@charset "UTF-8";

#head {
  background: #4c5868;
}
.head-box {
  width: 1600px;
  margin: 0 auto;
  padding: 20px 10px;
}
.scroll-detail {
  position: relative;
  width: 1600px;
  margin: 0 auto 100px auto;
  padding: 0 2%;
}
.back-kani {
  background-image: url(../images/cuisine/back-kani.png);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}
.main-concept {
  margin-bottom: 40px;
  padding-top: 100px;
}
.wave {
  margin-bottom: 40px;
}
.concept-text {
  margin-bottom: 200px;
  line-height: 3em;
}
.cuisine-content {
  width: 100%;
  margin: 0 0 100px 0;
}
.image {
  width: 60%;
}
.image img {
  width: 100%;
}
.kaijo-box {
  width: 36%;
  background: url(../images/logomark.png) right top no-repeat;
}
h4::before {
  content: '';
  width: 2px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  background-color: #fff;
}
h4 { color: #fff; }
table { margin-bottom: 0; }
table th, table td { padding: 2em; border: solid 1px #fff; }
table td p { margin-bottom: 2em; }
.cuisine-box {
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 170px;
  background: url(../images/wave.png) center top no-repeat;
}
.cuisine-box h3 {
  width: 60px;
  margin: 0 auto 80px auto;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.cuisine-box h3::after {
  width: 0px;
  height: 0px;
}
.image-cuisine {
  position: absolute; top: 0; left: 0;
  width: 300px;
  z-index: -1;
}
.image-cuisine2 {
  position: absolute; top: 160px; right: 0;
  width: 300px;
  z-index: -1;
}
.image-cuisine3 {
  position: absolute; top: 250px; left: 220px;
  width: 200px;
  z-index: -1;
}
.image-cuisine img,
.image-cuisine2 img,
.image-cuisine3 img {
  width: 100%;
}
.betchu-title-box {
  padding: 120px 20px;
  background: url(../images/cuisine/back-kani.jpg) center top no-repeat;
  background-size: 100%;
  align-items: center;
}
.betchu-title-box h3 {
  width: 30%;
  text-align: right;
}
.betchu-title-box h3::after {
  width: 0px;
  height: 0px;
}
.betchu-title-text {
  width: 66%;
}
.betchu-content {
  background: url(../images/wave.png) right top no-repeat;
  align-items: center;
}
.betchu-image-box {
  width: 48%;
  align-items: flex-end;
}
.betchu-image {
  width: 68%;
}
.betchu-image-s {
  width: 28%;
}
.betchu-image img,
.betchu-image-s img {
  width: 100%;
}
.betchu-table {
  width: 46%;
}
table, .betchu-table table th, .betchu-table table td { border: none; }
.betchu-table table tr {
  border-bottom: dashed 1px #fff;
}
.betchu-table table td {
  text-align: right;
}


@media screen and (max-width:1600px) {
  .head-box {
    width: 100%;
  }
  .scroll-detail {
    width: 100%;
  }
}


@media screen and (max-width:1200px) {
}


@media screen and (max-width:1023px) { /* Tablet */
  .back-kani {
    background-size: auto auto;
  }
}


@media screen and (max-width:959px) { /* SP */
  .bx-controls { display: none; }
  .image { width: 100%; }
  .kaijo-box { width: 100%; }
  .cuisine-box p { text-shadow: 1px 1px 3px #000; }
  .image-cuisine {
    position: absolute; top: 20px; left: 0;
    width: 40%;
  }
  .image-cuisine2 {
    position: absolute; top: 120px; right: 0;
    width: 40%;
  }
  .image-cuisine3 {
    position: absolute; top: 260px; left: 60px;
    width: 26%;
  }
  .betchu-title-box {
    margin-bottom: 80px;
    padding: 40px 20px;
    background-size: auto 400px;
  }
  .betchu-title-box h3 {
    width: 100%;
    text-align: center;
  }
  .betchu-title-text {
    width: 100%;
  }
  .betchu-image-box {
    width: 100%;
  }
  .betchu-table {
    width: 100%;
  }
}