#pagettl{position:relative;padding-top:56.2%;background-image:url(../img/room-separate/pagettl_bg.jpg)}#pagettl .inner{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}@media screen and (min-width: 1800px){#pagettl{height:100vh;padding:0}}@media screen and (max-width: 767px){#pagettl{padding-top:100%}}.swiperArrow{padding:0}.swiperArrow .swiper-container .swiper-wrapper .swiper-slide{overflow:hidden}.swiperArrow .swiper-container .swiper-wrapper .swiper-slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.75;transition:all .4s}.swiperArrow .swiper-container .swiper-wrapper .swiper-slide-active::before{opacity:0}.swiperArrow .arrowBox{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);width:50%;height:100%;z-index:1}.swiperArrow .arrowBox .swiper-button-prev{left:20px;background:#fff}.swiperArrow .arrowBox .swiper-button-next{right:20px;background:#fff}@media screen and (max-width: 991px){.swiperArrow .arrowBox{width:67%}.swiperArrow .arrowBox .swiper-button-prev{left:15px}.swiperArrow .arrowBox .swiper-button-next{right:15px}}@media screen and (max-width: 767px){.swiperArrow .arrowBox{width:100%}.swiperArrow .arrowBox .swiper-button-prev{left:10px}.swiperArrow .arrowBox .swiper-button-next{right:10px}}.btnBox .btn01{margin-right:20px}@media screen and (max-width: 767px){.btnBox .btn01{margin-right:15px}}.restaurantArea .wideImg{padding-top:23.4%;background-image:url(../img/room-separate/restaurant_wideImg.jpg)}.restaurantArea .contentBox .txtBox .midashi01{font-size:clamp(20px,2.196193265vw,30px)}@media screen and (max-width: 767px){.restaurantArea .wideImg{padding-top:35%}}.onsenArea .mapImg{height:0;padding-top:36.6%;background:url(../img/top/access.jpg) no-repeat center/cover}@media screen and (max-width: 991px){.onsenArea .mapImg{padding-top:69.5%;background-image:url(../img/top/access_sp.jpg)}}.accessArea .accessBox{display:flex;margin:-2%}.accessArea .accessBox .box{width:50%;padding:2%}.accessArea .accessBox .box .blue{color:#10375f;font-size:16px}.accessArea .accessBox .box .infoBox{display:flex;flex-wrap:wrap}.accessArea .accessBox .box .infoBox .ttlBox{position:relative;display:flex;flex-grow:1;width:12em;white-space:nowrap}.accessArea .accessBox .box .infoBox .ttlBox::after{content:"";display:block;flex-grow:1;width:100%;height:1px;margin-top:14px;border-top:solid 1px #dedede}.accessArea .accessBox .box .infoBox .ttlBox .blue{padding-right:7px}.accessArea .accessBox .box .infoBox p{width:calc(100% - 12em);padding-left:7px}.accessArea .accessBox .box .icon{display:inline-block;width:20px;margin-right:10px;line-height:1.2}@media screen and (max-width: 1199px){.accessArea .accessBox .box .icon{line-height:1.4}}@media screen and (max-width: 991px){.accessArea .accessBox .box .blue{font-size:14px}.accessArea .accessBox .box .infoBox .ttlBox{width:100%}.accessArea .accessBox .box .infoBox .ttlBox::after{margin-top:13px}.accessArea .accessBox .box .infoBox p{width:100%;padding-left:0}.accessArea .accessBox .box .icon{line-height:1.5}}@media screen and (max-width: 767px){.accessArea .accessBox{display:block;margin:0}.accessArea .accessBox .box{width:100%;padding:0}.accessArea .accessBox .box .icon{margin-right:8px}}.separateBnr{display:block;max-width:748px;margin:0 auto}/*# sourceMappingURL=room-separate.min.css.map */