@charset "UTF-8";
@font-face {
  font-family: "Hannari";
  src: url("../font/HannariMincho-Regular.otf") format("opentype");
}
.mt-min {
  margin-top: 8px;
}

.mt-smr {
  margin-top: clamp(0.875rem, 0.6964285714rem + 0.8928571429vw, 1.125rem);
}

.mt-sm {
  margin-top: clamp(1.3125rem, 1.1785714286rem + 0.6696428571vw, 1.5rem);
}

.mt-nm {
  margin-top: clamp(1.75rem, 1.5714285714rem + 0.8928571429vw, 2rem);
}

.mt-rg, .sec-about__img {
  margin-top: clamp(2.1875rem, 1.9642857143rem + 1.1160714286vw, 2.5rem);
}

.mt-md {
  margin-top: clamp(2.625rem, 2.3571428571rem + 1.3392857143vw, 3rem);
}

.mt-lg {
  margin-top: clamp(3.0625rem, 2.75rem + 1.5625vw, 3.5rem);
}

.mt-lgr {
  margin-top: clamp(3.5rem, 3.1428571429rem + 1.7857142857vw, 4rem);
}

.mb-min {
  margin-bottom: 8px;
}

.mb-smr {
  margin-bottom: clamp(0.875rem, 0.6964285714rem + 0.8928571429vw, 1.125rem);
}

.mb-sm {
  margin-bottom: clamp(1.3125rem, 1.1785714286rem + 0.6696428571vw, 1.5rem);
}

.mb-nm {
  margin-bottom: clamp(1.75rem, 1.5714285714rem + 0.8928571429vw, 2rem);
}

.mb-rg {
  margin-bottom: clamp(2.1875rem, 1.9642857143rem + 1.1160714286vw, 2.5rem);
}

.mb-md {
  margin-bottom: clamp(2.625rem, 2.3571428571rem + 1.3392857143vw, 3rem);
}

.mb-lg {
  margin-bottom: clamp(3.0625rem, 2.75rem + 1.5625vw, 3.5rem);
}

.mb-lgr {
  margin-bottom: clamp(3.5rem, 3.1428571429rem + 1.7857142857vw, 4rem);
}

.pt-min {
  padding-top: 8px;
}

.pt-smr {
  padding-top: clamp(0.875rem, 0.6964285714rem + 0.8928571429vw, 1.125rem);
}

.pt-sm {
  padding-top: clamp(1.3125rem, 1.1785714286rem + 0.6696428571vw, 1.5rem);
}

.pt-nm {
  padding-top: clamp(1.75rem, 1.5714285714rem + 0.8928571429vw, 2rem);
}

.pt-rg {
  padding-top: clamp(2.1875rem, 1.9642857143rem + 1.1160714286vw, 2.5rem);
}

.pt-md {
  padding-top: clamp(2.625rem, 2.3571428571rem + 1.3392857143vw, 3rem);
}

.pt-lg {
  padding-top: clamp(3.0625rem, 2.75rem + 1.5625vw, 3.5rem);
}

.pt-lgr {
  padding-top: clamp(3.5rem, 3.1428571429rem + 1.7857142857vw, 4rem);
}

.pb-min {
  padding-bottom: 8px;
}

.pb-smr {
  padding-bottom: clamp(0.875rem, 0.6964285714rem + 0.8928571429vw, 1.125rem);
}

.pb-sm {
  padding-bottom: clamp(1.3125rem, 1.1785714286rem + 0.6696428571vw, 1.5rem);
}

.pb-nm {
  padding-bottom: clamp(1.75rem, 1.5714285714rem + 0.8928571429vw, 2rem);
}

.pb-rg {
  padding-bottom: clamp(2.1875rem, 1.9642857143rem + 1.1160714286vw, 2.5rem);
}

.pb-md {
  padding-bottom: clamp(2.625rem, 2.3571428571rem + 1.3392857143vw, 3rem);
}

.pb-lg {
  padding-bottom: clamp(3.0625rem, 2.75rem + 1.5625vw, 3.5rem);
}

