@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 */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* ------------------------------------------------------------------------*/
/* 客室
---------------------------------------------------------------------------*/
/* room-subimg - メイン画像下の3枚
---------------------------------------------------------------------------*/
.room-subimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 1300px) {
  .room-subimg {
    margin-top: 1.2307692308vw;
  }
}
@media screen and (max-width: 480px) {
  .room-subimg {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 1300px) {
  .room-subimg {
    gap: 1.2307692308vw;
  }
}
@media screen and (max-width: 480px) {
  .room-subimg {
    gap: 2.1333333333vw;
  }
}
.room-subimg li:nth-of-type(1) {
  width: 540px;
}
@media screen and (max-width: 1300px) {
  .room-subimg li:nth-of-type(1) {
    width: 41.5384615385vw;
  }
}
@media screen and (max-width: 480px) {
  .room-subimg li:nth-of-type(1) {
    width: 41.3333333333vw;
  }
}
.room-subimg li:nth-of-type(2), .room-subimg li:nth-of-type(3) {
  width: 254px;
}
@media screen and (max-width: 1300px) {
  .room-subimg li:nth-of-type(2), .room-subimg li:nth-of-type(3) {
    width: 19.5384615385vw;
  }
}
@media screen and (max-width: 480px) {
  .room-subimg li:nth-of-type(2), .room-subimg li:nth-of-type(3) {
    width: 20.8vw;
  }
}
@media screen and (max-width: 480px) {
  .room-subimg li img {
    width: 100%;
    height: 28.8vw;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: "object-fit: cover; object-position: center;";
  }
}

/* room-data - 設備とアメニティボタン
---------------------------------------------------------------------------*/
.room-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .room-data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* room-spec - 設備
---------------------------------------------------------------------------*/
.room-spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
}
@media screen and (max-width: 1300px) {
  .room-spec {
    gap: 3.5384615385vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 8vw;
  }
}
.room-spec li {
  position: relative;
  padding-left: 30px;
}
@media screen and (max-width: 1300px) {
  .room-spec li {
    padding-left: 2.3076923077vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec li {
    width: 50%;
    padding-left: 6.1333333333vw;
  }
  .room-spec li .desc {
    line-height: 2.8;
  }
}
.room-spec li::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 26px;
  height: 26px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1300px) {
  .room-spec li::before {
    width: 2vw;
    height: 2vw;
  }
}
@media screen and (max-width: 480px) {
  .room-spec li::before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
}
.room-spec-size::before {
  background-image: url(../img/room/icon-size.png);
}
.room-spec-doublebed::before {
  background-image: url(../img/room/icon-doublebed.png);
}
.room-spec-nonsmoking::before {
  background-image: url(../img/room/icon-nonsmoking.png);
}
.room-spec-capacity::before {
  background-image: url(../img/room/icon-capacity.png);
}

/* room-amenity - アメニティ
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .room-amenity .pg-imgtx-tx .desc-large {
    width: calc(100% + 1em);
    margin-right: 1em;
    margin-left: 0;
  }
}