@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/*# sourceMappingURL=bootstrap.min.css.map */
body {
  scroll-behavior: smooth;
  font-family:"Hiragino Kaku Gothic Pro", Meiryo,Arial, sans-serif;
  margin: 0;
}

/**
 * Bootstrap "Journal code" icon
 * @link https://icons.getbootstrap.com/icons/journal-code/
 */

/* stylelint-disable-next-line selector-max-universal */
.heading + div > * + * {
  margin-top: 3rem;
}

/* Table of contents */
.aside a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: .3125rem;
  color: var(--bs-body-color);
}

.aside a:hover,
.aside a:focus {
  color: var(--bs-body-color);
  background-color: rgba(121, 82, 179, .1);
}

.aside .active {
  font-weight: 600;
  color: var(--bs-body-color);
}

.aside .btn {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-body-color);
}

.aside .btn:hover,
.aside .btn:focus {
  color: var(--bs-body-color);
  background-color: rgba(121, 82, 179, .1);
}

.aside .btn:focus {
  box-shadow: 0 0 0 1px rgba(121, 82, 179, .7);
}

.aside .btn::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;

  /* rtl:raw:
  transform: rotate(180deg) translateX(-2px);
  */
  transform-origin: .5em 50%;
}

.aside .btn[aria-expanded="true"]::before {
  transform: rotate(90deg)/* rtl:ignore */;
}


/* Examples */
.scrollspy-example {
  height: 200px;
}

[id="modal"] .example .btn,
[id="buttons"] .example .btn,
[id="tooltips"] .example .btn,
[id="popovers"] .example .btn,
[id="dropdowns"] .example .btn-group,
[id="dropdowns"] .example .dropdown,
[id="dropdowns"] .example .dropup,
[id="dropdowns"] .example .dropend,
[id="dropdowns"] .example .dropstart {
  margin: 0 1rem 1rem 0;
}

/* Layout */
@media (min-width: 1200px) {
  body {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 4fr 1fr;
    gap: 1rem;
  }

  .header {
    position: fixed;
    top: 0;
    /* rtl:begin:ignore */
    right: 0;
    left: 0;
    /* rtl:end:ignore */
    z-index: 1030;
    grid-column: 1 / span 3;
  }

  .aside,
  .{
    padding-top: 4rem;
  }

  /**
   * 1. Too bad only Firefox supports subgrids ATM
   */
body,
  .section,
  .article {
    display: inherit; /* 1 */
    grid-template-rows: auto;
    grid-template-columns: 1fr 4fr;
    grid-column: 1 / span 2;
    gap: inherit; /* 1 */
  }
  .aside {
    grid-area: 1 / 3;
    scroll-margin-top: 4rem;
  }

  .section,
  .section > h2 {
    top: 2rem;
    scroll-margin-top: 2rem;
  }

  .section > h2::before {
    position: absolute;
    /* rtl:begin:ignore */
    top: 0;
    right: 0;
    bottom: -2rem;
    left: 0;
    /* rtl:end:ignore */
    z-index: -1;
    content: "";
  }

  .article,
  .heading {
    top: 8rem;
    scroll-margin-top: 8rem;

  }

  .heading {
    z-index: 1;
  }
	}
}

ul,li{
	overflow: visible!important;
}
.title {
	color: #E9B200;
}
a:-webkit-any-link,
a:link
a:hover.
a:active{
  color: #E9B200;
  text-decoration: none!important;
  font-weight: bold;
}
a:visited{
  color: #E9B200;
  text-decoration: none;

}
/* 1. スムーススクロールの有効化 */
html {
  scroll-behavior: smooth;
}
body{
	margin: 0;
	scroll-behavior: smooth;
  color: #333;
}
.logo {
	max-width: 100%;
}
.title{
  margin: 0;
  padding: 0 0.5em;
  background: #fff;
  text-align: center;
}
/* 2. セクションの定義 (ヘッダーの高さ分、上部に余裕を持たせる) */
section {
  scroll-margin-top: 50px; /* 固定ヘッダーの高さ分 */
}
nav[aria-expanded="true"] ul {
    transform: translateY(0);
}
header {
	z-index: 100;
  position: sticky; /* ここに注目! */
  top: 0;
}
#nav {
  position: sticky; /* ここに注目! */
  top: 0;
  align-content: center;
}
.header-nav{
  margin: 0;
  display: flex!important;
  list-style-type: none;
  justify-content: space-between;
  padding: 0;
  var(--scrollspy-height, 2em);
  background: #E9B200;
  border-bottom: 1px solid #000;
}
/* 3. スクロールスパイのスタイル (ターゲットになった項目をハイライト) */
.header-nav a {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
  padding: 0.2rem;
}

