/*========================================================================
   cuisine layout
========================================================================*/
#cuisine #mainVisual {
  background: url(../img/cuisine/mainimg.jpg) no-repeat center/cover;
}

@media screen and (min-width: 992px) {
  #lead .imgArea {
    margin-right: -8%;
    margin-left: 0;
  }
}

#dinner .menu, #breakfast .menu, #breakfast2 .menu {
  padding: clamp(1.8rem, 1.2rem + 1.667vw, 3.6rem);
  font-size: 0.9em;
}
#dinner .menu .wraper, #breakfast .menu .wraper, #breakfast2 .menu .wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#dinner .menu .disclist > *, #breakfast .menu .disclist > *, #breakfast2 .menu .disclist > * {
  line-height: 1.2;
}
#dinner .menu .disclist > *::marker, #breakfast .menu .disclist > *::marker, #breakfast2 .menu .disclist > *::marker {
  font-size: 0.75em;
}
@media screen and (min-width: 480px) and (max-width: 991px) {
  #dinner .menu .wraper, #breakfast .menu .wraper, #breakfast2 .menu .wraper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #dinner .menu .wraper > *, #breakfast .menu .wraper > *, #breakfast2 .menu .wraper > * {
    width: 49%;
  }
}
@media screen and (min-width: 992px) {
  #dinner .imgArea, #breakfast .imgArea, #breakfast2 .imgArea {
    margin-right: -8%;
    margin-left: 2%;
  }
  #dinner .reverse .imgArea, #breakfast .reverse .imgArea, #breakfast2 .reverse .imgArea {
    margin-right: 1%;
    margin-left: -8%;
  }
}

#breakfast2 {
  background-color: #fff;
  color: #222;
}
#breakfast2.bg_wave2 {
  background-color: #fff;
}
#breakfast2.bg_wave2::before, #breakfast2.bg_wave2::after {
  background-color: #fff;
}

/***************** bento area
#bento {
 background-color: g.$color-wh;
 color: g.$color-dark;
 &.bg_wave2 {
  background-color: g.$color-wh;
  &::before, &::after {
  background-color: g.$color-wh;
  }
 }
 .txtArea {
  @include g.bp(ms) {
   text-align: center;
  }
 }
 .cont {
  text-align: center;
  width: fit-content;
  h5 {
   margin-top: 0.4em; margin-bottom: 1em;
  }
 }
 table {
  margin-top: 1.5em;
 }
}
*****************/
#bbq #bbq_plan .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#bbq #bbq_plan h4 {
  font-size: 1.63em;
}
#bbq #bbq_plan .bgbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#bbq #bbq_plan .bgbox dl dt {
  font-size: 1.06em;
  font-weight: bold;
  border-bottom: dotted 1px;
  margin-block: 0.4em;
}
#bbq #bbq_plan .bgbox dl dd {
  font-size: 0.93em;
  line-height: 1.4;
  margin-bottom: 0.7em;
}
#bbq #bbq_plan .bgbox dl dd .outdentlist {
  color: #348ba8;
}
#bbq #bbq_plan .bgbox dl dd .imgArea {
  margin-top: 0.6em;
}
#bbq #guide table {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.02);
}
#bbq #guide table th, #bbq #guide table td {
  border-color: rgba(221, 221, 221, 0.7);
}
#bbq #guide .txt {
  font-size: 1.2em;
}
#bbq #guide .txt p {
  margin-bottom: 0.1em;
}
#bbq #guide .tel_link {
  font-size: 1.62em;
  font-weight: bold;
}

#store_info .cont {
  background-color: rgba(255, 255, 255, 0.15);
  padding: clamp(1.8rem, 1.2rem + 1.667vw, 3.6rem);
  border: solid 1px;
  margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) * 1);
}
#store_info .cont .time {
  padding: 1px 6px 2px;
  background-color: rgba(153, 187, 85, 0.8);
  border-radius: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}