:root{--app-height: 100%}body{background-color:#e8e6e1}.only-sp{display:none}@media only screen and (max-width: 820px){.only-pc{display:none}.only-sp{display:block}}.p-phase9__hero{position:relative;margin-top:0;padding:0;color:#fff;z-index:100}.p-phase9__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}.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:.3s ease-in-out}.p-hero__fixed.scrolled{filter:invert(1)}.p-hero__fixed.hidden{opacity:0}@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:145.72px;height:auto}}.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-look__container{margin-top:150px}.p-phase9__look{margin-bottom:150px}.p-phase9__look:last-child{margin-bottom:initial}.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__inner:hover{opacity:.85}.p-look__inner:hover img{transform:scale(1.05)}.p-look__group{display:flex;justify-content:space-between;align-items:flex-start;gap:100px}.p-phase9__look1{width:58.8%}.p-phase9__look2{width:50%;margin-top:54.167%;padding-right:50px}.p-phase9__look3{width:43.056%;margin-top:calc(-10.5% - 150px);padding-left:100px}.p-phase9__look4{width:43.056%;margin-left:auto;margin-right:auto}.p-phase9__look5{width:50%;padding-right:40px;padding-left:50px}.p-phase9__look6{margin-top:44.8%;flex:1;padding-left:10px;padding-right:100px}.p-phase9__look7{width:53.108%;margin-top:calc(-1% - 150px);padding-left:100px}.p-phase9__look8{width:36.111%;margin-top:calc(-20.83% - 150px);margin-left:auto}.p-phase9__look9{width:54.167%;margin-left:auto;margin-right:auto}.p-phase9__look10{width:72.57%}.p-phase9__look11{width:51.389%;margin-left:auto;padding-right:50px}.p-phase9__look12{width:79.167%;margin:0 auto}@media only screen and (max-width: 820px){.p-look__container{margin-top:120px}.p-look__inner .c-detail__button{right:15px;bottom:12px}.p-phase9__look,.p-look__group{display:block;width:100%;margin-top:0;margin-bottom:80px}.p-phase9__look1,.p-phase9__look3,.p-phase9__look5,.p-phase9__look7,.p-phase9__look9{width:100%;padding-right:50px;padding-left:0;margin-top:0}.p-phase9__look2,.p-phase9__look4,.p-phase9__look6,.p-phase9__look8,.p-phase9__look11{width:100%;padding-left:50px;padding-right:0;margin-top:0}.p-phase9__look10,.p-phase9__look12{width:100%}}.c-detail__button{font-size:1.6rem;letter-spacing:0;color:#fff;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.c-detail__button .plusicon{transition:.35s linear}.c-detail__button:hover .plusicon{transform:rotate(90deg)}@media only screen and (max-width: 820px){.c-detail__button{font-size:1.4rem;gap:5px}.c-detail__button .plusicon svg{width:20px;height:20px}}.p-phase9 .c-modal{background-color:#fffffff2}.p-phase9 .c-modal__close{top:40px;right:40px}.p-phase9 .c-modal__close span{background-color:#000}.p-phase9__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-phase9__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-phase9__modal{width:100%;padding:0 25px;transform:translate(-50%,-50%)}.p-modal__content{margin-bottom:30px}.p-phase9__modal h3{font-size:1.8rem;margin-bottom:10px}.p-modal__info{margin-bottom:9px}.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:80px}.p-phase9 .c-modal__close{top:12px;right:12px}.p-phase9 .c-modal__close span{width:35px}}.p-phase9__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;transition:.3s ease-in-out}.p-phase9__link:hover{color:#fff;background:#000}@media only screen and (max-width: 820px){.p-phase9__link{margin:60px 25px;width:auto;height:60px;font-size:1.6rem;line-height:59px}}.c-footer{border-top:1px solid #fff;background-color:#e8e6e1}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lp-perfume-closet-css_phase9.css.map */