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

.plan .layout {
  position: relative;
  z-index: 1;
}
.plan .layout .ttlArea h3 {
  margin-left: -50px;
  margin-bottom: 36px;
}
.plan .layout .ttlArea h3 + h4 {
  font-family: "Sawarabi Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #333340;
  margin: -37px 0 37px 24px;
}
.plan .layout .imgArea .note {
  color: #ccc;
}
.plan .planlist {
  background: #333340;
  padding-top: 34vw;
  margin-top: -31vw;
}
.plan .planlist .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.plan .planlist .slick-slide {
  height: auto !important;
}
.plan .planlist .item {
  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: 280px;
  height: 100%;
  margin: 0.4em;
  padding: 1.3em;
  background: rgba(255, 255, 255, 0.9);
}
.plan .planlist .item h4 {
  font-family: "Sawarabi Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 2rem;
  font-weight: 600;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.plan .planlist .item h4 a {
  color: #119190;
}
.plan .planlist .item h4 + h5 {
  line-height: 1.25;
  margin-top: -0.8em;
  margin-bottom: 0.6em;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.plan .planlist .item .menu {
  padding: 0.6em;
  background-color: rgba(212, 176, 121, 0.35);
}
.plan .planlist .note {
  color: #fff;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .plan .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .plan .layout .ttlArea {
    width: 36%;
  }
  .plan .layout .imgArea {
    width: 63%;
    margin-left: 1%;
  }
  .plan .planlist {
    padding-top: 16vw;
    margin-top: -13vw;
  }
}

#special .inner_frame {
  max-width: 850px;
}
#special .layout > *:not(:last-child) {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  #special .layout {
    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;
  }
  #special .layout > *:not(:last-child) {
    margin-bottom: 1%;
  }
  #special .layout > * {
    width: 270px;
    margin: 0 1% 1%;
  }
}
@media screen and (min-width: 992px) {
  #special .layout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

#other .note {
  background: url(../img/mat_lblu.png);
  border: solid 1px #333340;
  border-radius: 10px;
  margin-top: 3em;
}
#other .note h4 {
  font-weight: 600;
}


.cuisine_option{background:#e3d6c4; padding: 2rem; width:70%;}
.cuisine_option ol {margin:1rem 0 0 0; color:#851e1e; font-weight: bold;}
.cuisine_option ol li{list-style-type: decimal; list-style-position: inside;}

@media screen and (max-width: 992px) {
    
 .cuisine_option{width:auto; margin:0 0 3rem 0;}
   
}