.pb-lgr {
  padding-bottom: clamp(3.5rem, 3.1428571429rem + 1.7857142857vw, 4rem);
}

.pb-min {
  padding-bottom: 8px;
}

.pb-smr {
  padding-bottom: clamp(0.875rem, 0.6964285714rem + 0.8928571429vw, 1.125rem);
}

.pb-sm {
  padding-bottom: clamp(1.3125rem, 1.1785714286rem + 0.6696428571vw, 1.5rem);
}

.pb-nm {
  padding-bottom: clamp(1.75rem, 1.5714285714rem + 0.8928571429vw, 2rem);
}

.pb-rg {
  padding-bottom: clamp(2.1875rem, 1.9642857143rem + 1.1160714286vw, 2.5rem);
}

.pb-md {
  padding-bottom: clamp(2.625rem, 2.3571428571rem + 1.3392857143vw, 3rem);
}

.pb-lg {
  padding-bottom: clamp(3.0625rem, 2.75rem + 1.5625vw, 3.5rem);
}

.pb-lgr {
  padding-bottom: clamp(3.5rem, 3.1428571429rem + 1.7857142857vw, 4rem);
}

.font-10 {
  font-size: clamp(0.5625rem, calc(0.5178571429rem + 0.0022321429 * 100vw), 0.625rem);
}

.font-11 {
  font-size: clamp(0.61875rem, calc(0.5696428571rem + 0.0024553571 * 100vw), 0.6875rem);
}

.font-12 {
  font-size: clamp(0.675rem, calc(0.6214285714rem + 0.0026785714 * 100vw), 0.75rem);
}

.font-13 {
  font-size: clamp(0.715rem, calc(0.674375rem + 0.00203125 * 100vw), 0.771875rem);
}

.font-14 {
  font-size: clamp(0.77rem, calc(0.72625rem + 0.0021875 * 100vw), 0.83125rem);
}

.font-15 {
  font-size: clamp(0.825rem, calc(0.778125rem + 0.00234375 * 100vw), 0.890625rem);
}

.font-16 {
  font-size: clamp(0.88rem, calc(0.83rem + 0.0025 * 100vw), 0.95rem);
}

.font-17 {
  font-size: clamp(0.935rem, calc(0.881875rem + 0.00265625 * 100vw), 1.009375rem);
}

.font-18,.area-name {
  font-size: clamp(0.9999rem, calc(0.9909rem + 0.00045 * 100vw), 1.0125rem);
}

.font-19, .menu-detail__content .ttl {
  font-size: clamp(1.05545rem, calc(1.04595rem + 0.000475 * 100vw), 1.06875rem);
}

.font-20 {
  font-size: clamp(1.111rem, calc(1.101rem + 0.0005 * 100vw), 1.125rem);
}

.font-21, .sec-contact .contact-item {
  font-size: clamp(1.0696875rem, calc(0.99rem + 0.003984375 * 100vw), 1.18125rem);
}

.font-22 {
  font-size: clamp(1.120625rem, calc(1.0371428571rem + 0.0041741071 * 100vw), 1.2375rem);
}

.font-23 {
  font-size: clamp(1.1715625rem, calc(1.0842857143rem + 0.0043638393 * 100vw), 1.29375rem);
}

.font-24 {
  font-size: clamp(1.2225rem, calc(1.1314285714rem + 0.0045535714 * 100vw), 1.35rem);
}

.font-25 {
  font-size: clamp(1.1996875rem, calc(1.1269196429rem + 0.0036383929 * 100vw), 1.3015625rem);
}

.font-26 {
  font-size: clamp(1.247675rem, calc(1.1719964286rem + 0.0037839286 * 100vw), 1.353625rem);
}

.font-27 {
  font-size: clamp(1.2956625rem, calc(1.2170732143rem + 0.0039294643 * 100vw), 1.4056875rem);
}

.font-28 {
  font-size: clamp(1.34365rem, calc(1.26215rem + 0.004075 * 100vw), 1.45775rem);
}

