@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* fixedhd
---------------------------------------------------------------------------*/
.fixedhd-dish span.ja,
.fixedhd-dish span.en {
  color: #FFE92F !important; }

@media screen and (min-width: 481px) {
  .intr + .anchor {
    margin-bottom: 200px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .intr + .anchor {
      margin-bottom: 15.3846153846vw; } }

.ingredients .pg-bgradimgtx {
  padding-bottom: 320px; }
  @media screen and (max-width: 1300px) {
    .ingredients .pg-bgradimgtx {
      padding-bottom: 24.6153846154vw; } }
.ingredients-car {
  position: absolute;
  bottom: -208px;
  width: calc(50vw + 540px);
  left: calc(50% - 540px);
  height: 440px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .ingredients-car {
      height: 33.8461538462vw;
      bottom: -16vw;
      width: calc(50vw + 42.153vw);
      left: calc(50% - 42.153vw); } }
  @media screen and (max-width: 480px) {
    .ingredients-car {
      position: relative;
      width: 100vw;
      left: auto;
      height: 108.5333333333vw; } }
  .ingredients-car .swiper-slide {
    width: 360px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
    @media screen and (max-width: 1300px) {
      .ingredients-car .swiper-slide {
        width: 27.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .ingredients-car .swiper-slide {
        width: 75.4666666667vw; } }
  .ingredients-car .swiper-slide:has(+ .swiper-slide-active),
  .ingredients-car .swiper-slide-active + .swiper-slide,
  .ingredients-car .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  .ingredients-car-img {
    padding-right: 24px; }
    @media screen and (max-width: 1300px) {
      .ingredients-car-img {
        padding-right: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .ingredients-car-img {
        padding-right: 0;
        margin-left: 5.3333333333vw; } }
    @media screen and (max-width: 480px) {
      .ingredients-car-img img {
        width: 75.4666666667vw;
        height: 96.2666666667vw;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; } }
    .ingredients-car-img .imgcap-cap {
      text-shadow: 0 0 2px #000000, 0 0 3px #000000, 0 0 4px #000000, 0 0 5px #000000; }
@media screen and (max-width: 480px) {
  .ingredients .pg-wrap {
    padding-bottom: 0; }
  .ingredients .pg-bgradimgtx {
    padding-top: 16vw; }
  .ingredients .pg-bgradimgtx .tx-ttl {
    font-size: 13.3333333333vw;
    letter-spacing: 0; }
  .ingredients .pg-bgradimgtx-tx-hdl .inline {
    margin-top: 0.6em; }
  .ingredients .pg-bgradimgtx-bg {
    width: 100vw;
    top: 0; }
  .ingredients .pg-bgradimgtx-tx-hdl {
    display: block;
    padding-left: 5.3333333333vw;
    margin-bottom: 120vw; }
  .ingredients .tx-ttl.leftwave::after {
    left: 0;
    transform: translateX(0); }
  .ingredients .pg-bgradimgtx-img.right {
    top: 66.6666666667vw; }
  .ingredients .pg-bgradimgtx-tx-desc.tx-desc {
    font-size: 4.2666666667vw;
    letter-spacing: .1em;
    line-height: 2.7; } }

.dinner-hd {
  position: relative;
  text-align: center;
  padding-top: 310px;
  padding-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .dinner-hd {
      padding-top: 23.8461538462vw;
      padding-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dinner-hd {
      padding-top: 16vw;
      padding-bottom: 13.3333333333vw; } }
  .dinner-hd-bg {
    z-index: -1;
    width: 100%;
    height: 100%; }
    .dinner-hd-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
  @media screen and (max-width: 480px) {
    .dinner-hd .tx-catch {
      margin-top: 1.2em; } }
  .dinner-hd .anchor {
    margin-top: 64px;
    margin-bottom: 0; }
    @media screen and (max-width: 1300px) {
      .dinner-hd .anchor {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .dinner-hd .anchor {
        margin-top: 10.6666666667vw; } }

.buffet {
  padding-top: 120px;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .buffet {
      padding-top: 9.2307692308vw;
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .buffet {
      padding-top: 16vw;
      margin-bottom: 10.6666666667vw; } }
  .buffet-catch {
    margin: 40px 0; }
    @media screen and (max-width: 1300px) {
      .buffet-catch {
        margin: 3.0769230769vw 0; } }
    @media screen and (max-width: 480px) {
      .buffet-catch {
        margin: 8vw 0; } }
  .buffet-sl {
    position: relative; }
  .buffet-point {
    position: relative;
    padding-top: 80px; }
    @media screen and (max-width: 1300px) {
      .buffet-point {
        padding-top: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .buffet-point {
        padding-top: 10.6666666667vw; }
        .buffet-point::before {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          background-position: center bottom;
          background-image: url(../img/cmn/blue-bg-sp.png);
          left: 50%;
          transform: translateX(-50%);
          top: 0;
          width: 100vw;
          height: calc(100% - 40vw);
          z-index: -1; } }
    @media screen and (max-width: 480px) {
      .buffet-point-bg {
        display: none; } }
    .buffet-point .pg-wrap-min {
      position: relative; }
    .buffet-point .pg-colenja {
      margin-bottom: 40px; }
      @media screen and (max-width: 1300px) {
        .buffet-point .pg-colenja {
          margin-bottom: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .buffet-point .pg-colenja {
          margin-bottom: 5.3333333333vw; } }
  .buffet-box {
    width: calc(50vw + 540px);
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .buffet-box {
        width: calc(50vw + 41.53vw); } }
    @media screen and (max-width: 480px) {
      .buffet-box {
        width: 89.3333333333vw; } }
    .buffet-box .swiper-slide {
      width: 368px;
      height: auto; }
      @media screen and (max-width: 1300px) {
        .buffet-box .swiper-slide {
          width: 28.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .buffet-box .swiper-slide {
          width: 89.3333333333vw; } }
      .buffet-box .swiper-slide article {
        width: 336px;
        height: 100%;
        background-color: #CCE4E9; }
        @media screen and (max-width: 1300px) {
          .buffet-box .swiper-slide article {
            width: 25.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .buffet-box .swiper-slide article {
            width: 89.3333333333vw; } }
    .buffet-box-tx {
      padding: 28px 20px; }
      @media screen and (max-width: 1300px) {
        .buffet-box-tx {
          padding: 2.1538461538vw 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .buffet-box-tx {
          padding: 7.4666666667vw 5.3333333333vw; } }
      .buffet-box-tx-name {
        font-size: 22px;
        letter-spacing: .1em;
        margin-bottom: 8px; }
        @media screen and (max-width: 1300px) {
          .buffet-box-tx-name {
            font-size: 1.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .buffet-box-tx-name {
            font-size: 5.8666666667vw; } }
        @media screen and (max-width: 1300px) {
          .buffet-box-tx-name {
            margin-bottom: 0.6153846154vw; } }
      .buffet-box-tx-desc {
        padding: 0 5px;
        letter-spacing: .04em; }
        @media screen and (max-width: 1300px) {
          .buffet-box-tx-desc {
            padding: 0 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .buffet-box-tx-desc {
            padding: 0; } }

.dishreser {
  margin-top: 64px;
  margin-bottom: 120px;
  padding: 20px 0;
  background-color: #007a92; }
  @media screen and (max-width: 1300px) {
    .dishreser {
      margin-top: 4.9230769231vw;
      margin-bottom: 9.2307692308vw;
      padding: 1.5384615385vw 0; } }
  @media screen and (max-width: 480px) {
    .dishreser {
      margin-top: 10.6666666667vw;
      margin-bottom: 16vw;
      padding: 3.0769230769vw 0 9.6vw; } }
  .dishreser-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.5em;
    color: #ffe92f;
    font-size: 16px;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .dishreser-catch {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .dishreser-catch {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .dishreser-catch {
        font-size: 4.8vw;
        line-height: 1.6; } }
    .dishreser-catch::before, .dishreser-catch::after {
      content: "";
      height: 1px;
      flex-grow: 1;
      background-color: #ffe92f; }
    .dishreser-catch::before {
      margin-right: .8em; }
    .dishreser-catch::after {
      margin-left: .8em; }
  .dishreser.telonly {
    width: 100%;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .dishreser.telonly {
        height: 13.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .dishreser.telonly {
        height: auto;
        padding: 6.6666666667vw 0; } }
    .dishreser.telonly > div {
      width: 100%; }
      @media screen and (max-width: 480px) {
        .dishreser.telonly > div .tx-catch {
          line-height: 1.6;
          margin-bottom: 0.5em; } }
      .dishreser.telonly > div .number {
        letter-spacing: .04em;
        line-height: 1.4; }
        .dishreser.telonly > div .number span {
          font-size: 30px; }
          @media screen and (max-width: 1300px) {
            .dishreser.telonly > div .number span {
              font-size: 2.3076923077vw; } }
          @media screen and (max-width: 480px) {
            .dishreser.telonly > div .number span {
              font-size: 8vw; } }
          @media screen and (max-width: 480px) {
            .dishreser.telonly > div .number span {
              font-size: 5.3333333333vw; } }
        .dishreser.telonly > div .number a {
          font-size: 40px; }
          @media screen and (max-width: 1300px) {
            .dishreser.telonly > div .number a {
              font-size: 3.0769230769vw; } }
          @media screen and (max-width: 480px) {
            .dishreser.telonly > div .number a {
              font-size: 10.6666666667vw; } }

.orderd {
  padding-top: 120px;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .orderd {
      padding-top: 9.2307692308vw;
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .orderd {
      padding-top: 16vw;
      margin-bottom: 10.6666666667vw; } }

.enkai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 1280 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background-color: #edefee;
  padding: 80px 100px;
  margin-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .enkai {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .enkai {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .enkai {
      padding: 6.1538461538vw 7.6923076923vw;
      margin-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .enkai {
      padding: 10.6666666667vw 5.3333333333vw;
      margin-bottom: 16vw; } }
  .enkai-ttl {
    width: 100%;
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .enkai-ttl {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .enkai-ttl {
        margin-bottom: 8.5333333333vw;
        line-height: 1.6; } }
  .enkai-left {
    width: 540px; }
    @media screen and (max-width: 1300px) {
      .enkai-left {
        width: 41.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .enkai-left {
        width: 100%; } }
  .enkai-img {
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .enkai-img {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .enkai-img {
        margin-bottom: 10.6666666667vw; } }
  .enkai-btn {
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .enkai-btn {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .enkai-btn {
        margin-top: 10.6666666667vw;
        margin-bottom: 0; }
        .enkai-btn .cmn-btn {
          width: 100%; } }
  .enkai-right {
    width: 480px; }
    @media screen and (max-width: 1300px) {
      .enkai-right {
        width: 36.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .enkai-right {
        width: 100%; } }
    .enkai-right .bdr {
      width: 100%;
      padding: 40px 30px;
      border: 1px solid #80bcc8; }
      @media screen and (max-width: 1300px) {
        .enkai-right .bdr {
          width: 36.9230769231vw;
          padding: 3.0769230769vw 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .enkai-right .bdr {
          width: 100%;
          padding: 8vw 5.3333333333vw; } }
    .enkai-right dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 20px; }
      @media screen and (max-width: 1300px) {
        .enkai-right dl {
          margin-top: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .enkai-right dl {
          margin-top: 5.3333333333vw; } }
      .enkai-right dl dt {
        width: 22%;
        font-size: 16px;
        letter-spacing: .1em; }
        @media screen and (max-width: 1300px) {
          .enkai-right dl dt {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .enkai-right dl dt {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 480px) {
          .enkai-right dl dt {
            width: 100%; } }
      .enkai-right dl dd {
        width: 78%;
        font-size: 16px;
        letter-spacing: .1em; }
        @media screen and (max-width: 1300px) {
          .enkai-right dl dd {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .enkai-right dl dd {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 480px) {
          .enkai-right dl dd {
            width: 100%; }
            .enkai-right dl dd + dt {
              margin-top: 0.5em;
              padding-top: 0.5em;
              border-top: 1px dashed #80bcc8; } }
  .enkai-attr {
    margin-top: 30px; }
    @media screen and (max-width: 1300px) {
      .enkai-attr {
        margin-top: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .enkai-attr {
        margin-top: 6.6666666667vw; } }

.breakfast {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .breakfast {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .breakfast {
      margin-bottom: 10.6666666667vw; } }
  .breakfast-catch {
    margin: 40px 0; }
    @media screen and (max-width: 1300px) {
      .breakfast-catch {
        margin: 3.0769230769vw 0; } }
    @media screen and (max-width: 480px) {
      .breakfast-catch {
        margin: 8vw 0; } }
  .breakfast-sl {
    position: relative; }
  .breakfast-point {
    position: relative;
    padding-top: 80px;
    padding-bottom: 193px; }
    @media screen and (max-width: 1300px) {
      .breakfast-point {
        padding-top: 6.1538461538vw;
        padding-bottom: 14.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .breakfast-point {
        padding-top: 10.6666666667vw;
        padding-bottom: 16vw;
        margin-bottom: 16vw; }
        .breakfast-point::before {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          background-position: center bottom;
          background-image: url(../img/cmn/blue-bg-sp.png);
          left: 50%;
          transform: translateX(-50%);
          top: 0;
          width: 100vw;
          height: 100%;
          z-index: -1; } }
    @media screen and (max-width: 480px) {
      .breakfast-point-bg {
        display: none; } }
    .breakfast-point .pg-col2 > * {
      width: 48.1481%; }
      @media screen and (max-width: 480px) {
        .breakfast-point .pg-col2 > * {
          width: 100%; } }
    .breakfast-point .pg-wrap-min {
      position: relative; }
    .breakfast-point .pg-colenja {
      margin-bottom: 40px; }
      @media screen and (max-width: 1300px) {
        .breakfast-point .pg-colenja {
          margin-bottom: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .breakfast-point .pg-colenja {
          margin-bottom: 5.3333333333vw; } }

.restaurant {
  padding-bottom: 84px;
  margin-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .restaurant {
      padding-bottom: 6.4615384615vw;
      margin-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .restaurant {
      padding-bottom: 0;
      margin-bottom: 16vw; } }
  .restaurant-hd {
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .restaurant-hd {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .restaurant-hd {
        margin-bottom: 8.5333333333vw; } }
  .restaurant-bd {
    position: relative;
    padding-top: 120px; }
    @media screen and (max-width: 1300px) {
      .restaurant-bd {
        padding-top: 9.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .restaurant-bd {
        padding-top: 16vw; } }
  @media screen and (max-width: 480px) {
    .restaurant-bg {
      width: 160vw; } }
  .restaurant .pg-col2 {
    position: relative; }
    .restaurant .pg-col2 > * {
      width: 48.1481%; }
      @media screen and (max-width: 480px) {
        .restaurant .pg-col2 > * {
          width: 100%; } }

.sohokan {
  position: relative;
  margin-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .sohokan {
      margin-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .sohokan {
      margin-bottom: 16vw;
      padding-top: 16vw; } }
  .sohokan-btn {
    margin-top: 64px; }
    @media screen and (max-width: 1300px) {
      .sohokan-btn {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .sohokan-btn {
        margin-top: 8.5333333333vw; } }

@media screen and (max-width: 480px) {
  .buffet .buffet-sl .swiper-slide img,
  .orderd .pg-centersl.nosl img,
  .breakfast .breakfast-sl .swiper-slide img,
  .restaurant .yuhi-sl .swiper-slide img,
  .sohokan .sohokan-sl .swiper-slide img {
    width: 100%;
    height: 90vw;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"; } }

@media screen and (max-width: 480px){
	.shiranui .pg-imgtx-img-sl{
		padding-bottom: 0px;
	}
}

.fac-bg {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}
@media screen and (max-width: 1300px){
	.fac-bg {
		padding-top: 9.2307692308vw;
		padding-bottom: 9.2307692308vw;
	}
}
@media screen and (max-width: 480px) {
    .fac-bg {
        padding-top: 16vw;
        padding-bottom: 16vw;
    }
}
.fac-bg::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position: center bottom;
    background-image: url(../img/dish/restaurant-bg.jpg);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2000px;
    height: 100%;
    z-index: -1;
}
@media screen and (max-width: 1300px) {
    .fac-bg::before {
        width: 153.8461538462vw;
    }
}
@media screen and (max-width: 480px) {
    .fac-bg::before {
        width: 110vw;
        height: 110vw;
    }
}