@charset "UTF-8";
/* ======================================================================== */
/* RESTARANT
/* ======================================================================== */
#restaurant_topInfo {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#restaurant_topInfo .section_basic {
  width: 100%;
  position: relative;
  z-index: 1;
}
#restaurant_topInfo .section_basic:before {
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: 80%;
  background: #F7F5EF;
  z-index: -1;
}
#restaurant_topInfo #Introduction {
  width: 90%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
}
#restaurant_topInfo #slide_photoBox {
  padding-bottom: 3rem;
}
#restaurant_topInfo #slide_photoBox .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-color: #ccc;
  bottom: -30px !important;
}
#restaurant_topInfo .notes_box {
  padding-top: 0;
}
#restaurant_topInfo .section_headline {
  margin-bottom: 1rem;
}
#restaurant_topInfo .section_headline:after {
  content: none;
}

/* GRAND MENU
/* ------------------------------------------------------------- */
#Menu .section_basic {
  padding-top: 0;
}

/* ------------------------------------------------------------- */
.menulist {
  max-width: 630px;
  width: 70%;
  margin: 4rem auto 0;
}

/* ------------------------------------------------------------- */
.menu_pic {
  width: 100%;
  height: auto;
  margin: 0 auto 1rem;
}
.menu_pic p {
  font-size: clamp(10px, 0.8rem + 0.2vw, 14px);
}
@media screen and (max-width: 480px) {
  .menu_pic p {
    font-size: clamp(11px, 3.8vw, 12px);
  }
}
.menu_pic p {
  text-align: center;
  margin-top: 0.5rem;
}
.menu_pic a {
  width: 100%;
  height: auto;
  display: block;
}
.menu_pic a:hover {
  opacity: 0.75;
}
.menu_pic img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/* OBJECT
/* ------------------------------------------------------------- */
#Menu .section_basic {
  padding-bottom: 0;
}

/* ------------------------------------------------------------- */
#Grand {
  position: relative;
  z-index: 1;
}
#Grand ul.object_list {
  height: 100%;
  max-width: 1320px;
}
#Grand ul.object_list li {
  width: 20%;
}
@media screen and (max-width: 768px) {
  #Grand ul.object_list li {
    width: 26%;
  }
}
#Grand ul.object_list li.icon_left {
  left: 0;
  top: 84%;
}
@media screen and (max-width: 768px) {
  #Grand ul.object_list li.icon_left {
    left: -12%;
    bottom: 0%;
  }
}
#Grand ul.object_list li.icon_right {
  right: 0;
  top: 12%;
}
@media screen and (max-width: 768px) {
  #Grand ul.object_list li.icon_right {
    right: -12%;
    top: 30%;
  }
}

/* 
/* ------------------------------------------------------------- */
ul#dish_thumbList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4%;
}
ul#dish_thumbList li {
  width: 30.6666666667%;
  margin-bottom: 3%;
}
@media screen and (max-width: 768px) {
  ul#dish_thumbList li {
    width: 48%;
  }
}

.dish_info {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dish_info figure,
.dish_info img {
  width: 100%;
  height: auto;
  display: block;
}
.dish_info img {
  -o-object-fit: cover;
     object-fit: cover;
}
.dish_info p {
  padding: 0.8rem 1rem;
  font-size: clamp(10px, 0.8rem + 0.2vw, 14px);
}
@media screen and (max-width: 480px) {
  .dish_info p {
    font-size: clamp(11px, 3.8vw, 12px);
  }
}
.dish_info p {
  line-height: 140%;
}

html:not([lang=ja]) .dish_info p br {
  display: none !important;
}

/* セット
/* ------------------------------------------------------------- */
#Set .section_headlinePhoto {
  width: 90%;
}
#Set .notes_box {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #Set .notes_box {
    width: 90%;
    text-align: left;
  }
}

/* ------------------------------------------------------------- */
dl.set_detailBloc {
  width: 100%;
  height: auto;
  margin: 3rem auto;
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
dl.set_detailBloc:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  dl.set_detailBloc {
    display: block;
    width: 94%;
  }
}
dl.set_detailBloc dt, dl.set_detailBloc dd {
  height: auto;
}
dl.set_detailBloc dt {
  width: 51.2%;
  height: auto;
  margin-right: 6%;
}
@media screen and (max-width: 768px) {
  dl.set_detailBloc dt {
    width: 100%;
    margin: 0 auto 2rem;
  }
}
dl.set_detailBloc dd {
  width: 42.4%;
}
@media screen and (max-width: 768px) {
  dl.set_detailBloc dd {
    width: 100%;
  }
}

/* ------------------------------------------------------------- */
.set_flyer {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.set_flyer img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 9/7;
}
@media screen and (max-width: 768px) {
  .set_flyer img {
    aspect-ratio: initial;
  }
}

/* ------------------------------------------------------------- */
ul.set_info {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
ul.set_info li {
  margin-bottom: 1.4rem;
}
ul.set_info li:last-of-type {
  margin-bottom: 0;
}

/* ------------------------------------------------------------- */
.set_text p {
  margin-bottom: 0.4rem !important;
}
.set_text p.detail_caption {
  font-size: clamp(10px, 0.8rem + 0.2vw, 14px);
}
@media screen and (max-width: 480px) {
  .set_text p.detail_caption {
    font-size: clamp(11px, 3.8vw, 12px);
  }
}
.set_text p.tel_link {
  font-size: clamp(26px, 2.2vw, 30px);
}
@media screen and (max-width: 768px) {
  .set_text p.tel_link {
    font-size: clamp(22px, 5.5vw, 26px);
  }
}
@media screen and (max-width: 480px) {
  .set_text p.tel_link {
    font-size: clamp(22px, 6vw, 24px);
  }
}
.set_text p.tel_link {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "游明朝 Medium", "YuMincho Medium", serif !important;
}
.set_text p.tel_link a {
  color: #333;
  text-decoration: none;
}
.set_text p.tel_link a:hover {
  color: #5E7E2A;
}
.set_text p .mark {
  color: #5E7E2A;
}