.font-29 {
  font-size: clamp(1.379765625rem, calc(1.2325rem + 0.0073632813 * 100vw), 1.5859375rem);
}

.font-30, .menu-detail__top, .title01 {
  font-size: clamp(1.42734375rem, calc(1.275rem + 0.0076171875 * 100vw), 1.640625rem);
}

.font-31 {
  font-size: clamp(1.474921875rem, calc(1.3175rem + 0.0078710938 * 100vw), 1.6953125rem);
}

.font-32 {
  font-size: clamp(1.5225rem, calc(1.36rem + 0.008125 * 100vw), 1.75rem);
}

.font-33 {
  font-size: clamp(1.546875rem, calc(1.42415625rem + 0.0061359375 * 100vw), 1.71868125rem);
}

.font-34 {
  font-size: clamp(1.59375rem, calc(1.4673125rem + 0.006321875 * 100vw), 1.7707625rem);
}

.font-35 {
  font-size: clamp(1.640625rem, calc(1.51046875rem + 0.0065078125 * 100vw), 1.82284375rem);
}

.font-36 {
  font-size: clamp(1.6875rem, calc(1.553625rem + 0.00669375 * 100vw), 1.874925rem);
}

.font-37 {
  font-size: clamp(1.6058rem, calc(1.3763669643rem + 0.0114716518 * 100vw), 1.92700625rem);
}

.font-38 {
  font-size: clamp(1.6492rem, calc(1.4135660714rem + 0.0117816964 * 100vw), 1.9790875rem);
}

.font-39 {
  font-size: clamp(1.6926rem, calc(1.4507651786rem + 0.0120917411 * 100vw), 2.03116875rem);
}

.font-40 {
  font-size: clamp(1.736rem, calc(1.4879642857rem + 0.0124017857 * 100vw), 2.08325rem);
}

.font-41 {
  font-size: clamp(1.7794rem, calc(1.5251633929rem + 0.0127118304 * 100vw), 2.13533125rem);
}

.font-42 {
  font-size: clamp(1.8228rem, calc(1.5623625rem + 0.013021875 * 100vw), 2.1874125rem);
}

.font-43 {
  font-size: clamp(1.8662rem, calc(1.5995616071rem + 0.0133319196 * 100vw), 2.23949375rem);
}

.font-44 {
  font-size: clamp(1.9096rem, calc(1.6367607143rem + 0.0136419643 * 100vw), 2.291575rem);
}

.font-45 {
  font-size: clamp(1.953rem, calc(1.6739598214rem + 0.0139520089 * 100vw), 2.34365625rem);
}

.font-46 {
  font-size: clamp(1.9964rem, calc(1.7111589286rem + 0.0142620536 * 100vw), 2.3957375rem);
}

.font-47 {
  font-size: clamp(2.0398rem, calc(1.7483580357rem + 0.0145720982 * 100vw), 2.44781875rem);
}

.font-48 {
  font-size: clamp(2.0832rem, calc(1.7855571429rem + 0.0148821429 * 100vw), 2.4999rem);
}

.font-49 {
  font-size: clamp(1.8375rem, calc(1.32715625rem + 0.0255171875 * 100vw), 2.55198125rem);
}

.font-50 {
  font-size: clamp(1.875rem, calc(1.3542410714rem + 0.0260379464 * 100vw), 2.6040625rem);
}

.font-51 {
  font-size: clamp(1.9125rem, calc(1.3813258929rem + 0.0265587054 * 100vw), 2.65614375rem);
}

.font-52 {
  font-size: clamp(1.95rem, calc(1.4084107143rem + 0.0270794643 * 100vw), 2.708225rem);
}

.font-53 {
  font-size: clamp(1.9875rem, calc(1.4354955357rem + 0.0276002232 * 100vw), 2.76030625rem);
}

.font-54 {
  font-size: clamp(2.025rem, calc(1.4625803571rem + 0.0281209821 * 100vw), 2.8123875rem);
}

