/* ==========================================
独立詳細ページ
#hotelDetailModal が存在せず、.content-main が直接ページにあるときに適用されるスタイル
========================================== */


@media (min-width: 769px) {
  .content-main--standalone .rooms-detail {
    padding-inline: 8rem 7rem;
  }
  .content-main--standalone .rooms-detail-main {
    top: 9rem;
  }
}
.swiper-main,.swiper-thumb {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.swiper-main.swiper-initialized,
.swiper-thumb.swiper-initialized {
  opacity: 1;
}