.intro-box{padding:1rem}#section-step .container{margin-left:auto;margin-right:auto;max-width:32rem}.step-swiper{position:relative;width:100%;overflow:hidden;padding-top:2.5rem;padding-bottom:5rem}.step-swiper .thumb-box{position:relative;padding-left:1rem;padding-right:1rem;margin-top:8rem}@media (min-width: 768px){.step-swiper .thumb-box{margin-top:7rem}}.step-swiper .thumb-box{display:flex;align-items:center;justify-content:center}.step-swiper .thumb-box::before,.step-swiper .thumb-box::after{content:"";position:absolute;top:1rem;left:2.5rem;font-size:1.125rem;line-height:1.75rem;z-index:20;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.step-swiper .thumb-box::before{content:"before";opacity:1}.step-swiper .thumb-box::after{content:"after";opacity:0}.step-swiper .thumb-box.clicked::before{opacity:0}.step-swiper .thumb-box.clicked::after{opacity:1}.step-swiper .thumb-box.clicked .before-box{-webkit-clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}.step-swiper .thumb-box.clicked .after-box .deco{animation:fadeIn .5s forwards ease-in-out;animation-delay:500ms;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.step-swiper .thumb-box .before-box{position:absolute;height:100%;overflow:hidden;width:calc(100% - 2rem);z-index:10;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.step-swiper .thumb-box .after-box{position:relative;width:100%}.step-swiper .thumb-box .after-box .deco{pointer-events:none;opacity:0}.step-swiper .thumb-box .pointer-box{position:absolute;z-index:10;width:10%;left:0;top:0;transform:translate(-50%, -50%)}.step-swiper .thumb-box .pointer-box.pointer1{left:72%;top:62%}.step-swiper .thumb-box .pointer-box.pointer2{left:66%;top:84%}.step-swiper .thumb-box .pointer-box.pointer3{left:66%;top:74%}.step-swiper .thumb-box .pointer-box.pointer4{left:68%;top:74%}.step-swiper .thumb-box .pointer-box.pointer5{left:67%;top:77%}.step-swiper .thumb-box .pointer-box.pointer6{left:70%;top:76%}.step-swiper .thumb-box .pointer-box img{width:100%;animation:pointer 1s infinite ease-in-out alternate}@keyframes pointer{0%{transform:translate(0, 0)}100%{transform:translate(-8px, -8px)}}.step-swiper .thumb-box .deco{position:absolute;padding-top:1rem;padding-bottom:1rem;text-transform:uppercase}.step-swiper .thumb-box .deco img{position:relative;margin-left:auto;margin-right:auto;width:5rem}.step-swiper .thumb-box .line{display:block;position:absolute;z-index:10;height:0.375rem;width:0.375rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .thumb-box .line::after{content:"";position:absolute;z-index:10;height:6rem;border-left-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}@media (min-width: 768px){.step-swiper .thumb-box .line::after{height:10rem}}.step-swiper .thumb-box .line::after{left:50%;top:0px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-swiper .thumb-box .deco1{left:-1rem;top:48%;width:8rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.step-swiper .thumb-box .deco2{right:0px;bottom:0px;width:8rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-translate-y:-10%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-swiper .thumb-box .deco3{right:0px;top:-0.5rem;width:8rem;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));--tw-translate-y:-25%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-swiper .swiper-slide:nth-of-type(1) .thumb-box{margin-top:5rem}.step-swiper .swiper-slide:nth-of-type(1) .deco1 .line{right:0px;top:33.333333%;transform:translate(30px, -25px) rotate(60deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(1) .deco1 .line{transform:translate(80px, -25px) rotate(65deg)}}.step-swiper .swiper-slide:nth-of-type(1) .deco1 .line::after{height:5rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(1) .deco1 .line::after{height:7rem}}.step-swiper .swiper-slide:nth-of-type(1) .deco2 .line{left:0px;top:0px;transform:translate(-25px, -72px) rotate(-30deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(1) .deco2 .line{transform:translate(-60px, -140px) rotate(-30deg)}}.step-swiper .swiper-slide:nth-of-type(2) .thumb-box{margin-top:7rem}.step-swiper .swiper-slide:nth-of-type(2) .deco1{top:45%;left:-1.5rem}.step-swiper .swiper-slide:nth-of-type(2) .deco1 p{color:#fff;filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco1 p{color:#000;filter:none}}.step-swiper .swiper-slide:nth-of-type(2) .deco1 .line{right:0px;top:0px;transform:translate(36px, -6px) rotate(50deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco1 .line{transform:translate(75px, 0px) rotate(60deg)}.step-swiper .swiper-slide:nth-of-type(2) .deco1 .line::after{height:7rem}}.step-swiper .swiper-slide:nth-of-type(2) .deco2{color:#fff}.step-swiper .swiper-slide:nth-of-type(2) .deco2 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .swiper-slide:nth-of-type(2) .deco2 .line{left:0px;top:0px;transform:translate(-40px, -36px) rotate(-45deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco2 .line{transform:translate(-96px, -96px) rotate(-45deg)}}.step-swiper .swiper-slide:nth-of-type(2) .deco2 .line::after{height:7rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco2 .line::after{height:10rem}}.step-swiper .swiper-slide:nth-of-type(2) .deco3 .line{left:50%;bottom:0px;transform:translate(-60px, 120px) rotate(-150deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco3 .line{transform:translate(-100px, 180px) rotate(-150deg)}}.step-swiper .swiper-slide:nth-of-type(2) .deco3 .line::after{height:8rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(2) .deco3 .line::after{height:12rem}}.step-swiper .swiper-slide:nth-of-type(3) .thumb-box{margin-top:7rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(3) .thumb-box{margin-top:5rem}}.step-swiper .swiper-slide:nth-of-type(3) .deco1 .line{right:0px;top:0px;transform:translate(4px, -30px) rotate(50deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(3) .deco1 .line{transform:translate(40px, -30px) rotate(60deg)}}.step-swiper .swiper-slide:nth-of-type(3) .deco1 .line::after{height:4rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(3) .deco1 .line::after{height:6rem}}.step-swiper .swiper-slide:nth-of-type(3) .deco2{color:#fff}.step-swiper .swiper-slide:nth-of-type(3) .deco2 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .swiper-slide:nth-of-type(3) .deco2 .line{left:0px;top:0px;transform:translate(-50px, -60px) rotate(-45deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(3) .deco2 .line{transform:translate(-96px, -96px) rotate(-45deg)}}.step-swiper .swiper-slide:nth-of-type(4) .thumb-box{margin-top:5rem}.step-swiper .swiper-slide:nth-of-type(4) .deco1{left:-2rem;top:50%}.step-swiper .swiper-slide:nth-of-type(4) .deco1 .line{right:0px;top:0px;transform:translate(20px, -5px) rotate(50deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(4) .deco1 .line{transform:translate(64px, -10px) rotate(60deg)}}.step-swiper .swiper-slide:nth-of-type(4) .deco1 .line::after{height:4rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(4) .deco1 .line::after{height:6rem}}.step-swiper .swiper-slide:nth-of-type(4) .deco2{color:#fff}.step-swiper .swiper-slide:nth-of-type(4) .deco2 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .swiper-slide:nth-of-type(4) .deco2 .line{left:0px;top:0px;transform:translate(-35px, -30px) rotate(-45deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(4) .deco2 .line{transform:translate(-90px, -90px) rotate(-45deg)}}.step-swiper .swiper-slide:nth-of-type(4) .deco2 .line::after{height:5rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(4) .deco2 .line::after{height:10rem}}.step-swiper .swiper-slide:nth-of-type(5) .thumb-box{margin-top:5rem}.step-swiper .swiper-slide:nth-of-type(5) .deco1{left:-2rem;top:36%}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(5) .deco1{top:40%}}.step-swiper .swiper-slide:nth-of-type(5) .deco1 .line{right:0px;top:0px;transform:translate(24px, 35px) rotate(75deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(5) .deco1 .line{transform:translate(72px, 24px) rotate(70deg)}}.step-swiper .swiper-slide:nth-of-type(5) .deco1 .line::after{height:3.5rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(5) .deco1 .line::after{height:6rem}}.step-swiper .swiper-slide:nth-of-type(5) .deco2{left:-0.5rem;right:unset;color:#fff}.step-swiper .swiper-slide:nth-of-type(5) .deco2 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .swiper-slide:nth-of-type(5) .deco2 .line{right:0px;top:0px;transform:translate(20px, -80px) rotate(30deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(5) .deco2 .line{transform:translate(60px, -160px) rotate(30deg)}}.step-swiper .swiper-slide:nth-of-type(5) .deco2 .line::after{height:7rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(5) .deco2 .line::after{height:12rem}}.step-swiper .swiper-slide:nth-of-type(6) .thumb-box{margin-top:7rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .thumb-box{margin-top:5rem}}.step-swiper .swiper-slide:nth-of-type(6) .deco1{top:55%;left:.5rem;color:#fff}.step-swiper .swiper-slide:nth-of-type(6) .deco1 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .deco1{top:60%;left:2rem}}.step-swiper .swiper-slide:nth-of-type(6) .deco1 .line{right:0px;top:0px;transform:translate(0px, 5px) rotate(50deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .deco1 .line{transform:translate(32px, -24px) rotate(50deg)}}.step-swiper .swiper-slide:nth-of-type(6) .deco1 .line::after{height:3rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .deco1 .line::after{height:5rem}}.step-swiper .swiper-slide:nth-of-type(6) .deco2{color:#fff}.step-swiper .swiper-slide:nth-of-type(6) .deco2 p{filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.5))}.step-swiper .swiper-slide:nth-of-type(6) .deco2 .line{left:0px;top:0px;transform:translate(-30px, -50px) rotate(-45deg)}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .deco2 .line{transform:translate(-84px, -84px) rotate(-45deg)}}.step-swiper .swiper-slide:nth-of-type(6) .deco2 .line::after{height:5rem}@media (min-width: 768px){.step-swiper .swiper-slide:nth-of-type(6) .deco2 .line::after{height:10rem}}.step-swiper .swiper-pagination{width:calc(100% - 2rem);top:0px;left:50%;display:flex;height:2rem;flex-wrap:wrap;align-items:center;justify-content:center;bottom:unset;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.step-swiper .swiper-pagination .swiper-pagination-bullet{height:0.25rem;width:0.25rem;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));margin-left:0.25rem;margin-right:0.25rem;opacity:1}.step-swiper .swiper-pagination .swiper-pagination-bullet-active{position:relative;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));display:flex;flex:1 1 0%;align-items:center;justify-content:center;background-color:transparent;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.step-swiper .swiper-pagination .swiper-pagination-bullet-active::before,.step-swiper .swiper-pagination .swiper-pagination-bullet-active::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.step-swiper .swiper-pagination .swiper-pagination-bullet-active::before{left:0}.step-swiper .swiper-pagination .swiper-pagination-bullet-active::after{right:0}.step-swiper .swiper-button-prev,.step-swiper .swiper-button-next{top:unset;bottom:1rem;height:auto;width:2.5rem;aspect-ratio:178/155}.step-swiper .swiper-button-prev::after,.step-swiper .swiper-button-next::after{content:"";position:absolute;height:100%;width:100%;top:0px;left:0px}.step-swiper .swiper-button-prev{left:1rem}.step-swiper .swiper-button-prev::after{background:url(../images/arrow-prev.png) no-repeat;background-size:cover;background-position:center}.step-swiper .swiper-button-next{left:5rem}.step-swiper .swiper-button-next::after{background:url(../images/arrow-next.png) no-repeat;background-size:cover;background-position:center}#section-product{background:#f3dedd;padding-top:2rem;padding-bottom:2rem}#section-product .container{margin-left:auto;margin-right:auto;max-width:32rem}.product-swiper{position:relative;width:100%;overflow:hidden;padding-top:2rem;padding-bottom:4rem}.product-swiper .content{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}.product-swiper .content .content-box{flex:1 1 0%;padding-left:1rem}.product-swiper .content .thumb-box{width:50%}.product-swiper .swiper-pagination-bullet{border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));opacity:1;background-color:transparent}.product-swiper .swiper-pagination-bullet-active{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}#section-gift{padding-top:2rem;padding-bottom:2rem}.lipstick-container{margin-left:auto;margin-right:auto;max-width:64rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){.lipstick-container{flex-direction:row;flex-wrap:wrap;padding-left:0px;padding-right:0px}}.lipstick-container .lipstick-slide{display:flex;width:100%;flex-wrap:wrap;align-items:center}@media (min-width: 768px){.lipstick-container .lipstick-slide{width:calc(33% - 16px)}}.lipstick-container .lipstick-slide .thumb-box{width:50%;padding-right:0.5rem}.lipstick-container .lipstick-slide .content-box{width:50%;padding-left:0.5rem;text-align:left}@media (min-width: 768px){.lipstick-container .lipstick-slide .content-box{padding-left:0px}}.lipstick-container .lipstick-slide:nth-of-type(2n){flex-direction:row-reverse}@media (min-width: 768px){.lipstick-container .lipstick-slide:nth-of-type(2n){flex-direction:row}}.lipstick-container .lipstick-slide:nth-of-type(2n) .content-box{padding-left:0px;padding-right:0.5rem}@media (min-width: 768px){.lipstick-container .lipstick-slide:nth-of-type(2n) .content-box{padding-left:0px;padding-right:0px}}.lipstick-container .lipstick-slide:nth-of-type(2n) .thumb-box{padding-right:0px;padding-left:0.5rem}@media (min-width: 768px){.lipstick-container .lipstick-slide:nth-of-type(2n) .thumb-box{padding-right:0.5rem}}.txt-swiper{position:relative;width:100%}.txt-swiper .swiper-slide{padding-top:2.5rem}.txt-swiper .swiper-pagination{top:-0.25rem;display:flex;height:2rem;flex-wrap:wrap;align-items:center;justify-content:space-evenly;bottom:unset}.txt-swiper .swiper-pagination .swiper-pagination-bullet{width:calc(16.6% - 6px);height:auto;aspect-ratio:1/1;margin-left:0px;margin-right:0px;opacity:1}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){background:url(../images/lotion-pink.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){background:url(../images/lotion-mint.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){background:url(../images/lotion-peach.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){background:url(../images/lotion-ochre.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5){background:url(../images/lotion-orange.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(6){background:url(../images/lotion-violet.png) no-repeat;background-size:cover;background-position:center}.txt-swiper .swiper-pagination .swiper-pagination-bullet-active{position:relative}.txt-swiper .swiper-pagination .swiper-pagination-bullet-active::after{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gift-container{position:relative;z-index:10;margin-left:auto;margin-right:auto;width:100%;max-width:64rem;padding-left:1rem;padding-right:1rem;padding-top:2rem}.gift-list{display:grid;width:100%;grid-template-columns:repeat(1, minmax(0, 1fr));gap:1rem}@media (min-width: 768px){.gift-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}.gift-list .gift-box{width:100%;--tw-bg-opacity:1;background-color:rgb(241 241 241 / var(--tw-bg-opacity));padding:1rem}@media (min-width: 768px){.gift-list .gift-box{padding-left:2rem;padding-right:2rem}}.gift-list .gift-box{--tw-bg-opacity:1;background-color:rgb(223 223 223 / var(--tw-bg-opacity))}.gift-list .gift-box .idx{position:relative;margin-left:auto;margin-right:auto;display:flex;width:-moz-max-content;width:max-content;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:1.5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));margin-top:0.5rem;margin-bottom:1rem}.gift-list .gift-box .idx span{position:absolute}#section-form{padding-top:2rem;padding-bottom:0px}#section-form .container{padding-left:1rem;padding-right:1rem}#section-confirmation{position:relative;padding-bottom:4rem}#section-confirmation .container{margin-left:auto;margin-right:auto;max-width:32rem}.ticket #section-gift{margin-top:-5rem;padding-bottom:4rem}
/*# sourceMappingURL=index.css.map */
