@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 縦書き */
/* 内径 */
/* 文字 */
/* anchor
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .anchor-tx::after {
    bottom: .5em;
    top: auto;
    transform: translateY(0); } }

/* room
---------------------------------------------------------------------------*/
.room {
  margin-bottom: 192px;
  /*&.room02 {
  	position: relative;
  	&::after {
  		@include deco-yel2blue;
  		top: -500px;
  		@include mq(xl) {
  			top: px2vw(-500);
  		}
  	}
  }*/ }
  @media screen and (max-width: 1680px) {
    .room {
      margin-bottom: 11.4285714286vw; } }
  @media screen and (max-width: 480px) {
    .room {
      margin-bottom: 25.6vw; } }
  .room-sl {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden; }
    @media screen and (max-width: 1680px) {
      .room-sl {
        width: 76.1904761905vw; } }
    @media screen and (max-width: 480px) {
      .room-sl {
        width: 100vw; } }
    @media screen and (max-width: 480px) {
      .room-sl .swiper-slide {
        padding: 0 5.3333333333vw; } }
    .room-sl .swiper-slide img {
      border-radius: 20px; }
      @media screen and (max-width: 1680px) {
        .room-sl .swiper-slide img {
          border-radius: 1.1904761905vw; } }
      @media screen and (max-width: 480px) {
        .room-sl .swiper-slide img {
          height: 50vw;
          border-radius: 2.6666666667vw; } }
    .room-sl-ctrl {
      position: relative;
      width: 1060px;
      margin: 0 auto; }
      @media screen and (max-width: 1680px) {
        .room-sl-ctrl {
          width: 63.0952380952vw; } }
      @media screen and (max-width: 480px) {
        .room-sl-ctrl {
          width: 78.6666666667vw;
          margin: 0 auto; } }
      .room-sl-ctrl > * {
        position: absolute;
        bottom: 24px;
        width: 20px;
        z-index: 100;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1680px) {
          .room-sl-ctrl > * {
            width: 1.1904761905vw;
            bottom: 1.4285714286vw; } }
        @media screen and (max-width: 480px) {
          .room-sl-ctrl > * {
            width: 5.3333333333vw;
            bottom: 3.2vw; } }
        .room-sl-ctrl > *:hover {
          opacity: .6;
          cursor: pointer; }
      .room-sl-ctrl .swiper-button__wrap--prev {
        left: 0; }
      .room-sl-ctrl .swiper-button__wrap--next {
        right: 0; }
  .room-wrap {
    position: relative;
    /* 1280 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 48px;
    color: #585657; }
    @media screen and (max-width: 1680px) {
      .room-wrap {
        width: 64.2857142857vw; } }
    @media screen and (max-width: 480px) {
      .room-wrap {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1680px) {
      .room-wrap {
        padding-top: 2.8571428571vw; } }
    @media screen and (max-width: 480px) {
      .room-wrap {
        padding-top: 6.4vw; } }
  .room-name {
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width: 1680px) {
      .room-name {
        margin-bottom: 3.5714285714vw; } }
    @media screen and (max-width: 480px) {
      .room-name {
        margin-bottom: 8vw;
        padding-top: 13vw; } }
  .room-icons {
    position: absolute;
    top: 50px;
    right: 0;
    width: 144px; }
    @media screen and (max-width: 1680px) {
      .room-icons {
        top: 2.9761904762vw;
        width: 8.5714285714vw; } }
    @media screen and (max-width: 480px) {
      .room-icons {
        width: 28.8vw;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 7vw; } }
    .room-icons.icons-four {
      width: 196px; }
      @media screen and (max-width: 1680px) {
        .room-icons.icons-four {
          width: 11.6666666667vw; } }
      @media screen and (max-width: 480px) {
        .room-icons.icons-four {
          width: 39.2vw; } }
  .room-detail {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .room-detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .room-detail-tx {
      width: 540px; }
      @media screen and (max-width: 1680px) {
        .room-detail-tx {
          width: 32.1428571429vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-tx {
          width: 100%; } }
      .room-detail-tx-catch {
        margin-bottom: 40px; }
        @media screen and (max-width: 1680px) {
          .room-detail-tx-catch {
            margin-bottom: 2.380952381vw; } }
        @media screen and (max-width: 480px) {
          .room-detail-tx-catch {
            margin-bottom: 5.3333333333vw; } }
    .room-detail-data {
      position: relative;
      width: 490px;
      padding-left: 64px;
      padding-top: 64px;
      padding-bottom: 64px; }
      @media screen and (max-width: 1680px) {
        .room-detail-data {
          width: 29.1666666667vw;
          padding-left: 3.8095238095vw;
          padding-top: 3.8095238095vw;
          padding-bottom: 3.8095238095vw; } }
      @media screen and (max-width: 480px) {
        .room-detail-data {
          width: 100%;
          margin-top: 8.5333333333vw; } }
      .room-detail-data::before {
        position: absolute;
        content: "";
        width: 55vw;
        height: 100%;
        background-color: #a9a19e;
        border-top-left-radius: 14px;
        border-bottom-left-radius: 14px;
        top: 0;
        left: 0;
        z-index: -1; }
        @media screen and (max-width: 480px) {
          .room-detail-data::before {
            width: 100vw; } }
      .room-detail-data .pg-tbl th, .room-detail-data .pg-tbl td {
        color: #ffffff;
        border-bottom-color: #ffffff; }
      .room-detail-data .pg-tbl th {
        width: 9em; }
        @media screen and (max-width: 480px) {
          .room-detail-data .pg-tbl th {
            border-bottom-style: dashed;
            border-bottom-color: #cfcfbb; } }
      .room-detail-data .pg-tbl td {
        width: calc(100% - 9em);
        border-bottom-color: #cfcfbb; }
        @media screen and (max-width: 480px) {
          .room-detail-data .pg-tbl td {
            border-bottom-color: #ffffff; } }
        .room-detail-data .pg-tbl td span {
          font-size: 14px; }
          @media screen and (max-width: 1680px) {
            .room-detail-data .pg-tbl td span {
              font-size: 0.8333333333vw; } }
          @media screen and (max-width: 480px) {
            .room-detail-data .pg-tbl td span {
              font-size: 3.7333333333vw; } }
  .room-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 48px; }
    @media screen and (max-width: 1680px) {
      .room-btn {
        margin-top: 2.8571428571vw; } }
    @media screen and (max-width: 480px) {
      .room-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8.5333333333vw; } }
    .room-btn .plan {
      width: 430px;
      color: #ffffff; }
      @media screen and (max-width: 1680px) {
        .room-btn .plan {
          width: 25.5952380952vw; } }
      @media screen and (max-width: 480px) {
        .room-btn .plan {
          width: 100%; } }
      .room-btn .plan a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #bfa46f;
        border: 1px solid #a9a19e;
        border-radius: 6px;
        height: 60px; }
        @media screen and (max-width: 1680px) {
          .room-btn .plan a {
            border-radius: 0.3571428571vw;
            height: 3.5714285714vw; } }
        @media screen and (max-width: 480px) {
          .room-btn .plan a {
            border-radius: 1.6vw;
            height: 13.3333333333vw; } }
        .room-btn .plan a span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center; }
          .room-btn .plan a span i {
            font-style: normal; }
            .room-btn .plan a span i:nth-of-type(1) {
              font-size: 20px;
              letter-spacing: .2em;
              font-family: 'Roboto', sans-serif;
              font-weight: 300;
              font-style: normal;
              margin-right: 1em; }
              @media screen and (max-width: 1680px) {
                .room-btn .plan a span i:nth-of-type(1) {
                  font-size: 1.1904761905vw; } }
              @media screen and (max-width: 480px) {
                .room-btn .plan a span i:nth-of-type(1) {
                  font-size: 5.3333333333vw; } }
              @media screen and (max-width: 480px) {
                .room-btn .plan a span i:nth-of-type(1) {
                  margin-right: 0.5em;
                  font-size: 3.8vw; } }
            .room-btn .plan a span i:nth-of-type(2) {
              font-size: 18px;
              letter-spacing: .05em; }
              @media screen and (max-width: 1680px) {
                .room-btn .plan a span i:nth-of-type(2) {
                  font-size: 1.0714285714vw; } }
              @media screen and (max-width: 480px) {
                .room-btn .plan a span i:nth-of-type(2) {
                  font-size: 4.8vw; } }
              @media screen and (max-width: 480px) {
                .room-btn .plan a span i:nth-of-type(2) {
                  letter-spacing: 0; } }
    .room-btn .ame {
      width: 256px;
      margin-left: 20px; }
      @media screen and (max-width: 1680px) {
        .room-btn .ame {
          width: 15.2380952381vw;
          margin-left: 1.1904761905vw; } }
      @media screen and (max-width: 480px) {
        .room-btn .ame {
          width: 100%;
          margin-left: 0;
          margin-top: 2.6666666667vw; } }
      .room-btn .ame a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #a9a19e;
        border-radius: 6px;
        width: 100%;
        height: 60px; }
        @media screen and (max-width: 1680px) {
          .room-btn .ame a {
            border-radius: 0.3571428571vw;
            height: 3.5714285714vw; } }
        @media screen and (max-width: 480px) {
          .room-btn .ame a {
            height: 13.3333333333vw;
            border-radius: 1.6vw; } }
        .room-btn .ame a span {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: center;
          padding-left: 1em;
          font-size: 18px;
          letter-spacing: .05em;
          text-align: left;
          color: #585657; }
          @media screen and (max-width: 1680px) {
            .room-btn .ame a span {
              font-size: 1.0714285714vw; } }
          @media screen and (max-width: 480px) {
            .room-btn .ame a span {
              font-size: 4.8vw; } }
        .room-btn .ame a::after {
          position: absolute;
          content: "";
          width: 22px;
          height: 19px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          background-image: url(../img/cmn/anchortx-arw@2x.png);
          right: 1em;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1680px) {
            .room-btn .ame a::after {
              width: 1.3095238095vw;
              height: 1.130952381vw; } }
          @media screen and (max-width: 480px) {
            .room-btn .ame a::after {
              width: 2.9333333333vw;
              height: 2.5333333333vw; } }

/* link
---------------------------------------------------------------------------*/
.link {
  position: relative; }
  .link .pg-ttl {
    text-align: center;
    color: #585657;
    margin-bottom: 40px; }
    @media screen and (max-width: 1680px) {
      .link .pg-ttl {
        margin-bottom: 2.380952381vw; } }
    @media screen and (max-width: 480px) {
      .link .pg-ttl {
        margin-bottom: 5.3333333333vw; } }
  .link-wrap {
    width: 1280px;
    margin: 0 auto;
    border: 1px solid #a9a19e;
    border-radius: 20px;
    padding: 64px 100px;
    color: #585657; }
    @media screen and (max-width: 1680px) {
      .link-wrap {
        width: 76.1904761905vw;
        border-radius: 1.1904761905vw;
        padding: 3.8095238095vw 5.9523809524vw; } }
    @media screen and (max-width: 480px) {
      .link-wrap {
        width: 89.3333333333vw;
        border-radius: 2.6666666667vw;
        padding: 8.5333333333vw 5.3333333333vw; } }
  .link th {
    width: 300px; }
    @media screen and (max-width: 1680px) {
      .link th {
        width: 17.8571428571vw; } }
  .link td {
    width: 780px; }
    @media screen and (max-width: 1680px) {
      .link td {
        width: 46.4285714286vw; } }
  .link.amenity {
    margin-bottom: 192px; }
    @media screen and (max-width: 1680px) {
      .link.amenity {
        margin-bottom: 11.4285714286vw; } }
    @media screen and (max-width: 480px) {
      .link.amenity {
        margin-bottom: 25.6vw; } }