/* ページ内アンカーが指している要素にスタイルを当てる */
:target {
  background-color: #E9B200; /* 例: セクション自体に色をつける */
}

/* メニューのリンク自体をハイライトする（工夫が必要な場合が多い） */
.header-nava:target {
  font-weight: bold;
  color: #000;
}
.header-nav li a {
  text-decoration: none!important;
  color:#000;
  display: block;
  white-space: nowrap;
}
.header-nav li a:hover,
.header-nav li a:active{
  font-weight: 900;
}
.header-nav  > li{
 padding: 5px;
 margin: 0;
 text-align: center;
 list-style-type: none;
 align-items: stretch;
}
.lead {
	font-size: 1.5rem;
}
p{
	padding: 0;
	margin: 0 0 1em;
}
h2 {
	color: #000;
	margin: 0;
	padding: 1rem;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 2px solid;
	z-index: 10;
}
.content {
	padding: 1rem 1rem 3rem;
	margin: 0;
	background: #eee;
	position: relative;
}
h3:not(:first-child) {
	padding: 2em 0 1rem;
	margin: 0;
}
.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.image {
    max-width:300px;
    z-index: 0;
    margin: 0 auto;
    display: block;
}
.top{
	position: fixed;
	right: 1em;
	bottom:1em;
	display: inline-block;
	background:#E9B200;
	text-decoration: none;
	padding: 0.5em;
	color: #333;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2FyZXQtdXAtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4gPHBhdGggZD0ibTcuMjQ3IDQuODYtNC43OTYgNS40ODFjLS41NjYuNjQ3LS4xMDYgMS42NTkuNzUzIDEuNjU5aDkuNTkyYTEgMSAwIDAgMCAuNzUzLTEuNjU5bC00Ljc5Ni01LjQ4YTEgMSAwIDAgMC0xLjUwNiAweiIvPjwvc3ZnPg==");
  background-position: 0.2rem 0.7rem;
  background-repeat: no-repeat;
}
.top:visited {
	color: #333;
}

.emp {
	color: red;
}
.recommend{
	position: relative;
}
.recommend:before{
  content:"";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.2 51.2"><path fill="red" d="M25.6 0l6.7 18.5h18.9l-15.3 11 5.8 18.5-15.3-11-15.3 11 5.8-18.5-15.3-11h18.9z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1emx 1em; /* サイズ調整 */
  width: 1.3em;
  height: 1.3em;
	color:red;
	position: absolute;
	top: 0.32m ;
	left: -2.5em;

}
.bg-image {
	background: url("../img/burger3.png") no-repeat 100% 100% #eee;
	background-size: 100%;
	position: relatibe;
	z-index: 0;
}
.bg-image:before {
	position: absolute;
	left: 0;
	bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(.2505turn, #eee, 50%, rgba(0,0,0,0));
    background: #eee;
    opacity: 0.8;
    display: block;
    z-index: 1;
}

.bg-image h3,
.bg-image ul,
.bg-image  p {
	position: relative;
	z-index: 3;
	margin: 0;
}
.price {
  display: flex;
  width: 100%;
}
.price dt,
.price dd {
  display: table-cell;
  vertical-align: middle;
}
.price dt {
  width: 70%;
  max-width: 20rem;
}
.price dd  {
  text-align: right;
  white-space: nowrap;
}