@media screen and (min-width: 641px), print{.home #main h1{position:relative;width:1920px;margin:0 -500% 0 calc(-500% - ((1920px - 1080px) / 2));padding:0 500%;border:none;background:#bde2f4;text-align:center}.home #main .main-visuals{display:grid;overflow:hidden;width:100vw;min-width:1100px;margin:0 calc((100vw - 1080px) / 2 * -1);padding:0;list-style:none}}@media screen and (min-width: 641px) and (max-width: 1080px){.home #main .main-visuals{margin-inline:-10px}}@media screen and (min-width: 641px), print{.home #main .main-visuals li{position:relative;grid-area:1 / 1;opacity:0;transition:opacity 1s linear}.home #main .main-visuals li img{width:100%;transition:scale 15s linear}.home #main .main-visuals li.show{opacity:1}.home #main .main-visuals li.show img{scale:1.2}.home #main .main-visuals li.show:first-child{z-index:1}.home #main .main-visuals li.show:first-child+li.show{z-index:1}.home #main .main-visuals li.first img{transition:scale 15s}.home #main .main-visuals li .text{position:absolute;inset:0;width:fit-content;height:fit-content;margin:auto;padding:20px;font-size:4.8rem;line-height:1.5em;font-weight:300;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,0.3),-2px 2px 5px rgba(0,0,0,0.3),2px -2px 5px rgba(0,0,0,0.3),-2px -2px 5px rgba(0,0,0,0.3);box-sizing:border-box}.home #main .animate{transition:opacity 2s, translate 2s}.home #main .animate.hidden{translate:0 100px;opacity:0}.home #main .main-visuals+.plan-search{margin-top:0}.home #main nav.nav-room,.home #main nav.nav-dining,.home #main nav.nav-spa{position:relative;width:100vw;min-width:1100px;min-height:701px;margin:100px calc((100vw - 1080px) / 2 * -1)}}@media screen and (min-width: 641px) and (max-width: 1080px){.home #main nav.nav-room,.home #main nav.nav-dining,.home #main nav.nav-spa{margin-inline:-10px}}@media screen and (min-width: 641px), print{.home #main nav.nav-room .content,.home #main nav.nav-dining .content,.home #main nav.nav-spa .content{position:absolute;bottom:0;display:grid;column-gap:45px;padding:50px 20px 45px 48px;box-sizing:border-box}.home #main nav.nav-room .content::before,.home #main nav.nav-dining .content::before,.home #main nav.nav-spa .content::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply}.home #main nav.nav-room .content h2,.home #main nav.nav-dining .content h2,.home #main nav.nav-spa .content h2{grid-column:1;grid-row:1 / 3;position:relative;z-index:1;margin:0 auto;font-size:6rem;line-height:1;font-weight:300;color:#fff;letter-spacing:9px;writing-mode:vertical-rl;text-align:left}.home #main nav.nav-room .content .text,.home #main nav.nav-dining .content .text,.home #main nav.nav-spa .content .text{grid-column:2;grid-row:1;position:relative;z-index:1;margin-top:15px;font-size:1.6rem;line-height:1.8em;font-weight:300;color:#fff;text-align:left}.home #main nav.nav-room .content .basic-button,.home #main nav.nav-dining .content .basic-button,.home #main nav.nav-spa .content .basic-button{grid-column:2;grid-row:2;position:relative;z-index:1;margin-top:12px;text-align:left}.home #main nav.nav-room .content .basic-button a,.home #main nav.nav-dining .content .basic-button a,.home #main nav.nav-spa .content .basic-button a{display:inline-flex;justify-content:center;column-gap:7px;min-width:147px;padding:10px;border:1px solid #fff;background-color:transparent;font-size:1.6rem;line-height:1;color:#fff;text-decoration:none;box-sizing:border-box;transition:background-color 0.4s, color 0.4s}.home #main nav.nav-room .content .basic-button a::before,.home #main nav.nav-dining .content .basic-button a::before,.home #main nav.nav-spa .content .basic-button a::before{content:"";width:4px;height:7px;margin-top:calc((1.6rem / 2) - 4px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpolygon points='0 0 3 2 0 4' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0/4px 7px;transition:transform 100ms, background-image 0.4s}.home #main nav.nav-room .content .basic-button a:hover,.home #main nav.nav-dining .content .basic-button a:hover,.home #main nav.nav-spa .content .basic-button a:hover{background:#5fa9b7;color:#fff}.home #main nav.nav-room .content .basic-button a:hover::before,.home #main nav.nav-dining .content .basic-button a:hover::before,.home #main nav.nav-spa .content .basic-button a:hover::before{transform:translateX(2px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpolygon points='0 0 3 2 0 4' fill='%23fff'/%3E%3C/svg%3E")}.home #main nav.nav-room::after{content:"";display:block;width:calc(200vw + 100%);height:100%;position:absolute;left:calc(0px - 100vw);top:0;z-index:-1;box-sizing:border-box;background:url(../../img/room-01-pc.jpg) no-repeat center top/auto 100%}.home #main nav.nav-room .content{right:0}.home #main nav.nav-room .content::before{background-color:#33a7d7}.home #main nav.nav-dining{text-align:right}.home #main nav.nav-dining::after{content:"";display:block;width:calc(200vw + 100%);height:100%;position:absolute;left:calc(0px - 100vw);top:0;z-index:-1;box-sizing:border-box;background:url(../../img/dining-01-pc.jpg) no-repeat center top/auto 100%}.home #main nav.nav-dining .content{left:0}.home #main nav.nav-dining .content::before{background-color:#824343}.home #main nav.nav-spa::after{content:"";display:block;width:calc(200vw + 100%);height:100%;position:absolute;left:calc(0px - 100vw);top:0;z-index:-1;box-sizing:border-box;background:url(../../img/spa-01-pc.jpg) no-repeat center top/auto 100%}.home #main nav.nav-spa .content{right:0}.home #main nav.nav-spa .content::before{background-color:#d1a576}.home #main nav.nav-other{display:flex;justify-content:space-between;position:relative;margin-top:100px;padding:50px 0}.home #main nav.nav-other::after{content:"";display:block;width:calc(200vw + 100%);height:100%;position:absolute;left:calc(0px - 100vw);top:0;z-index:-1;box-sizing:border-box;background:#5fa9b7}.home #main nav.nav-other .content{width:calc((100% - 20px) / 2)}.home #main nav.nav-other .content a{position:relative;display:block;padding:0;background:none}.home #main nav.nav-other .content a .pic{margin-top:0}.home #main nav.nav-other .content a .pic img{margin:0}.home #main nav.nav-other .content a .title{position:absolute;top:50%;left:50%;z-index:1;margin:auto;padding:50px 45px;border:1px solid #fff;background-color:rgba(255,255,255,0.3);font-size:3rem;line-height:1;font-weight:300;color:#000;white-space:nowrap;letter-spacing:3px;writing-mode:vertical-rl;transform:translate(-50%, -50%)}.home #main nav.nav-other .content a::before{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(255,255,255,0.25);opacity:0;transition:opacity 0.4s}.home #main nav.nav-other .content a:hover::before{opacity:1}.home #main nav.nav-news{position:relative;display:flex;justify-content:space-between;margin-top:100px;padding:45px 0 55px}.home #main nav.nav-news::after{content:"";display:block;width:calc(200vw + 100%);height:100%;position:absolute;left:calc(0px - 100vw);top:0;z-index:-1;box-sizing:border-box;background-color:#fff}.home #main nav.nav-news .content{display:flex;flex-direction:column;width:calc((100% - 20px) / 2)}.home #main nav.nav-news .content h2{margin-top:0}.home #main nav.nav-news .content ol{flex:1;margin-top:35px}.home #main nav.nav-news .content ol li{column-gap:25px}.home #main nav.nav-news .content .basic-button{margin-top:35px;text-align:center}.home #main nav.nav-plan{margin-top:45px;padding-bottom:60px}.home #main nav.nav-plan h2{margin-top:0}.home #main nav.nav-plan>ul{display:flex;flex-wrap:wrap;gap:15px;margin:40px 0 0}.home #main nav.nav-plan>ul>li{list-style:none;width:calc((100% - (15px * 2)) / 3)}.home #main nav.nav-plan>ul>li a{position:relative;display:flex;flex-direction:column;height:100%;padding:0 0 10px;border-bottom:1px solid #000;background:none;color:#000;text-decoration:none;box-sizing:border-box}.home #main nav.nav-plan>ul>li a .pic{overflow:hidden;margin-top:0}.home #main nav.nav-plan>ul>li a .pic img{margin:0;transition:transform 250ms}.home #main nav.nav-plan>ul>li a .title{flex:1 1 auto;display:block;margin-top:10px;padding:0 0 10px 14px;border-bottom:1px dotted #8f8f8f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpolygon points='0 0 3 2 0 4' fill='%23000'/%3E%3C/svg%3E") no-repeat 0 calc(((1.6rem * 1.7) / 2) - 6px)/6px 11px;font-size:1.6rem;line-height:1.7em;text-decoration:none;transition:background-position-x 100ms, background-image 0.4s, color 0.4s}.home #main nav.nav-plan>ul>li a .period-title{margin-top:8px;font-size:1.6rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan>ul>li a .period{margin-top:5px;font-size:1.6rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan>ul>li a .price{margin-top:8px;font-size:1.4rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan>ul>li a .price strong{font-size:2.3rem;line-height:1.7em;font-weight:normal}.home #main nav.nav-plan>ul>li a[target="_blank"] .title{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpolyline points='8.5 4 8.5 8.5 4 8.5' fill='%23fff' stroke='%23000'/%3E%3Cpolygon points='0 0 7 0 7 7 0 7' fill='%23000'/%3E%3Cpolygon points='1 2 6 2 6 6 1 6' fill='%23fff'/%3E%3C/svg%3E") no-repeat 3px calc(((1.7em - 9px) / 2) - 2px)/8px 8px}.home #main nav.nav-plan>ul>li a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;background:#5fa9b7;transition:opacity 0.4s}.home #main nav.nav-plan>ul>li a:hover::before{opacity:0.2}.home #main nav.nav-plan>ul>li a:hover img{transform:scale(1.1)}.home #main nav.nav-plan p.basic-button{margin-top:44px}}@media screen and (max-width: 640px){.home #main h1{position:relative;width:100vw;padding:0;border:none;background:none}.home #main .main-visuals{position:relative;display:grid;overflow:hidden;width:100vw;margin:0 -10px;list-style:none}.home #main .main-visuals li{position:relative;grid-area:1 / 1;opacity:0;transition:opacity 1s linear}.home #main .main-visuals li img{transition:scale 15s linear}.home #main .main-visuals li.show{opacity:1}.home #main .main-visuals li.show img{scale:1.2}.home #main .main-visuals li.show:first-child{z-index:1}.home #main .main-visuals li.show:first-child+li.show{z-index:1}.home #main .main-visuals li.first img{transition:scale 15s}.home #main .main-visuals li .text{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:10px;font-size:1.6rem;line-height:1.5em;font-weight:300;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,0.3),-2px 2px 5px rgba(0,0,0,0.3),2px -2px 5px rgba(0,0,0,0.3),-2px -2px 5px rgba(0,0,0,0.3);box-sizing:border-box}.home #main div[class^="swiper-container"]{position:relative}.home #main div[class^="swiper-container"] ul{display:flex;margin:0}.home #main div[class^="swiper-container"] ul li{list-style:none;flex-shrink:0;transition:opacity 0.3s}.home #main div[class^="swiper-container"] ul li a{display:block;padding-left:0}.home #main div[class^="swiper-container"] ul li img{display:block;margin-left:0}.home #main div[class^="swiper-container"] .swiper-pagination{display:flex;justify-content:center;column-gap:7px;margin-top:14px;width:100%}.home #main div[class^="swiper-container"] .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;border-radius:10em;background-color:#bdbdbd;cursor:pointer}.home #main div[class^="swiper-container"] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#5fa9b7}.home #main div[class^="swiper-container"] .swiper-button-prev{position:absolute;bottom:0;left:calc(3px + 10px);width:10px;height:10px;border-top:3px solid #5fa9b7;border-left:3px solid #5fa9b7;transform:rotate(-45deg)}.home #main div[class^="swiper-container"] .swiper-button-next{position:absolute;bottom:0;right:calc(3px + 10px);width:10px;height:10px;border-top:3px solid #5fa9b7;border-right:3px solid #5fa9b7;transform:rotate(45deg)}.home #main .animate{transition:opacity 2s, translate 2s}.home #main .animate.hidden{translate:0 100px;opacity:0}.home #main .main-visuals+.plan-search{margin-top:0}.home #main nav.nav-room,.home #main nav.nav-dining,.home #main nav.nav-spa{margin-top:35px}.home #main nav.nav-room h2,.home #main nav.nav-dining h2,.home #main nav.nav-spa h2{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;width:100vw;height:100vw;margin:0 -10px;padding:20px;background-color:#ccc;font-size:3rem;line-height:1;font-weight:300;color:#fff;letter-spacing:5px;writing-mode:vertical-rl;box-sizing:border-box}.home #main nav.nav-room h2::before,.home #main nav.nav-dining h2::before,.home #main nav.nav-spa h2::before{z-index:-1;content:"";position:absolute;bottom:0;left:0;width:calc(30px + 20px + 20px);height:calc(2em + 10px + 20px + 20px);mix-blend-mode:multiply}.home #main nav.nav-room .text,.home #main nav.nav-dining .text,.home #main nav.nav-spa .text{margin-top:12px}.home #main nav.nav-room .basic-button,.home #main nav.nav-dining .basic-button,.home #main nav.nav-spa .basic-button{margin-top:18px}.home #main nav.nav-room h2{background:url(../../img/room-01-sp.jpg) no-repeat 0 0/100%}.home #main nav.nav-room h2::before{background-color:#33a7d7}.home #main nav.nav-dining h2{background:url(../../img/dining-01-sp.jpg) no-repeat 0 0/100%}.home #main nav.nav-dining h2::before{background-color:#824343}.home #main nav.nav-spa h2{background:url(../../img/spa-01-sp.jpg) no-repeat 0 0/100%}.home #main nav.nav-spa h2::before{background-color:#d1a576}.home #main nav.nav-other{margin:35px -10px 0;padding:20px 30px;background:#5fa9b7}.home #main nav.nav-other .content+.content{margin-top:10px}.home #main nav.nav-other .content a{position:relative;display:block;padding:0;background:none}.home #main nav.nav-other .content a .pic{margin-top:0}.home #main nav.nav-other .content a .pic img{margin:0}.home #main nav.nav-other .content a .title{position:absolute;top:50%;left:50%;z-index:1;margin:auto;padding:20px 22px;border:1px solid #fff;background-color:rgba(255,255,255,0.3);font-size:1.8rem;line-height:1;font-weight:300;color:#000;white-space:nowrap;letter-spacing:3px;writing-mode:vertical-rl;transform:translate(-50%, -50%)}.home #main nav.nav-news .content h2{margin-top:40px}.home #main nav.nav-news .content ol{margin-top:15px}.home #main nav.nav-news .content .basic-button{margin-top:20px}.home #main nav.nav-news .content:nth-child(2){margin:40px -10px 0;padding:40px 10px;background-color:#f7f7f7}.home #main nav.nav-news .content:nth-child(2) h2{margin-top:0}.home #main nav.nav-plan{margin-top:40px;padding-bottom:50px}.home #main nav.nav-plan h2{margin-top:0}.home #main nav.nav-plan ul{margin:13px 0 0}.home #main nav.nav-plan ul li{list-style:none}.home #main nav.nav-plan ul li a{display:flex;flex-direction:column;height:100%;padding:0 0 7px;border-bottom:1px solid #000;background:none;color:#000;text-decoration:none;box-sizing:border-box;transition:opacity 0.4s}.home #main nav.nav-plan ul li a .pic{margin-top:0}.home #main nav.nav-plan ul li a .pic img{margin:0}.home #main nav.nav-plan ul li a .title{flex:1 1 auto;display:block;margin-top:10px;padding:0 0 10px 14px;border-bottom:1px dotted #8f8f8f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4'%3E%3Cpolygon points='0 0 3 2 0 4' fill='%23000'/%3E%3C/svg%3E") no-repeat 0 calc(((1.6rem * 1.7) / 2) - 6px)/6px 11px;font-size:1.6rem;line-height:1.7em;text-decoration:none}.home #main nav.nav-plan ul li a .period-title{margin-top:10px;font-size:1.6rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan ul li a .period{margin-top:5px;font-size:1.6rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan ul li a .price{margin-top:8px;font-size:1.4rem;line-height:1.5em;text-align:center}.home #main nav.nav-plan ul li a .price strong{font-size:2.3rem;line-height:1.7em;font-weight:normal}.home #main nav.nav-plan ul li a[target="_blank"] .title{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpolyline points='8.5 4 8.5 8.5 4 8.5' fill='%23fff' stroke='%23000'/%3E%3Cpolygon points='0 0 7 0 7 7 0 7' fill='%23000'/%3E%3Cpolygon points='1 2 6 2 6 6 1 6' fill='%23fff'/%3E%3C/svg%3E") no-repeat 3px calc(((1.7em - 9px) / 2) - 2px)/8px 8px}.home #main nav.nav-plan p.basic-button{margin-top:25px}}