@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* anchor
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .anchor-img li .name {
    width: calc(100% + 2em);
    margin-left: -1em;
    margin-right: -1em; } }

/* about
---------------------------------------------------------------------------*/
.about {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .about {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .about {
      margin-bottom: 14.9333333333vw; } }
  .about .pg-ttl {
    position: relative;
    z-index: 100; }
  .about-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 680px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/cuisine/about-hd-bg.jpg); }
    @media screen and (max-width: 1300px) {
      .about-hd {
        height: 52.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .about-hd {
        background-image: url(../img/cuisine/about-hd-bg-sp.jpg);
        height: 115.2vw; } }
    .about-hd-tx {
      position: relative;
      /* 1080 */
      width: 1080px;
      margin-left: auto;
      margin-right: auto;
      font-size: 28px;
      font-weight: 600;
      letter-spacing: .14em;
      padding-bottom: 60px;
      color: #ffffff;
      line-height: 2; }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          width: 83.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          width: 89.3333333333vw; } }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          font-size: 2.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          font-size: 6.6370341333vw; } }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          padding-bottom: 4.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          padding-bottom: 11.2vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          padding-bottom: 8vw; } }
      .about-hd-tx::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 94px;
        height: 155px;
        background-image: url(../img/cmn/sb-bg02.png);
        top: -177px;
        left: 0;
        opacity: .6; }
        @media screen and (max-width: 1300px) {
          .about-hd-tx::before {
            width: 7.2307692308vw;
            height: 11.9230769231vw;
            top: -13.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .about-hd-tx::before {
            width: 21.3333333333vw;
            height: 35.0666666667vw;
            top: -40vw; } }
  .about-ft {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 46px; }
    @media screen and (max-width: 1300px) {
      .about-ft {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .about-ft {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .about-ft {
        padding-top: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .about-ft {
        padding-top: 8.5866666667vw; } }
    .about-ft .pg-desc {
      margin-bottom: 54px;
      width: 460px; }
      @media screen and (max-width: 1300px) {
        .about-ft .pg-desc {
          margin-bottom: 4.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .about-ft .pg-desc {
          margin-bottom: 10.08vw; } }
      @media screen and (max-width: 1300px) {
        .about-ft .pg-desc {
          width: 35.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .about-ft .pg-desc {
          width: 100%; } }
    .about-ft-img {
      position: absolute;
      width: 810px;
      height: 690px;
      left: 50%;
      top: -103px; }
      @media screen and (max-width: 1300px) {
        .about-ft-img {
          width: 62.3076923077vw;
          height: 53.0769230769vw;
          top: -7.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .about-ft-img {
          position: relative;
          width: 100%;
          height: auto;
          left: auto;
          top: auto;
          margin-bottom: 8vw; } }
  .about .imgtx {
    margin-top: 96px; }
    @media screen and (max-width: 1300px) {
      .about .imgtx {
        margin-top: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .about .imgtx {
        margin-top: 17.92vw; } }
    @media screen and (min-width: 481px) {
      .about .imgtx-img .w564 {
        width: 564px;
        margin-left: -24px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .about .imgtx-img .w564 {
      width: 43.3846153846vw;
      margin-left: -1.8461538462vw; } }

    @media screen and (max-width: 480px) {
      .about .imgtx-img img {
        height: auto; } }
    @media screen and (max-width: 480px) {
      .about .imgtx-img .pg-wizdog::after {
        top: 150%; } }

/* dinner
---------------------------------------------------------------------------*/
.dinner {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 54px; }
  @media screen and (max-width: 1300px) {
    .dinner {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .dinner {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .dinner {
      margin-bottom: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dinner {
      margin-bottom: 10.08vw; } }
  .dinner .pg-desc {
    text-align: center;
    line-height: 2.4;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .dinner .pg-desc {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .dinner .pg-desc {
        margin-bottom: 10.08vw; } }
    @media screen and (min-width: 481px) {
      .dinner .pg-desc {
        width: calc(100% + 2em);
        margin-left: -1em;
        margin-right: -1em; } }
    @media screen and (max-width: 480px) {
      .dinner .pg-desc {
        text-align: left; } }
  @media screen and (min-width: 481px) {
    .dinner .anchor-tx {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 0; }
      .dinner .anchor-tx li {
        width: 192px;
        text-align: center;
        line-height: 1.4; } }
    @media screen and (min-width: 481px) and (max-width: 1300px) {
      .dinner .anchor-tx li {
        width: 14.7692307692vw; } }

/* dinn
---------------------------------------------------------------------------*/
.dinn {
  margin-bottom: 54px; }
  @media screen and (max-width: 1300px) {
    .dinn {
      margin-bottom: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dinn {
      margin-bottom: 10.08vw; } }
  .dinn-hdl {
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .dinn-hdl {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .dinn-hdl {
        margin-bottom: 8.5866666667vw; } }
  .dinn-sl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1216px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 32px;
    overflow: hidden;
    background-color: #EBE4E2;
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .dinn-sl {
        border-radius: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .dinn-sl {
        border-radius: 8.5333333333vw; } }
    @media screen and (max-width: 1300px) {
      .dinn-sl {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .dinn-sl {
        margin-bottom: 8.5866666667vw; } }
    @media screen and (max-width: 1300px) {
      .dinn-sl {
        width: 93.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .dinn-sl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 89.3333333333vw; } }
    .dinn-sl-main {
      width: 1012px; }
      @media screen and (max-width: 1300px) {
        .dinn-sl-main {
          width: 77.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .dinn-sl-main {
          width: 100%; } }
      @media screen and (min-width: 481px) {
        .dinn-sl-main .centersl .swiper-slide img {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; } }
      @media screen and (max-width: 480px) {
        .dinn-sl-main .centersl .swiper-slide img {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; } }
    .dinn-sl-thumb {
      width: 204px;
      padding: 34px 32px; }
      @media screen and (max-width: 1300px) {
        .dinn-sl-thumb {
          width: 15.6923076923vw;
          padding: 2.6153846154vw 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .dinn-sl-thumb {
          width: 100%;
          padding: 5.3333333333vw; } }
      .dinn-sl-thumb .centerslpagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px; }
        @media screen and (max-width: 1300px) {
          .dinn-sl-thumb .centerslpagination {
            gap: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .dinn-sl-thumb .centerslpagination {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            gap: 1.8vw; } }
        .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet {
          width: 138px;
          height: 100px;
          border-radius: 12px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          margin: 0;
          background-color: transparent;
          opacity: 0.4;
          transition-property: all;
          transition-duration: 0.3s;
          transition-timing-function: ease; }
          @media screen and (max-width: 1300px) {
            .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet {
              border-radius: 0.9230769231vw; } }
          @media screen and (max-width: 480px) {
            .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet {
              border-radius: 3.2vw; } }
          @media screen and (max-width: 1300px) {
            .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet {
              width: 10.6153846154vw;
              height: 7.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet {
              width: calc((100% - 7.2vw) / 5);
              height: 10.4vw; } }
          .dinn-sl-thumb .centerslpagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1; }
  .dinn-ft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .dinn-ft {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .dinn-ft {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 480px) {
      .dinn-ft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .dinn-ft-tx {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .dinn-ft-tx {
          width: 100%;
          margin-bottom: 8vw; } }
    .dinn-ft-img {
      width: 460px; }
      @media screen and (max-width: 1300px) {
        .dinn-ft-img {
          width: 35.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .dinn-ft-img {
          width: 100%;
          margin-bottom: 8vw; } }
  @media screen and (min-width: 481px) {
    .dinn-btn {
      width: 456px;
      margin-top: 54px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .dinn-btn {
      margin-top: 4.1538461538vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .dinn-btn {
      margin-top: 10.08vw; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .dinn-btn {
      width: 35.0769230769vw; } }

/* dinner01
---------------------------------------------------------------------------*/
.dinner01 .swiper-pagination-bullet:nth-of-type(1) {
  background-image: url(../img/cuisine/dinner01-sl01.jpg); }
.dinner01 .swiper-pagination-bullet:nth-of-type(2) {
  background-image: url(../img/cuisine/dinner01-sl02.jpg); }
.dinner01 .swiper-pagination-bullet:nth-of-type(3) {
  background-image: url(../img/cuisine/dinner01-sl03.jpg); }
.dinner01 .swiper-pagination-bullet:nth-of-type(4) {
  background-image: url(../img/cuisine/dinner01-sl04.jpg); }
.dinner01 .swiper-pagination-bullet:nth-of-type(5) {
  background-image: url(../img/cuisine/dinner01-sl05.jpg); }

/* dinner02
---------------------------------------------------------------------------*/
.dinner02 .swiper-pagination-bullet:nth-of-type(1) {
  background-image: url(../img/cuisine/dinner02-sl01.jpg); }
.dinner02 .swiper-pagination-bullet:nth-of-type(2) {
  background-image: url(../img/cuisine/dinner02-sl02.jpg); }

/* dinner03
---------------------------------------------------------------------------*/
.dinner03 .swiper-pagination-bullet:nth-of-type(1) {
  background-image: url(../img/cuisine/dinner03-sl01.jpg); }
.dinner03 .swiper-pagination-bullet:nth-of-type(2) {
  background-image: url(../img/cuisine/dinner03-sl02.jpg); }
.dinner03 .swiper-pagination-bullet:nth-of-type(3) {
  background-image: url(../img/cuisine/dinner03-sl03.jpg); }
.dinner03 .swiper-pagination-bullet:nth-of-type(4) {
  background-image: url(../img/cuisine/dinner03-sl04.jpg); }
.dinner03 .swiper-pagination-bullet:nth-of-type(5) {
  background-image: url(../img/cuisine/dinner03-sl05.jpg); }

/* dinner04
---------------------------------------------------------------------------*/
.dinner04 {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .dinner04 {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .dinner04 {
      margin-bottom: 11.9466666667vw; } }

/* option
---------------------------------------------------------------------------*/
.option {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .option {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .option {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .option {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .option {
      margin-bottom: 14.9333333333vw; } }
  .option .pg-ttl span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .option .pg-ttl small {
    display: inline-block;
    border: 1px solid #BCA49F;
    font-size: 20px;
    font-weight: 400;
    margin-left: 0.5em;
    padding: .3em;
    color: #7A4A3F; }
    @media screen and (max-width: 1300px) {
      .option .pg-ttl small {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .option .pg-ttl small {
        font-size: 4.7407386667vw; } }
  .option-desc {
    text-align: center;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .option-desc {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .option-desc {
        margin-bottom: 10.08vw; } }
    @media screen and (max-width: 480px) {
      .option-desc {
        text-align: left; } }
  @media screen and (min-width: 481px) {
    .option-detail {
      height: 15em; } }
  @media screen and (max-width: 480px) {
    .option-detail {
      margin-bottom: 5.3333333333vw; } }
  .option-data {
    padding: 0.8em 0;
    line-height: 2.2;
    border-top: 1px dashed #CAB7B2;
    border-bottom: 1px dashed #CAB7B2; }

/* breakfast
---------------------------------------------------------------------------*/
.breakfast {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .breakfast {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .breakfast {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .breakfast {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .breakfast {
      margin-bottom: 14.9333333333vw; } }
  .breakfast .imgtx-tx {
    position: relative;
    z-index: 100; }
  @media screen and (max-width: 480px) {
    .breakfast .spttl {
      position: relative;
      z-index: 100; } }

/* banquet
---------------------------------------------------------------------------*/
.banquet {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .banquet {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .banquet {
      margin-bottom: 14.9333333333vw; } }
  .banquet .pg-ttl {
    position: relative;
    z-index: 2; }
  .banquet .swiper-pagination-bullet:nth-of-type(1) {
    background-image: url(../img/cuisine/banquet-sl01.jpg); }
  .banquet .swiper-pagination-bullet:nth-of-type(2) {
    background-image: url(../img/cuisine/banquet-sl02.jpg); }
  .banquet .swiper-pagination-bullet:nth-of-type(3) {
    background-image: url(../img/cuisine/banquet-sl03.jpg); }
  .banquet-ft {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .banquet-ft {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .banquet-ft {
        width: 89.3333333333vw; } }
    .banquet-ft .btn {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 480px) {
        .banquet-ft .btn {
          margin-top: 10.8266666667vw; } }

/* room
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .room .pg-desc {
    margin-top: -32px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .room .pg-desc {
      margin-top: -2.4615384615vw; } }

@media screen and (max-width: 480px) {
  .room .spttl {
    position: relative;
    z-index: 100; } }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 100; } }
/* ====================================================================== */
/* ====================================================================== */