:root{--app-height: 100%}body{background-color:#efefef}.only-sp{display:none}@media only screen and (max-width: 820px){.only-pc{display:none}.only-sp{display:block}}.p-phase8__hero{position:relative;margin-top:0;padding:0;color:#fff;z-index:100}.p-phase8__container{max-width:100%;margin:0 auto;position:relative}.p-hero__wrapper{position:relative;width:100%;z-index:1;height:100vh}.p-hero__bg{height:100%}.p-hero__bg>img{width:100%;height:100%;object-fit:cover}.p-hero__overlay{width:100%;height:100%;background-color:#000;z-index:1;position:absolute}.p-hero__heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;display:none}.fade-text{opacity:0;animation:fadeText ease-in 1;animation-fill-mode:forwards;animation-duration:1.4s}.fade-text.delayed{animation-delay:2.5s}@keyframes fadeText{0%{opacity:0}to{opacity:1}}.p-hero__bottom{position:absolute;bottom:0;right:0;z-index:9999;width:100%;display:flex;justify-content:flex-end;align-items:center;padding:45px 50px}.p-hero__fixed{position:absolute;top:50%;left:50px;transform:translateY(-50%);z-index:1}.c-detail__button{font-size:1.6rem;letter-spacing:.1rem;color:#fff;font-weight:700;cursor:pointer;width:160px;height:45px;line-height:45px;border:1px solid #fff;outline:none;background:linear-gradient(to right,#fff,#fff) no-repeat;background-size:0% 100%;transition:all .5s;display:flex;align-items:center;justify-content:space-around}.c-detail__button:hover{color:#000;background-size:100% 100%}.c-detail__button:hover span{filter:unset}.c-detail__button span{width:12px;height:12px;background-image:url(./lp-perfume-closet_plus@2x.png);background-size:100% 100%;filter:invert(1);transition:all .5s}@media only screen and (max-width: 820px){.p-hero__bottom{padding:25px}.p-hero__fixed{left:25px}.p-hero__fixed img{width:147.63px;height:auto;object-fit:contain}.c-detail__button{font-size:1.4rem;width:120px;height:35px;line-height:35px}.c-detail__button span{width:10px;height:10px}.p-hero__heading{transform:translate(-50%,-65%);width:237px}}.p-phase8__heading{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:99;opacity:0;pointer-events:none;transition:.7s ease-in-out;text-align:center;width:100%}.p-phase8__heading.--active{opacity:1;pointer-events:all}.p-phase8__heading span{font-size:1.6rem;font-weight:700}.p-phase8__heading h2{font-size:6.8rem;font-weight:700;line-height:1.3;position:absolute;width:100%;opacity:0;animation:fade-out .5s}.p-phase8__heading h2 span{font-size:6.8rem}.p-phase8__heading h2.--active{opacity:1;transition-delay:.7s;animation:fade-in 1s}@keyframes fade-in{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media only screen and (max-width: 820px){.p-phase8__heading{top:auto;left:0;bottom:63px;transform:translate(0);text-align:left;padding:0 25px}.p-phase8__heading .content{height:48px}.p-phase8__heading span{font-size:1rem;margin-left:3px}.p-phase8__heading h2{font-size:3.6rem;line-height:1.3;letter-spacing:.5px;left:0;padding:0 25px}.p-phase8__heading h2 span{font-size:3.6rem}}.p-phase8__collect{margin-top:150px}.p-phase8__look{width:100%;margin-bottom:200px}.p-look__inner{position:relative;overflow:hidden;transition:.7s ease-in-out}.p-look__inner img{margin-left:auto;width:100%;height:auto;object-fit:cover;cursor:pointer;overflow:hidden;transition:.7s ease-in-out}.p-look__inner .c-detail__button{position:absolute;bottom:30px;right:30px}.p-look__wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:150px}.p-look__wrapper .p-phase8__look{width:50%}.p-look__inner:hover,.p-look__inner:hover .c-detail__button{opacity:.85}.p-look__inner:hover img{transform:scale(1.05)}.--pad-y{padding:0 150px}@media only screen and (max-width: 820px){.--pad-y{padding:0}.p-phase8__collect{margin-top:100px}.p-look__inner .c-detail__button{right:15px;bottom:15px}.p-phase8__look{width:100%!important;margin-bottom:120px}.p-look__wrapper{display:block}.p-look__wrapper .p-phase8__look{width:100%}}.p-phase8__spinning .spinning-1{width:60%}.p-phase8__spinning .spinning-2{margin-top:35.1%}.p-phase8__spinning .spinning-3{width:55.27%}.p-phase8__tokyo .tokyo-1{width:35.42%;margin-top:-400px;margin-left:auto}.p-phase8__tokyo .tokyo-2{width:47.15%}.p-phase8__tokyo .tokyo-3{margin-top:24.2%;padding-right:150px}.p-phase8__puppy .puppy-1{width:100%;padding:0 150px}.p-phase8__puppy .puppy-2{width:46.12%;margin-left:auto}.p-phase8__future .future-1{width:41.67%;margin-top:-400px}.p-phase8__future .future-2{width:60.55%;margin-left:auto}.p-phase8__nothing .nothing-1{width:44%}.p-phase8__nothing .nothing-2{margin-top:20.2%;padding-right:150px}.p-phase8__nothing .nothing-3{width:62.6%;padding-left:150px}.p-phase8__nothing .nothing-4{margin-bottom:150px}@media only screen and (max-width: 820px){.p-phase8__spinning .spinning-1,.p-phase8__spinning .spinning-3,.p-phase8__tokyo .tokyo-2,.p-phase8__future .future-1,.p-phase8__nothing .nothing-1,.p-phase8__nothing .nothing-3{margin-top:0;padding-left:0;padding-right:80px}.p-phase8__spinning .spinning-2,.p-phase8__tokyo .tokyo-1,.p-phase8__tokyo .tokyo-3,.p-phase8__puppy .puppy-2,.p-phase8__future .future-2,.p-phase8__nothing .nothing-2{margin-top:0;padding-right:0;padding-left:80px}.p-phase8__puppy .puppy-1{padding:0}.p-phase8__nothing .nothing-4{margin-bottom:60px}}.p-phase8 .c-modal{background-color:#fffffff2}.p-phase8 .c-modal__close{top:40px;right:40px}.p-phase8 .c-modal__close span{background-color:#000}.p-phase8__modal{max-height:100%;overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);text-transform:initial;width:70%}.p-modal__content{margin-bottom:45px}.p-phase8__modal h3{font-size:2.4rem;letter-spacing:.48px;line-height:1.65;margin-bottom:20px;text-align:center}.p-modal__info{display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:15px}.p-modal__info p{margin-right:22px;font-size:2rem;line-height:1.3;letter-spacing:.5px}.p-modal__info a{font-size:1.4rem;line-height:21px;color:#fff;text-align:center;min-width:80px;height:24px;background-color:#000;border-radius:40px;transition:.3s ease-in-out}.p-modal__info a:hover{opacity:.8}@media only screen and (max-width: 450px){.p-phase8__modal{width:100%;padding:0 25px;transform:translate(-50%,-50%)}.p-modal__content{margin-bottom:30px}.p-phase8__modal h3{font-size:1.8rem;margin-bottom:10px}.p-modal__info p{font-size:1.6rem;margin-right:15px}.p-modal__info a{font-size:1.2rem;line-height:19px;height:20px;min-width:60px}.p-phase8 .c-modal__close{top:12px;right:12px}.p-phase8 .c-modal__close span{width:35px}}.p-phase8__link{display:block;margin:150px auto;width:580px;height:100px;border:2px solid #000;text-align:center;font-size:2rem;font-weight:700;letter-spacing:.48px;line-height:100px;outline:none;background:linear-gradient(to right,#000,#000) no-repeat;background-size:0% 100%;transition:all .5s}.p-phase8__link:hover{color:#fff;background-size:100% 100%}@media only screen and (max-width: 820px){.p-phase8__link{margin:60px 25px;width:auto;height:60px;font-size:1.6rem;line-height:59px}}.c-footer{border-top:1px solid #fff;background-color:#efefef}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lp-perfume-closet-css_phase8.css.map */