@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:1080px;height:fit-content;margin:auto;padding:20px;writing-mode:vertical-rl;font-size:4.3rem;line-height:1;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;margin:100px calc((100vw - 1080px) / 2 * -1) 0}}@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{display:inline-block;min-height:600px;min-width:440px;padding:55px 20px;background-color:rgba(0,0,0,0.5);box-sizing:border-box}.home #main nav.nav-room .content h2,.home #main nav.nav-dining .content h2,.home #main nav.nav-spa .content h2{position:relative;margin:0 auto;font-size:3rem;line-height:1.8em;font-weight:300;color:#fff;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{margin-top:30px;font-size:1.9rem;line-height:2em;font-weight:300;color:#fff;text-align:center}.home #main nav.nav-room .content .basic-button,.home #main nav.nav-dining .content .basic-button,.home #main nav.nav-spa .content .basic-button{margin-top:30px;text-align:center}.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:9px;min-width:205px;padding:6px 10px;background:#fff;font-size:1.9rem;line-height:1;color:#000;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:6px;height:11px;margin-top:calc((1.9rem / 2) - 5px);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 0/6px 11px;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:#736742;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{margin-left:50px}.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{margin-right:50px}.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{margin-left:50px}.home #main nav.nav-garden{position:relative;margin-top:100px;padding-bottom:460px}.home #main nav.nav-garden::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/garden-01-pc.jpg) no-repeat center bottom}.home #main nav.nav-garden h2{margin:0 auto;font-size:3rem;line-height:1;writing-mode:vertical-rl;text-align:left}.home #main nav.nav-garden .text{margin-top:50px;font-size:1.9rem;line-height:2em;font-weight:300;text-align:center}.home #main nav.nav-garden .basic-button{margin-top:25px}.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% - 42px) / 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:#736742;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;inset:0;width:100%;height:fit-content;margin:auto;padding:10px 30px 0 10px;writing-mode:vertical-rl;font-size:2.4rem;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:#736742}.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 #736742;border-left:3px solid #736742;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 #736742;border-right:3px solid #736742;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,.home #main nav.nav-garden{margin-top:35px}.home #main nav.nav-room h2,.home #main nav.nav-dining h2,.home #main nav.nav-spa h2,.home #main nav.nav-garden h2{position:relative;z-index:2;margin:0 -10px 0 auto;padding:45px 20px 35px;font-size:1.8rem;line-height:1.8em;font-weight:300;color:#fff;text-align:left;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,.home #main nav.nav-garden h2::before{z-index:-1;content:"";position:absolute;top:0;right:-10px;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.home #main nav.nav-room h2::after,.home #main nav.nav-dining h2::after,.home #main nav.nav-spa h2::after,.home #main nav.nav-garden h2::after{z-index:-2;content:"";position:absolute;top:0;right:0;width:100vw;height:100%}.home #main nav.nav-room .text,.home #main nav.nav-dining .text,.home #main nav.nav-spa .text,.home #main nav.nav-garden .text{margin-top:12px;text-align:center}.home #main nav.nav-room .basic-button,.home #main nav.nav-dining .basic-button,.home #main nav.nav-spa .basic-button,.home #main nav.nav-garden .basic-button{margin-top:18px}.home #main nav.nav-room h2::after{background:url(../../img/room-01-sp.jpg) no-repeat center bottom/100% auto}.home #main nav.nav-dining h2::after{background:url(../../img/dining-01-sp.jpg) no-repeat center bottom/100% auto}.home #main nav.nav-spa h2::after{background:url(../../img/spa-01-sp.jpg) no-repeat center bottom/100% auto}.home #main nav.nav-garden h2{padding:90px 20px 90px}.home #main nav.nav-garden h2::after{background:url(../../img/garden-01-sp.jpg) no-repeat center bottom/100% auto}.home #main .news-reviws{position:relative;z-index:1;margin-top:50px;padding:30px 0}.home #main .news-reviws::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 .news-reviws nav.nav-news{margin-top:0}.home #main .news-reviws nav.nav-news h2{margin-top:0}.home #main .news-reviws nav.nav-news ol{margin-top:15px}.home #main .news-reviws nav.nav-news .basic-button{margin-top:20px}.home #main nav.nav-news .content h2{margin-top:50px}.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-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}}