/*----- telクラス -----*/
/*
概要:
基本的なtelのスタイル,iconやcolor,sizeなど
詳細な余白等は別指定
*/
.tel {
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 500;
  padding-left: 0.8965517241em;
  position: relative;
}
.tel::before {
  content: "";
  width: 0.6551724138em;
  height: 0.6551724138em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.tel-main::before {
  background: url(../img/icon_tel_main.png) no-repeat center/contain;
}
.tel-white::before {
  background: url(../img/icon_tel_white.png) no-repeat center/contain;
}

/*----- mailクラス -----*/
.mail {
  letter-spacing: 0.05em;
  line-height: 1;
  pointer-events: none;
  font-weight: 500;
  padding-left: 1.25em;
  position: relative;
}
.mail::before {
  content: "";
  width: 0.9em;
  height: 0.6em;
  position: absolute;
  top: 52%;
  left: 0;
  transform: translateY(-50%);
}
.mail-main::before {
  background: url(../img/icon_mail_main.png) no-repeat center/contain;
}
.mail-white::before {
  background: url(../img/icon_mail_white.png) no-repeat center/contain;
}
.title-img {
  height: clamp(3.125rem, 2.6785714286rem + 2.2321428571vw, 3.75rem);
  width: 100%;
}
.title-img img {
  width: 100%;
  height: 100%;
}

.title-img-center img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.title-img-left img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}

.title-img-right img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}

.title01 {
  display: flex;
  flex-direction: column;
  font-family: "Hannari", "Noto Sans JP", sans-serif;

}
.title01.center {
  align-items: center;
}
.title01.left {
  align-items: flex-start;
}
.title01__main {
  font-size: 1em;
  letter-spacing: 0.18em;
}
.title01__main::before, .title01__main::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.title01__main::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.title01__main::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

.common-sentence {
  line-height: 2;
}
.common-sentence p::before, .common-sentence p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.common-sentence p::before {
  margin-top: calc((1 - 2) * 0.5em);
}
.common-sentence p::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.common-sentence p:not(:last-child) {
  margin-bottom: 1.75em;
}

.flex-base {
  display: flex;
  flex-wrap: wrap;
}

.common-sentence {
  line-height: 2em;
}
.common-sentence p::before, .common-sentence p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.common-sentence p::before {
  margin-top: calc((1 - 2) * 0.5em);
}
.common-sentence p::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.common-sentence p:not(:last-child) {
  margin-bottom: 1.25em;
}

.flex-base {
  display: flex;
  flex-wrap: wrap;
}

/*----------- ▽ main-visual ▽ -----------*/
.main-visual {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  height: 56vw;
  min-height: 500px;
}
.main-visual__catch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(5rem, 2.7678571429rem + 11.1607142857vw, 8.125rem);
  height: 90%;
}
.main-visual__catch > img {
  filter: drop-shadow(0 0 13px rgba(0, 0, 0, 0.2));
}

/*----------- △ main-visual △ -----------*/
/*----------- ▽ sub-visual ▽ -----------*/
.sub-visual {
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 36vw;
  min-height: 240px;
}
.sub-visual__catch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: clamp(1.5rem, 0.7857142857rem + 3.5714285714vw, 2.5rem);
}
.sub-visual__catch > img {
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.2));
}

/*----------- △ sub-visual △ -----------*/
/*----------- ▽ top-page ▽ -----------*/
.sec-greeting__sentence {
  text-align: left;
}
.sec-greeting__sentence {
  line-height: 2;
}
.sec-greeting__sentence p::before, .sec-greeting__sentence p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sec-greeting__sentence p::before {
  margin-top: calc((1 - 2) * 0.5em);
}
.sec-greeting__sentence p::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.sec-greeting__sentence p:not(:last-child) {
  margin-bottom: 1em;
}
/*----------- ▽ sec-greeting ▽ -----------*/
.sec-greeting {
  /* background: url(../img/top/greeting_img01.png) no-repeat bottom left/auto, url(../img/top/greeting_img02.png) no-repeat top 262px right/auto; */
  /* background: url(../img/top/bentou_top.png) no-repeat top left/80%, url(../img/top/bentou_bottom.png) no-repeat bottom right/70%, url(../img/pattern_bg01.png) repeat center/auto; */
  background: url(../img/maruhude.png) no-repeat top 40%  center/auto, url(../img/pattern_bg01.png) repeat center/auto;

}
.sec-greeting__title {
  margin-bottom: 30px;
}
.sec-greeting__illust {
  width: 25%;
  max-width: 127px;
  margin: 0 auto;
}
.sec-greeting__container {
  margin-top: 25px;
  padding:40px 1em 40px;
  }
