:root{--app-height: 100%}.only-sp{display:none}@media only screen and (max-width: 820px){.only-pc{display:none}.only-sp{display:block}}.p-phase7__hero{position:relative;margin-top:0;padding:0;color:#fff}.p-phase7__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:fixed;left:50px;transition:.5s ease-in-out}.p-hero__fixed.scrolled{filter:invert(1)}.p-hero__fixed.hidden{opacity:0}.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;border-radius:60px;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{bottom:25px;left:25px}.p-hero__bottom figure img{width:147.63px}.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-phase7__collect{margin-top:150px}.p-phase7__look{margin-bottom:150px}.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-phase7__look,.p-look__wrapper .p-phase7__group{width:50%}.p-phase7__group .p-phase7__look{width:100%}.p-look__inner:hover,.p-look__inner:hover .c-detail__button{opacity:.85}.p-look__inner:hover img{transform:scale(1.05)}@media only screen and (max-width: 820px){.p-phase7__collect{margin-top:100px}.p-look__inner .c-detail__button{right:15px;bottom:15px}.p-phase7__look{margin-bottom:80px}.p-look__wrapper{display:block}.p-look__wrapper .p-phase7__look,.p-look__wrapper .p-phase7__group{width:100%}}.p-phase7__look1{padding-right:50px}.p-phase7__look1 .p-look__inner{width:79.15%;margin-left:auto}.p-phase7__look.p-phase7__look2{width:63.2%}.p-phase7__look3{margin-top:37.5%}.p-phase7__look4{width:54.2%;margin-left:auto;margin-right:auto}.p-phase7__look5{padding-right:110px;margin-bottom:210px}.p-phase7__look.p-phase7__look6{width:52.4%;margin-top:27%}.p-phase7__look7{padding-left:110px}.p-phase7__look8{width:53.5%;padding-left:100px;margin-top:-23%;margin-bottom:0}@media only screen and (max-width: 820px){.p-phase7__look1{margin-bottom:120px;padding-right:0}.p-phase7__look1 .p-look__inner,.p-phase7__look4{width:100%}.p-phase7__look2,.p-phase7__look4,.p-phase7__look6{padding-right:50px}.p-phase7__look3,.p-phase7__look7,.p-phase7__look5{padding-left:50px;margin-top:0}.p-phase7__look5{padding-right:0;margin-bottom:80px}.p-phase7__look.p-phase7__look6,.p-phase7__look.p-phase7__look2{width:100%;margin-top:0}.p-phase7__look7 .p-look__inner img{padding-left:0}.p-phase7__look8{width:100%;margin-top:0;padding-left:0}}.p-phase7 .c-modal{background-color:#fffffff2}.p-phase7 .c-modal__close{top:40px;right:40px}.p-phase7 .c-modal__close span{background-color:#000}.p-phase7__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-phase7__modal h3{font-size:2.4rem;letter-spacing:.48px;line-height:1.65;margin-bottom:20px;text-align:center;text-decoration:underline}.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:1.8rem;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-phase7__modal{width:100%;padding:0 25px;transform:translate(-50%,-50%)}.p-modal__content{margin-bottom:30px}.p-phase7__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-phase7 .c-modal__close{top:12px;right:12px}.p-phase7 .c-modal__close span{width:35px}}.p-phase7__link{display:block;margin:150px auto;width:580px;height:100px;border:2px solid #000;border-radius:130px;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-phase7__link:hover{color:#fff;background-size:100% 100%}@media only screen and (max-width: 820px){.p-phase7__link{margin:60px 25px;width:auto;height:60px;font-size:1.6rem;line-height:59px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lp-perfume-closet-css_phase7.css.map */