/*========================================================================
   cuisine layout
========================================================================*/
#cuisine #mainVisual {
  background: url(../img/cuisine/mainimg.jpg) no-repeat center/cover;
}
#cuisine .deco_ttl {
  max-width: 400px;
  width: clamp(200px, 50%, 400px);
  position: absolute;
  top: 0;
  left: 1.25em;
  z-index: 1;
}
#cuisine .deco_ttl img {
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}

#lead .txtArea {
  max-width: 600px;
  margin-inline: auto;
}
#lead .txtArea h3 img {
  max-width: 354px;
}
#lead .imgArea {
  max-width: 600px;
  width: 80%;
  margin-left: auto;
  margin-bottom: 1em;
}
#lead .imgArea .img01 {
  max-width: 360px;
  width: 48%;
  margin-bottom: -6em;
}
#lead .imgArea .img02 {
  max-width: 440px;
  width: 53%;
  margin-left: auto;
  margin-right: -0.3em;
}
#lead .img03 {
  max-width: 400px;
  width: 25%;
  position: absolute;
  top: 37%;
  left: -2%;
}
#lead .ill_fishing {
  width: clamp(160px, 30%, 270px);
  margin-right: auto;
}
#lead .cir01 {
  top: -10%;
  left: -25%;
  right: 60%;
}
#lead .cir02 {
  top: -7%;
  right: -30%;
  left: 60%;
}
#lead .cir03 {
  bottom: -10%;
  left: -20%;
  right: 75%;
}
#lead .cir04 {
  bottom: -12%;
  right: -20%;
  left: 60%;
}
@media screen and (min-width: 768px) {
  #lead .txtArea {
    margin-top: -10%;
  }
}
@media screen and (min-width: 992px) {
  #lead .txtArea {
    margin-left: 25%;
  }
}

#course h3 img {
  max-width: 243px;
}
#course h4 {
  font-size: 2em;
  color: var(--color-pri);
}
#course .menu {
  color: var(--color-pri);
}
@media screen and (min-width: 768px) {
  #course .txtArea {
    max-width: 400px;
  }
  #course .imgArea {
    margin-right: -8%;
    margin-left: 2%;
  }
  #course .reverse .imgArea {
    margin-right: 2%;
    margin-left: -8%;
  }
}
#course .ill_fish-boy {
  width: clamp(180px, 40%, 270px);
  margin-left: auto;
  margin-bottom: calc(clamp(3.125em, 1.629em + 4.213vw, 5em) * -1);
}
#course .ill_children {
  width: clamp(180px, 70%, 346px);
  margin-left: auto;
}

#breakfast.bg_wave {
  background-color: #fff;
}
#breakfast.bg_wave::before {
  background-color: #fff;
}
#breakfast .txtArea {
  text-align: center;
  margin-bottom: 1em;
}
#breakfast .txtArea h3 img {
  max-width: 205px;
}
#breakfast .txtArea .eng {
  color: #ee8822;
}
#breakfast .imgArea {
  max-width: 900px;
  margin-inline: auto;
}
#breakfast .ill_birds {
  width: clamp(160px, 36%, 300px);
  position: absolute;
  top: -28%;
  left: 55%;
}

#special.bg_wave {
  background-color: rgb(251, 240, 236);
}
#special.bg_wave::before {
  background-color: rgb(251, 240, 236);
}
#special h3 img {
  max-width: 142px;
}
#special .eng {
  color: #ee8822;
}
#special .cont {
  text-align: center;
}
#special .cont h4 {
  color: #ee8822;
}