/*----------- △ sec-greeting △ -----------*/
/*----------- ▽ sec-news ▽ -----------*/
.top-page .sec-news,
.top-page .sec-blog {
  width: 100%;
}

.top-page .top-article-wrapper {
  background: url(../img/top/news_bg_top.png) no-repeat top left/70%, url(../img/top/news_bg_bottom.png) no-repeat bottom right/70%, url(../img/pattern_bg01.png) repeat center/auto, #dac5aa;
}

.top-page .top-article-flex {
  gap: 60px;
}

/*----------- △ sec-news △ -----------*/
/*----------- ▽ sec-lunchbox ▽ -----------*/
.sec-lunchbox {
  background: url(../img/top/bentou_top.png) no-repeat top left/80%, url(../img/top/bentou_bottom.png) no-repeat bottom right/70%, url(../img/pattern_bg01.png) repeat center/auto;
}
.sec-lunchbox__container {
  justify-content: flex-start;
  align-items: stretch;
  gap: 30px 0;
  max-width: 480px;
  margin: 0 auto;
}

.banner-order {
  width: 100%;
  max-width: 560px;
  margin: 40px auto 0;
}

/*----------- △ sec-lunchbox △ -----------*/
/*----------- ▽ sec-shop ▽ -----------*/
.sec-shop {
  overflow: hidden;
}
.sec-shop__container {
  justify-content: space-between;
}
.sec-shop__left {
  width: 100%;
}
.sec-shop__img {
  width: 100%;
  margin-top: 30px;
}
.sec-shop__img img {
  width: 100%;
}
.sec-shop .googlemap-container {
  width: 100%;
  height: 56.25vw;
}

.banner-instagram {
  width: 100%;
  margin: 0 auto;
}

.main-table {
  width: 100%;
  font-weight: 500;
}
.main-table tr {
  display: block;
  position: relative;
  z-index: 1;
}
.main-table tr::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../img/line_horizontal.png) repeat-x top left/auto, url(../img/line_horizontal.png) repeat-x bottom right/auto, url(../img/line_vertical.png) repeat-y top left/auto, url(../img/line_vertical.png) repeat-y bottom right/auto;
}
.main-table tr:not(:last-child) {
  margin-bottom: 12px;
}
.main-table th,
.main-table td {
  padding: 0.75em 1em;
  width: 100%;
  line-height: 1.5;
  display: block;
}
.main-table th {
  background: url(../img/line_white_horizontal.png) repeat-x bottom center/auto, #333;
  background-color: #333;
}
.main-table td {
  background-color: #fff;
  background: url(../img/line_horizontal.png) repeat-x bottom center/auto, #fff;
}

