@charset "UTF-8";
/* =========================================================
ROOM
========================================================= */
/* ROOM 客室スライド画像追加 ----------------------------------------- */
/* スライダーが5枚以下の場合下記のCSSを追加してください（各施設ごと） */
.roomPhotoModal .thumbnail01 .slick-track,
.roomPhotoModal .thumbnail02 .slick-track {
  display: flex;
  justify-content: center;
  width: 100% !important;
  transform: unset !important;
}

.modalTextOuter .modalText {
  display: flex;
  align-items: center;
  gap: 8px 40px;
  margin: 0 0 12px 8px;
  display: none;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .modalTextOuter .modalText {
    flex-direction: column;
    align-items: flex-start;
    margin-right: 8px;
    margin-top: 6px;
  }
}
.modalTextOuter .modalText .secTitle2 {
  margin: 0;
  flex-shrink: 0;
  line-height: 1;
}
.modalTextOuter .modalText .secTitle2 .en {
  font-size: 3.1rem;
  color: #759e65;
}
@media (max-width: 1024px) {
  .modalTextOuter .modalText .secTitle2 .en {
    font-size: 2rem;
  }
}
.modalTextOuter .modalText .text {
  font-size: 1.3rem;
  line-height: 1.58;
}
@media (max-width: 1024px) {
  .modalTextOuter .modalText .text {
    font-size: 1.1rem;
  }
}
.modalTextOuter .modalText .text.color {
  color: #759e65;
}

.slick-active .modalTextOuter .modalText {
  display: flex;
  height: auto;
  opacity: 1;
  visibility: visible;
  justify-content: space-between;
}/*# sourceMappingURL=room.css.map */