@charset "UTF-8";#kv{display:flex;align-items:center;justify-content:center;height:100vh;color:#fff;position:absolute;top:0;left:0;right:0}@media (max-width:819px){#kv{top:-4rem}}#kv img{width:22rem;height:auto}@media (max-width:819px){#kv img{width:12rem}}.fixed-bg{position:sticky;top:2rem;left:0;right:0;width:calc(100% - 4rem);height:calc(100vh - 6rem);z-index:-1;overflow:hidden;opacity:1;transition:height .3s ease-out,opacity 1s ease-in-out;margin:0 auto;border-radius:2rem}@media (max-width:819px){.fixed-bg{width:calc(100% - 2rem);height:calc(var(--vh, 1vh) * 100 - 5rem);border-radius:1rem;top:1rem}}.fixed-bg.hidden{opacity:0;pointer-events:none}#home01 .swiper{width:100%;height:100%}#home01 .swiper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity,.3));z-index:2;transition:background .1s linear}#home01 .swiper-slide img{width:100%;height:100%;object-fit:cover}#home01 .swiper-wrap{margin:0 calc(50% - 50vw);max-width:100vw;position:relative;overflow:hidden}#home01 .spacer{width:100%;height:68rem}@keyframes zoom-in{0%{transform:scale(1.2)}100%{transform:scale(1)}}#home01 .swiper-slide-active .slide-img,#home01 .swiper-slide-duplicate-active .slide-img,#home01 .swiper-slide-prev .slide-img{animation:zoom-in 10s linear 0s 1 normal both}#home01 .slide-text{position:absolute;top:50%;left:50%;font-size:3vw;font-family:serif;font-weight:700;text-shadow:2px 2px 8px #000;color:#fff;transform:translate(-50%,-50%)}#home01 .slide-img img{object-fit:cover;height:100vh;width:100vw}.waku{position:fixed;z-index:1;top:0;width:100%;height:100vh;border-top:2rem solid transparent;border-bottom:4rem solid transparent;border-image-source:url(//shuku-kokon.com/wp/wp-content/themes/shuku_ver3/css/../img/bg.jpg);border-image-slice:30;border-image-repeat:stretch;border-image-repeat:round}@media (max-width:819px){#home01 .grid{display:flex}}#home01 .grid .txt{color:#fff;font-size:1.8rem;font-size:max(11.5px, 1.8rem)}@media (max-width:819px){#home01 .grid .txt{font-size:1.45rem}}#home01 .sttlBox{position:absolute;bottom:4rem;left:7rem;z-index:1;color:#fff}@media (max-width:819px){#home01 .sttlBox{display:flex;bottom:auto;top:2rem;left:1rem}}#home01 .sttlBox .sttl small{font-size:2.8rem;position:relative;bottom:.6rem}@media (max-width:819px){#home01 .sttlBox .sttl{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright;text-orientation:mixed;font-size:22px}#home01 .sttlBox .sttl small{font-size:19px;bottom:0}}@media (max-width:819px){#home01 .sttlBox .stxt{margin-left:17px;margin-top:-5px}}#home01 .scroll{position:absolute;bottom:5rem;left:0;right:0;z-index:1;color:#fff;width:max-content;margin:0 auto;text-align:center;line-height:1}#home01 .scroll .ico{margin:1rem auto}#home02{margin-bottom:38rem}@media (max-width:819px){#home02{margin-bottom:12rem}}#home02 .pics:first-child{margin-bottom:17rem}@media (max-width:819px){#home02 .pics:first-child{margin-bottom:8rem}}#home02 .pic1{margin-top:33rem}@media (max-width:819px){#home02 .pic1{margin-top:24rem}}@media (max-width:819px){#home02 .pic3{width:63.2%;margin:0 0 0 auto}}#home03 .list a{padding:2rem 1.2rem;display:block;border-bottom:1px solid #8d8d8d;transition:all .6s}#home03 .list .day{display:flex;margin-bottom:1rem;color:#7b7b7b}@media (max-width:819px){#home03 .list .day{font-size:13px}}#home03 .list .day time{margin-right:1.5rem}#home03 .list a:hover{background:#ececec;transition:all .6s;opacity:1}#home03 .ttl{display:inline-block;transform:scaleY(.9);font-size:4.2rem;font-size:max(11.5px, 4.2rem)}@media (max-width:819px){#home03 .ttl{font-size:2.2rem}}#home03 .deco{font-size:2.2rem;font-size:max(11.5px, 2.2rem);line-height:1}@media (max-width:819px){#home03 .deco{font-size:1.7rem}}@media (max-width:819px){#home03 .sttl{font-size:1.3rem}}@media (max-width:819px){#home03 .grid{flex-direction:column}}@media (max-width:819px){#home03 .gc5{margin-bottom:45px}}@media (max-width:819px){#home03 .gc13{width:100%}}#home04{position:relative}@media (max-width:819px){#home04 .boxs{flex-direction:column}}#home04 .pics{width:100%;margin:0 0 0 auto;margin-right:-9.5vw}@media (max-width:819px){#home04 .pics{margin-right:-6.6666666667vw}}#home04 .roomSlider{position:relative;z-index:-1;border-radius:10px 0 0 10px}@media (max-width:819px){#home04 .roomSlider{aspect-ratio:325/203.13}}#home04 .roomSlider .decoBox{position:absolute;color:#fff;display:flex;align-items:end;z-index:1;left:.5rem;bottom:.5rem}#home04 .roomSlider .decoBox .sttl{font-size:4.5rem;font-size:max(11.5px, 4.5rem);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:6px;text-orientation:upright;display:inline-block;transform:scaleY(.9);line-height:1;margin-right:1.5rem;margin-left:.5rem;transform-origin:bottom}@media (max-width:819px){#home04 .roomSlider .decoBox .sttl{font-size:2.4rem;margin-right:.8rem}}#home04 .roomSlider .decoBox .stxt{font-size:2.2rem;font-size:max(11.5px, 2.2rem);margin-left:0;line-height:1.4}@media (max-width:819px){#home04 .roomSlider .decoBox .stxt{font-size:1.3rem}}#home04 .ttl{display:inline-block;transform:scaleY(.9)}@media (max-width:819px){#home04 .ttl{font-size:45px}}#home04 .ttl span{margin-left:1.2rem}@media (max-width:819px){#home04 .ttl span{font-size:1.6rem}}#home04 .txt{text-align:justify}#home04 .boxs .box{padding-top:10rem;position:sticky;top:0}@media (max-width:819px){#home04 .boxs .box{padding-top:0;position:relative;margin-bottom:6rem}}#home04 .roomSlider{width:100%;position:relative;overflow:hidden}#home04 .roomSlider:first-child{margin-bottom:.5rem}#home04 .swiper{width:100%}#home04 .swiper-wrapper{display:flex;width:100%}#home04 .swiper-slide{flex-shrink:0;width:100%;text-align:center}#home04 .pic{width:100%;height:auto;border-radius:1rem 0 0 1rem}#home04 .swiper-slide img{width:100%;height:auto}@media (max-width:819px){#home04 .txt{margin-bottom:40px}}@media (max-width:819px){#home05 .grid{flex-direction:column-reverse}}@media (max-width:819px){#home05 .grid .gc6{display:none}}#home05 .ttl{display:inline-block;transform:scaleY(.9)}@media (max-width:819px){#home05 .ttl{font-size:45px;margin-bottom:20px}}#home05 .ttl span{margin-left:1.2rem}@media (max-width:819px){#home05 .ttl span{font-size:16px}}#home05 .txt{text-align:justify}#home05 .box{padding-top:10rem;margin-bottom:10rem}@media (max-width:819px){#home05 .box{padding-top:0;margin-bottom:40px}}#home05 .pic2{margin-top:-6rem}@media (max-width:819px){#home05 .grid .spView{width:53.3333333333%;margin:20px -6.6666666667vw 0 auto}}@media (max-width:819px){#home05 .grid .gc7{width:64%}}@media (max-width:819px){#home05 .txt{margin-bottom:40px}}#home06{overflow:hidden}@media (max-width:819px){#home06{margin-bottom:12rem}}#home06 .ttl{display:inline-block;transform:scaleY(.9)}@media (max-width:819px){#home06 .ttl{font-size:38px;margin-bottom:20px}}#home06 .ttl span{margin-left:1.2rem}@media (max-width:819px){#home06 .ttl span{font-size:16px;margin-left:10px}}#home06 .txt{text-align:justify}#home06 .swiper-slide.pic1,#home06 .swiper-slide.pic3,#home06 .swiper-slide.pic5{transform:translateY(-1.5rem)}#home06 .swiper-slide.pic2,#home06 .swiper-slide.pic4,#home06 .swiper-slide.pic6{transform:translateY(1.5rem)}#home06 .swiper-wrapper{transition-timing-function:linear}#home06 .swiper{padding:1.5rem 15rem;z-index:0;position:relative;margin-right:-5vw;overflow:hidden}@media (min-width:600px) and (max-width:819px){#home06 .swiper{padding:1.5rem 20rem}}@media (max-width:599px){#home06 .swiper{padding:1.5rem 7.5rem;margin-right:0;margin-right:-30vw}}#home06 .swiper-slide{position:relative}#home06 .swiper-slide .picTxt{position:absolute;color:#fff;right:0;top:1rem;font-size:4.2rem;font-size:max(11.5px, 4.2rem);-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:2px;text-orientation:upright;display:inline-block;transform:scaleY(.9);line-height:1;z-index:2}@media (max-width:819px){#home06 .swiper-slide .picTxt{font-size:3.6rem}}#home06 .swiper-slide img{border-radius:1rem}@media (max-width:819px){#home06 .swiper-slide img{border-radius:1rem}}@media (max-width:819px){#home06 .txt{margin-bottom:40px}}#home06 .aos-animate .page-btn.black{padding:1rem .5rem 8rem}#home06 .aos-animate .page-btn.black:before{bottom:6.5rem}#home07 .bg{width:100%;height:40vw;background-attachment:fixed;background-image:url(//shuku-kokon.com/wp/wp-content/themes/shuku_ver3/css/../img/top_bg.jpg);background-size:cover;background-position-x:70%}@media (max-width:819px){#home07 .bg{display:none}}@media (min-width:820px) and (max-width:1024px){#home07 .bg{background-attachment:unset;background-position:center center}}#home08 .boxs{display:flex;justify-content:space-between;flex-direction:column}#home08 .boxs dl{width:100%;border-bottom:1px solid #8d8d8d;padding:2rem 1.2rem}@media (max-width:819px){#home08 .boxs dl{padding:1rem}}#home08 .boxs dl dt{color:#8d8d8d}#home08 .map iframe{height:58rem}@media (max-width:819px){#home08 .map iframe{height:240px}}#home08 .ttl{display:inline-block;transform:scaleY(.9)}@media (max-width:819px){#home08 .ttl{font-size:2.2rem}}#home08 .deco{font-size:2.2rem;font-size:max(11.5px, 2.2rem)}@media (max-width:819px){#home08 .deco{font-size:1.7rem}}#home08 .google-link{font-size:1.3rem;border-bottom:1px dashed}@media (max-width:819px){#home08 .grid{flex-direction:column}}@media (max-width:819px){#home08 .gc5{margin-bottom:60px}}@media (max-width:819px){#home08 .gc13{width:100%}}.fixed-bg .scroll,.fixed-bg .sttlBox{opacity:0;transform:translateY(10px)}#kv .logo{opacity:0;transform:translateY(10px)}.fixed-bg .swiper-wrap,#header{opacity:0}#kv .logo.fade-in{opacity:1;transform:translateY(0);transition:opacity 1s ease-out,transform 1.2s cubic-bezier(.33,1,.68,1)}.fixed-bg .scroll.fade-in,.fixed-bg .sttlBox.fade-in{opacity:1;transform:translateY(0);transition:opacity .9s ease-out,transform 1.1s cubic-bezier(.33,1,.68,1)}#body .fixed-bg .swiper-wrap.fade-in,#body #header.fade-in{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out}.is-active #header,.is-active #kv .logo,.is-active .fixed-bg .swiper-wrap,.is-active .fixed-bg .scroll,.is-active .fixed-bg .sttlBox{opacity:1}.is-active #kv .logo{transform:translateY(0)}#kv .logo.fast{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.fixed-bg .scroll.fast,.fixed-bg .sttlBox.fast{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}:root{--vh:1vh;transition:height .03s linear}