/*----------- △ sec-shop △ -----------*/
/*----------- ▽ sec-contact ▽ -----------*/
.sec-contact {
  background: url(../img/top/contact_bg.jpg) no-repeat top center/cover;
}
.sec-contact__title {
  margin-bottom: 20px;
}
.sec-contact__container {
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
}
.sec-contact .contact-item {
  max-width: 19.0476190476em;
  width: 100%;
  height: 8.8571428571em;
  padding-top: 3.3333333333em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sec-contact .contact-item__title {
  text-align: center;
  letter-spacing: 0.075em;
  line-height: 1;
  font-weight: 500;
}
.sec-contact .contact-item.tel {
  background: url(../img/top/contact_tel.png) no-repeat top center/contain;
}
.sec-contact .contact-item.tel .contact-item__title {
  margin-bottom: 1.1538461538em;
}
.sec-contact .contact-item.mail {
  background: url(../img/top/contact_mail.png) no-repeat top center/contain;
}
.sec-contact .contact-item.mail .contact-item__title {
  margin-bottom: 0.6923076923em;
}

/*----------- △ sec-contact △ -----------*/
/*----------- △ top-page △ -----------*/
/*----------- ▽ about-page ▽ -----------*/
.common-bg {
  background: url(../img/maruhude.png) no-repeat center/auto 100%, url(../img/pattern_bg01.png) repeat center/auto, #fffdf9;
}

/*----------- ▽ sec-about ▽ -----------*/
.sec-about__container {
  justify-content: space-between;
  flex-direction: row-reverse;
}
.sec-about__sentence {
  width: 100%;
}
.sec-about__img {
  width: 100%;
}
.sec-about__img img {
  width: 100%;
}
.sec-about .area {
  width: 100%;
  border: 1px solid #333333;
  outline: 1px solid #333333;
  outline-offset: -5px;
  padding: 25px 8%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.sec-about .area-title {
  width: 15%;
  padding: 20px 0;
  outline: 1px solid #fff;
  outline-offset: -2px;
  position: absolute;
  left: 5%;
  top: -10px;
}
.sec-about .area-title img {
  margin: 0 auto;
}
.sec-about .area-name {
  /* margin: 0 auto; */
  width: 100%;
}
.sec-about .area-wrapper{
  margin-left: auto;
  width:80%;
  gap: 24px 0;

}
.sec-about .area .note{
  /* text-align: right; */
  /* margin-top: 30px; */
  width: 100%;
  /* padding-left: 20%; */
}
.sec-about .area-container {
  /* width: 80%;
  margin-left: auto; */
  justify-content: space-between;
  gap: 12px 4%;
}
.sec-about .area-list {
  width: 48%;
}
.sec-about .area-list li {
  padding-left: 1.25em;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.sec-about .area-list li::after {
  content: "";
  width: 0.6em;
  height: 0.6em;
  background-color: #333333;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  transform-origin: center;
}
.sec-about .area-list li:not(:last-child) {
  margin-bottom: 12px;
}
.sec-about .banner-container {
  justify-content: center;
}
.sec-about .banner-item {
  max-width: 520px;
  width: 100%;
}
.sec-about .banner-item:not(:last-child) {
  margin-bottom: 12px;
}
.sec-about .banner-item img {
  width: 100%;
}

@media screen and (max-width: 400px) {
  .sec-about .area-list {
    width: 100%;
  }
}
/*----------- △ sec-about △ -----------*/
/*----------- △ about-page △ -----------*/
/*----------- ▽ menu-page ▽ -----------*/
/*----------- ▽ sec-menu ▽ -----------*/
.menu-detail__container {
  justify-content: space-between;
  align-items: flex-start;
}
.menu-detail__img {
  width: 100%;
  height: 69.75vw;
  padding: 7px;
  background: url(../img/line_horizontal.png) repeat-x top left/auto, url(../img/line_horizontal.png) repeat-x bottom right/auto, url(../img/line_vertical.png) repeat-y top left/auto, url(../img/line_vertical.png) repeat-y bottom right/auto;
  margin-bottom: 30px;
}
.menu-detail__top {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 40px;
  padding-bottom: 0.4357142857em;
  background: url(../img/line_horizontal.png) repeat-x center bottom/auto;
}
.menu-detail__left {
  width: 100%;
}
.menu-detail__price {
  letter-spacing: 0.075em;
  font-size: 0.7142857143em;
  font-weight: 500;
  width: 100%;
  text-align: right;
}
.menu-detail__title {
  letter-spacing: 0.075em;
  text-align: left;
  width: 100%;
  font-weight: 500;
  padding-left: 1.2857142857em;
  position: relative;
}
.menu-detail__title::before {
  content: "";
  width: 0.6285714286em;
  height: 0.6285714286em;
  background-color: #ca3f26;
  position: absolute;
  left: 0;
  top: 0.8em;
  transform: translate(0, -50%) rotate(45deg);
}
.menu-detail__content {
  position: relative;
  z-index: 1;
}
.menu-detail__content::after {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../img/line_horizontal.png) repeat-x top left/auto, url(../img/line_horizontal.png) repeat-x bottom right/auto, url(../img/line_vertical.png) repeat-y top left/auto, url(../img/line_vertical.png) repeat-y bottom right/auto;
}
.menu-detail__content:not(:last-child) {
  margin-bottom: 20px;
}
.menu-detail__content .ttl {
  letter-spacing: 0.075em;
  padding: 0.5em 1em;
}
.menu-detail__content .text {
  padding: 1.25em 1.25em 1.625em;
}
.menu-detail__sentence {
  position: relative;
  z-index: 1;
  padding: 2.5em 1.875em;
  margin-top: 30px;
}
.menu-detail__sentence::after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../img/line_horizontal.png) repeat-x top left/auto, url(../img/line_horizontal.png) repeat-x bottom right/auto, url(../img/line_vertical.png) repeat-y top left/auto, url(../img/line_vertical.png) repeat-y bottom right/auto;
}
.menu-detail .btn {
  margin-top: 30px !important;
}

/*----------- △ sec-menu △ -----------*/
/*----------- △ menu-page △ -----------*/
/*----------- ▽ shop-page ▽ -----------*/
.shop-page .sec-shop .googlemap-container {
  width: 100%;
  height: 56.25vw;
  margin-top: 30px;
}
.shop-page .sec-shop__img {
max-width: 560px;
margin: 0 auto;
}
.shop-page .sec-shop__img:not(:last-child) {
margin-bottom:15px;
}
.shop-page .sec-shop__img > img {
width: 100%;
}
.shop-page .sec-shop__container {
/* gap: ; */
justify-content: space-between;
}
/*----------- △ shop-page △ -----------*/
/*---------- main-visualここから ----------*/
.news-page .sec-news .article-container {
  margin-bottom: 30px;
}

.article-card {
  width: 100%;
  box-sizing: border-box;
}
.article-card__img {
  margin-bottom: 12px;
  width: 100%;
  height: min(70.588vw, 340px);
  padding: 6px;
  background: url(../img/line_horizontal.png) repeat-x top left/auto, url(../img/line_horizontal.png) repeat-x bottom right/auto, url(../img/line_vertical.png) repeat-y top left/auto, url(../img/line_vertical.png) repeat-y bottom right/auto;
}
.article-card__title {
  font-size: clamp(1.0625rem, 0.9285714286rem + 0.6696428571vw, 1.25rem);
  letter-spacing: 0.075em;
  padding-bottom: 0.175em;
  background: url(../img/line_horizontal.png) repeat-x bottom left 30%/auto;
}
.article-card__date {
  line-height: 1;
  margin-bottom: 1em;
}
.article-card__price {
  font-size: clamp(0.9375rem, 0.8482142857rem + 0.4464285714vw, 1.0625rem);
  letter-spacing: 0.075em;
  margin-top: 5px;
  text-align: right;
  font-weight: 500;
}

.article-container {
  width: 100%;
}
.article-container .category-wrapper {
  width: calc(100% - 72px);
}

.article-flex {
  align-items: center;
  justify-content: space-between;
  display: flex;
  gap: 8px 0;
  margin-bottom: 8px;
}

.article-list__item {
  position: relative;
  transition: all 0.3s;
  background: url(../img/line_horizontal.png) repeat-x bottom right/auto 1px;
}
.article-list__item:first-child {
  background: url(../img/line_horizontal.png) repeat-x top left/auto 1px, url(../img/line_horizontal.png) repeat-x bottom right/auto 1px;
}
.article-list__item a {
  padding: 12px 0 10px;
}

.article-date {
  font-size: 13px;
}

.article-title {
  line-height: 1.2;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

/*---------- detail ここから ----------*/
.category {
  color: #ffffff;
  background-color: #333;
  font-size: 13.5px;
  letter-spacing: 0.075em;
  padding: 0.0833333333em 0.5333333333em;
  font-weight: 500;
}
.category-btn-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  gap: 8px;
}
.category-btn-wrapper .btn {
  padding: 0.75em 1em;
  border: 1px solid #333333;
  border-radius: 3em;
  display: inline-block;
}
.category-btn-wrapper .btn.current {
  color: #fff;
  background-color: #ca3f26;
  border: 1px solid #ca3f26;
}
.category-btn-wrapper .btn:hover {
  color: #fff;
  background-color: #ca3f26;
  border: 1px solid #ca3f26;
  opacity: 1;
}
.category-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.sec-article .article {
  margin: 0 auto;
}
.sec-article .detail-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sec-article .detail-date {
  order: 1;
  text-align: right;
  font-weight: 500;
  line-height: 1;
  font-size: 13px;
}
.sec-article .detail-category {
  order: 2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}
.sec-article .detail-title {
  order: 3;
  font-size: clamp(1.125rem, 0.8571428571rem + 1.3392857143vw, 1.5rem);
  letter-spacing: 0.075em;
  text-align: left;
  width: 100%;
  font-weight: 500;
  margin-top: 12px;
  padding-bottom: 0.4357142857em;
  padding-left: 1.2857142857em;
  position: relative;
  background: url(../img/line_horizontal.png) repeat-x center bottom/auto;
}
.sec-article .detail-title::before {
  content: "";
  width: 0.6285714286em;
  height: 0.6285714286em;
  background-color: #ca3f26;
  position: absolute;
  left: 0;
  top: 0.8em;
  transform: translate(0, -50%) rotate(45deg);
}
.sec-article .detail-img {
  margin: 0 auto;
  width: 80%;
  height: 0;
  padding-top: 40%;
  margin-bottom: 20px;
}
.sec-article .detail-content {
  margin-top: 30px;
}

/*----------　articleここまで ----------*/
/*----------- ▽ sitemap-page ▽ -----------*/
.sitemap-page .sec-sitemap .sitemap-list {
  max-width: 560px;
  margin: 0 auto;
}
.sitemap-page .sec-sitemap .sitemap-list__item:not(:last-child) {
  margin-bottom: 5px;
}
.sitemap-page .sec-sitemap .sitemap-list__link {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  padding: 0.8em 1em;
  position: relative;
  display: flex;
  align-items: center;
  background: url(../img/line_horizontal.png) repeat-x bottom center/auto;
  transition: all 0.3s;
}
.sitemap-page .sec-sitemap .sitemap-list__link::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #ca3f26;
  border-right: 2px solid #ca3f26;
  position: absolute;
  top: 50%;
  right: 1.5em;
  transition: all 0.3s;
  transform: translateY(-50%) rotate(45deg);
}
.sitemap-page .sec-sitemap .sitemap-list__link:hover {
  color: #ca3f26;
}
.sitemap-page .sec-sitemap .sitemap-list__link:hover::after {
  right: 1em;
}

/*----------- △ sitemap-page △ -----------*/
.notfound-page .sec-notfound .sec-title,
.complete-page .sec-complete .sec-title {
  text-align: center;
}
.notfound-page .sec-notfound .notfound-title, .notfound-page .sec-notfound .complete-title,
.complete-page .sec-complete .notfound-title,
.complete-page .sec-complete .complete-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.25em;
}
.notfound-page .sec-notfound .btn,
.complete-page .sec-complete .btn {
  margin: 1em auto;
}

.privacy-page .sec-privacy .privacy-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 20px;
  border-bottom: 3px solid #ca3f26;
}

.privacy-page .sec-privacy .privacy-box {
  margin-bottom: 40px;
}

.privacy-page .sec-privacy .privacy-box:last-child {
  margin-bottom: 0;
}/*# sourceMappingURL=style_sp.css.map */

.add_s_txt{
 font-size: 0.8rem;
 margin-top: 10px;
 display: inline-block;
}
.add_s_txt br{
 display: none;
}