html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}html{scroll-behavior:smooth;font-size:13.3333vw}@media only screen and (min-width:751px){html{font-size:65px}}*{-webkit-tap-highlight-color:transparent}:focus,.swiper-button-prev,.swiper-button-next:focus{outline:none}body{background:#000;font-family:Microsoft Yahei,Arial;line-height:1.5;overflow-x:hidden}ul,ol,li dt,dd{list-style:none}a{color:#333;cursor:pointer;text-decoration:none;display:block}img{max-width:100%;vertical-align:middle;border:none}hr{width:100%;height:1px;border:none;margin:5px 0;font-size:0;line-height:0}input,textarea,select,button{box-sizing:border-box;vertical-align:middle;font-size:inherit;border:0;outline:none;font-family:inherit}textarea{resize:none;overflow-y:auto}.clearfix{zoom:1}.clearfix:after{clear:both;content:"";display:table}.cursor{cursor:pointer}.b{display:block}.b-c{margin:0 auto;display:block}.i-b{display:inline-block}.text-c{text-align:center}.ab{position:absolute}.ab-show{display:block;position:absolute}.rel{position:relative}.ab-l-c{display:block;position:absolute;left:50%}.ab-t-c{position:absolute;top:50%}.ab-all-c{position:absolute;top:50%;left:50%}.hide{display:none!important}.scrollbar-common{scrollbar-color:#e9c732 #c9c19e;scrollbar-width:.2rem;overflow-x:hidden;overflow-y:auto}.scrollbar-common::-webkit-scrollbar{width:.06rem;cursor:pointer;background-color:#c9c19e;border-radius:.1rem;padding-left:.1rem}.scrollbar-common::-webkit-scrollbar-thumb{cursor:pointer;background-color:#e9c732}.pop{max-width:100%;display:none;position:relative}.pop-video iframe{width:100%;height:4.3rem;margin:0 auto;display:block;position:relative}.fullpage-wrap html,body{min-height:100%;width:100%;height:100%}.page-container{background:#000;margin:0 auto;overflow:hidden}.section{width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.wrap{width:100%;margin:0 auto;font-size:0;overflow:hidden}.lazy:not(.loaded),.lazy:not(.loaded) .swiper-pagination-bullet{background-image:none!important}.part-pagination{z-index:2;width:80%;text-align:center;justify-content:center;align-items:center;margin:.4rem auto 0;display:flex;left:0}.swiper-pagination-bullet{width:.4rem;height:.09rem;opacity:1;filter:grayscale(0);cursor:pointer;background:bottom/contain no-repeat;border-radius:0;outline:none;margin-left:.12rem;margin-right:.12rem;display:inline-block}body.no-webp .swiper-pagination-bullet,body.no-js .swiper-pagination-bullet{background-image:url(swiper-bullet.fb2018bb.png)}body.webp .swiper-pagination-bullet{background-image:url(swiper-bullet.27121be9.webp)}.swiper-pagination-bullet-active{width:1.05rem;height:.09rem;background:bottom/contain no-repeat}body.no-webp .swiper-pagination-bullet-active,body.no-js .swiper-pagination-bullet-active{background-image:url(swiper-bullet-c.9d46b29b.png)}body.webp .swiper-pagination-bullet-active{background-image:url(swiper-bullet-c.ee7bc379.webp)}.shop-next,.shop-prev{width:.48rem;height:.49rem;position:absolute;top:38%}.shop-next{background:50%/contain no-repeat;right:.1rem}body.no-webp .shop-next,body.no-js .shop-next{background-image:url(shop-next.8a520053.png)}body.webp .shop-next{background-image:url(shop-next.b06508d9.webp)}.shop-prev{background:50%/contain no-repeat;left:.1rem}body.no-webp .shop-prev,body.no-js .shop-prev{background-image:url(shop-prev.9e40c624.png)}body.webp .shop-prev{background-image:url(shop-prev.b23c3366.webp)}:root{--animate-delay:1s;--animate-duration:1s;--animate-repeat:1}.animate{-webkit-animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}@keyframes sprite{0%{background-position-x:0}to{background-position-x:-225rem}}@keyframes sprite-person-20{0%{background-position-x:0}to{background-position-x:-62.8rem}}@keyframes sprite-person-26{0%{background-position-x:0}to{background-position-x:-39.78rem}}@keyframes notableAnimation{0%{left:100%}to{left:0;transform:translate(-100%)}}@-webkit-keyframes notableAnimation{0%{left:100%}to{left:0;-webkit-transform:translate(-100%)}}@keyframes fluctuate{0%,to{transform:translateY(0)}50%{transform:translateY(-20%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toLeft{0%,to{transform:translate(0)}50%{transform:translate(-.15rem)}}@keyframes toRight{0%,to{transform:rotate(180deg)translate(0)}50%{transform:rotate(180deg)translate(.15rem)}}@keyframes sg{0%{left:-100%}to{left:100%}}@keyframes scaleBg{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes opacityShow{0%{opacity:0}to{opacity:.95}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(.94)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.fadeOutLeft{animation-name:fadeOutLeft}.toLeft{animation:1s linear infinite toLeft}.sg{z-index:2;width:100%;height:100%;content:"";background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.turnPage{animation:1.5s ease-in-out infinite alternate fluctuate}.scale{animation:1s linear infinite scale}.pop{max-width:100%;width:6.72rem;color:#000;display:none;position:relative}.pop-i{height:4.86rem;background:50%/contain no-repeat}body.no-webp .pop-i,body.no-js .pop-i{background-image:url(pop.dfa3e33b.png)}body.webp .pop-i{background-image:url(pop.ceff3a5d.webp)}.pop-pre-rule{height:5.3rem;background:50%/contain no-repeat}body.no-webp .pop-pre-rule,body.no-js .pop-pre-rule{background-image:url(pop-pre-rule.eb3d090e.png)}body.webp .pop-pre-rule{background-image:url(pop-pre-rule.fbcb559a.webp)}.pop-term{height:6.89rem;background:50%/contain no-repeat}body.no-webp .pop-term,body.no-js .pop-term{background-image:url(pop-term.d98b65c0.png)}body.webp .pop-term{background-image:url(pop-term.629eea24.webp)}.pop-pre-success{height:6.08rem;background:50%/contain no-repeat}body.no-webp .pop-pre-success,body.no-js .pop-pre-success{background-image:url(pop-pre-success.959f497f.png)}body.webp .pop-pre-success{background-image:url(pop-pre-success.26aae566.webp)}.pop-s{height:2.27rem;background:50%/contain no-repeat}body.no-webp .pop-s,body.no-js .pop-s{background-image:url(pop-s.d9cdb599.png)}body.webp .pop-s{background-image:url(pop-s.945fc144.webp)}.pop-close-btn{z-index:99999;width:.3rem;height:.39rem;background:50%/contain no-repeat;display:block;position:absolute;top:.35rem;right:.3rem}body.no-webp .pop-close-btn,body.no-js .pop-close-btn{background-image:url(pop-close-btn.8aa4cf15.png)}body.webp .pop-close-btn{background-image:url(pop-close-btn.fe8722a2.webp)}.video-close{top:-.5rem;right:0}.pop-content{width:93%;margin:.3rem auto 0;font-size:0}.p{color:#fff;letter-spacing:-1px;font-family:SDBook;font-size:.21rem;font-weight:400;line-height:.36rem}.pop-content-msg{height:1.4rem;display:table}.msg{vertical-align:middle;text-align:center;padding:0 .6rem;font-size:.23rem;display:table-cell}.term-link{color:red;margin:5.65rem 0 0 .5rem;font-family:SDGothicNeoaUniTTF;font-size:.19rem;font-weight:400;line-height:.25rem;text-decoration:underline;display:block}.pop-shop{width:100%;position:absolute;bottom:.7rem}.cafe-reward-img{width:3.93rem;height:3.61rem;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:.6rem auto}.cafe-reward-close{top:.25rem;right:.5rem}.pop-role{width:100%;height:100%;top:0!important}@media only screen and (min-width:751px){.pop-role{left:0!important}}.show-role{width:100%;height:100%;position:relative}.role-img{display:none}.role-img.cur{display:block}.show-role-icon{z-index:2;width:40%;height:.74rem;justify-content:space-around;margin:0;display:flex;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.role-icon{width:.74rem;height:.74rem}.fashi-icon{background:50%/contain no-repeat}body.no-webp .fashi-icon,body.no-js .fashi-icon{background-image:url(fashi-icon.69984275.png)}body.webp .fashi-icon{background-image:url(fashi-icon.a6ba0e13.webp)}.fashi-icon:hover,.fashi-icon.cur{background:50%/contain no-repeat}body.no-webp .fashi-icon:hover,body.no-js .fashi-icon:hover,body.no-webp .fashi-icon.cur,body.no-js .fashi-icon.cur{background-image:url(fashi-icon-c.4ed1acc4.png)}body.webp .fashi-icon:hover,body.webp .fashi-icon.cur{background-image:url(fashi-icon-c.fb58b665.webp)}.gongshou-icon{background:50%/contain no-repeat}body.no-webp .gongshou-icon,body.no-js .gongshou-icon{background-image:url(gongshou-icon.6781b52c.png)}body.webp .gongshou-icon{background-image:url(gongshou-icon.4b5403fe.webp)}.gongshou-icon:hover,.gongshou-icon.cur{background:50%/contain no-repeat}body.no-webp .gongshou-icon:hover,body.no-js .gongshou-icon:hover,body.no-webp .gongshou-icon.cur,body.no-js .gongshou-icon.cur{background-image:url(gongshou-icon-c.88e003ee.png)}body.webp .gongshou-icon:hover,body.webp .gongshou-icon.cur{background-image:url(gongshou-icon-c.c74dc899.webp)}.zhanshi-icon{background:50%/contain no-repeat}body.no-webp .zhanshi-icon,body.no-js .zhanshi-icon{background-image:url(zhanshi-icon.03d13cf0.png)}body.webp .zhanshi-icon{background-image:url(zhanshi-icon.3f6888e1.webp)}.zhanshi-icon:hover,.zhanshi-icon.cur{background:50%/contain no-repeat}body.no-webp .zhanshi-icon:hover,body.no-js .zhanshi-icon:hover,body.no-webp .zhanshi-icon.cur,body.no-js .zhanshi-icon.cur{background-image:url(zhanshi-icon-c.b12ddcbf.png)}body.webp .zhanshi-icon:hover,body.webp .zhanshi-icon.cur{background-image:url(zhanshi-icon-c.a1f0a804.webp)}@media only screen and (min-width:751px){.pop-role .pop-close-btn{right:2.3rem}.role-img{width:19.2rem;height:9.68rem}.fashi-img{background:top/contain no-repeat}body.no-webp .fashi-img,body.no-js .fashi-img{background-image:url(pc-fashi.4c8cb41b.png)}body.webp .fashi-img{background-image:url(pc-fashi.adae5135.webp)}.gongshou-img{background:top/contain no-repeat}body.no-webp .gongshou-img,body.no-js .gongshou-img{background-image:url(pc-gongshou.9039aa2a.png)}body.webp .gongshou-img{background-image:url(pc-gongshou.bec9590a.webp)}.zhanshi-img{background:top/contain no-repeat}body.no-webp .zhanshi-img,body.no-js .zhanshi-img{background-image:url(pc-zhanshi.599cdaa0.png)}body.webp .zhanshi-img{background-image:url(pc-zhanshi.5c59552f.webp)}.show-role-icon{top:3.3rem;bottom:initial;width:2.6rem;left:3.7rem;transform:none}}@media only screen and (max-width:750px){.role-img{width:7.49rem;height:13.38rem}.fashi-img{background:top/contain no-repeat}body.no-webp .fashi-img,body.no-js .fashi-img{background-image:url(fashi.077560a5.png)}body.webp .fashi-img{background-image:url(fashi.70d667e5.webp)}.gongshou-img{background:top/contain no-repeat}body.no-webp .gongshou-img,body.no-js .gongshou-img{background-image:url(gongshou.919549e5.png)}body.webp .gongshou-img{background-image:url(gongshou.efa20f07.webp)}.zhanshi-img{background:top/contain no-repeat}body.no-webp .zhanshi-img,body.no-js .zhanshi-img{background-image:url(zhanshi.aeda662e.png)}body.webp .zhanshi-img{background-image:url(zhanshi.236c9f92.webp)}}.pop-10{height:6.1rem;background:50%/contain no-repeat}body.no-webp .pop-10,body.no-js .pop-10{background-image:url(pop-10.01720c62.png)}body.webp .pop-10{background-image:url(pop-10.b600d64c.webp)}.pop-10 .pop-shop{bottom:.9rem}.pop-10-text{text-align:center;margin:1.1rem auto 0}.fixed-header{z-index:13;position:fixed;top:0}.float-shop-h{z-index:10;position:fixed;bottom:0}.float-shop-h.float-hide{display:none!important}.float-shop-phone{bottom:0}.float-shop-phone .float-close{top:1.18rem}.float-shop{width:7.5rem;height:2.91rem;display:none;position:fixed;bottom:0}.float-shop.important{display:block!important}.float-shop-nv{background:50%/contain no-repeat}body.no-webp .float-shop-nv,body.no-js .float-shop-nv{background-image:url(float-shop-h-nv.d2a5bb56.png)}body.webp .float-shop-nv{background-image:url(float-shop-h-nv.23c12ec2.webp)}.float-shop-phone{background:50%/contain no-repeat}body.no-webp .float-shop-phone,body.no-js .float-shop-phone{background-image:url(float-shop-h-phone.8f68d55c.png)}body.webp .float-shop-phone{background-image:url(float-shop-h-phone.ee302757.webp)}.float-close{z-index:99;width:.4rem;height:.39rem;background:50%/contain no-repeat;position:absolute;top:1.38rem}body.no-webp .float-close,body.no-js .float-close{background-image:url(pop-close-btn.8aa4cf15.png)}body.webp .float-close{background-image:url(pop-close-btn.fe8722a2.webp)}.float-open{width:.37rem;height:1.18rem;background:50%/contain no-repeat;animation:1s linear infinite toRight;display:none;position:absolute;top:1.4rem;left:2.1rem}body.no-webp .float-open,body.no-js .float-open{background-image:url(mb-next.9e40c624.png)}body.webp .float-open{background-image:url(mb-next.b23c3366.webp)}.float-shop-btn{width:6rem;height:2.08rem;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;position:absolute;bottom:-.3rem;left:1.1rem}.float-right-nv{width:4.89rem;height:.48rem;background:50%/contain no-repeat;bottom:.1rem;left:1rem}body.no-webp .float-right-nv,body.no-js .float-right-nv{background-image:url(float-right-nv.0ce72117.png)}body.webp .float-right-nv{background-image:url(float-right-nv.4ab5290e.webp)}.float-right-phone{width:4.89rem;height:.48rem;background:50%/contain no-repeat;bottom:.3rem;left:1.1rem}body.no-webp .float-right-phone,body.no-js .float-right-phone{background-image:url(float-right-phone.d13c494d.png)}body.webp .float-right-phone{background-image:url(float-right-phone.d83d5e29.webp)}.long-icon{z-index:-1;width:2.36rem;height:2.67rem;cursor:pointer;margin:0 auto;position:relative}.float-left-nv{width:3.02rem;height:2.69rem;background:50%/contain no-repeat}body.no-webp .float-left-nv,body.no-js .float-left-nv{background-image:url(float-left-nv.4ad59975.png)}body.webp .float-left-nv{background-image:url(float-left-nv.d9de4ca6.webp)}.float-left-phone{background:50%/contain no-repeat}body.no-webp .float-left-phone,body.no-js .float-left-phone{background-image:url(float-left-phone.c0429238.png)}body.webp .float-left-phone{background-image:url(float-left-phone.e1a7472b.webp)}.menu-container{z-index:101;width:7.5rem;height:100vh;background:#000000e6;margin-left:-7.5rem;transition:margin 1s;display:block;position:fixed;top:0;bottom:0}.nav-opened{margin-left:0}.menu-close{width:.67rem;height:1.18rem;cursor:pointer;background:50%/contain no-repeat;position:absolute;right:.73rem}body.no-webp .menu-close,body.no-js .menu-close{background-image:url(menu-close.1470cf4e.png)}body.webp .menu-close{background-image:url(menu-close.4f1e641b.webp)}.menu-nav{width:3.2rem;margin:.1rem auto 0;padding-left:.9rem;overflow:hidden}.menu{width:1.87rem;height:.56rem;filter:brightness(.7);background:top/1.87rem 5.49rem no-repeat;position:relative}body.no-webp .menu,body.no-js .menu{background-image:url(nav-content.c4704b31.png)}body.webp .menu{background-image:url(nav-content.9e4add72.webp)}.menu:before{z-index:-2;width:.04rem;height:.81rem;content:"";background:#4c5055;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.menu:hover,.menu.active{filter:brightness()}.menu:hover:after,.menu.active:after{z-index:-1;width:.19rem;height:1.01rem;content:"";background:50%/100% 100% no-repeat;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}body.no-webp .menu:hover:after,body.no-js .menu:hover:after,body.no-webp .menu.active:after,body.no-js .menu.active:after{background-image:url(nav-cur.2dbd5355.png)}body.webp .menu:hover:after,body.webp .menu.active:after{background-image:url(nav-cur.080d1834.webp)}.menu-1{background-position:0 .15rem}.menu-2{background-position:0 -1.05rem}.menu-3{background-position:0 -2.2rem}.menu-4{background-position:0 -3.12rem}.menu-5{background-position:0 -4.1rem}.menu-6{background-position:0 -5.05rem}.menu-link-box{width:70%;justify-content:space-around;display:flex}.link{width:.89rem;height:.69rem;background:50%/cover no-repeat;display:inline-block}body.no-webp .link,body.no-js .link{background-image:url(mb-nav-icon.4469d364.png)}body.webp .link{background-image:url(mb-nav-icon.52e74601.webp)}.menu-cafe-btn{background-position:.1rem 0}.menu-youtube-btn{background-position:-.99rem 0}.menu-fb-link-btn{background-position:-2.02rem 0}.menu-launge-btn{background-position:-3.02rem 0}.menu-efun-btn{background-position:-4.1rem 0}.menu-6{display:none}.nav{z-index:12;width:.71rem;height:.71rem;background:50%/contain no-repeat;position:fixed;left:.26rem}body.no-webp .nav,body.no-js .nav{background-image:url(nav-btn.b0933b6b.png)}body.webp .nav{background-image:url(nav-btn.1b452d15.webp)}.sg-f{width:99%;height:99%;border-radius:.05rem;margin:1% 0 0 1%;display:block;position:relative;overflow:hidden}.clear{width:1.23rem;height:.27rem;background:50%/contain no-repeat;display:none;position:absolute;bottom:.2rem}body.no-webp .clear,body.no-js .clear{background-image:url(clear.9119031a.png)}body.webp .clear{background-image:url(clear.dab64022.webp)}.clear-right{right:.3rem}.clear-left{left:.17rem}.clear-pc{bottom:.1rem}.clear-pc-1{left:.2rem}.clear-pc-2{left:.38rem}.clear-pc-3{left:.3rem}.clear-pc-4{left:.14rem}.clear-pc-5{left:.09rem}.role-body-box{z-index:4}.role-btn-box{z-index:3;position:relative}.video-play{z-index:1;width:100%;height:100%;object-fit:fill;position:absolute;top:0}.role-video{height:9.86rem}.video-logo{z-index:3;width:4rem;height:2rem;background:50%/contain no-repeat;position:absolute;right:0}body.no-webp .video-logo,body.no-js .video-logo{background-image:url(video-logo.e7fd8ceb.png)}body.webp .video-logo{background-image:url(video-logo.385580c8.webp)}.section-02{background-image: }body.no-webp .section-02,body.no-js .section-02{background-image:url(pc-bg2.dc09d9e2.jpg)}body.webp .section-02{background-image:url(pc-bg2.4de99948.webp)}.section-03{background-image: }body.no-webp .section-03,body.no-js .section-03{background-image:url(pc-bg3.f32d7121.jpg)}body.webp .section-03{background-image:url(pc-bg3.7ef87264.webp)}.section-04{background-image:none}.section-05{background-image: }body.no-webp .section-05,body.no-js .section-05{background-image:url(pc-bg5.4d09cf3c.jpg)}body.webp .section-05{background-image:url(pc-bg5.e439a7bc.webp)}.section-06{background-image: }body.no-webp .section-06,body.no-js .section-06{background-image:url(pc-bg6.2bb4e8e6.jpg)}body.webp .section-06{background-image:url(pc-bg6.fe02f99b.webp)}.float-close{left:6.1rem}.menu-nav{height:6.7rem}.menu-close{top:3.96rem}.logo{width:4.2rem;height:1.11rem;background:50%/contain no-repeat;margin:.22rem auto 0}body.no-webp .logo,body.no-js .logo{background-image:url(logo.abf20d6b.png)}body.webp .logo{background-image:url(logo.c8ae353b.webp)}.menu{margin-top:.55rem}.menu-link-box{margin:.2rem auto 0}.nav{top:.21rem}.section-01{height:9.68rem;background:#000}.video-btn{z-index:2;width:1.3rem;height:1.3rem;background:50%/contain no-repeat;margin:4.09rem auto 0;display:block;position:relative}body.no-webp .video-btn,body.no-js .video-btn{background-image:url(video-btn.1a719d8e.png)}body.webp .video-btn{background-image:url(video-btn.3fad403f.webp)}.to-shop{z-index:4;width:7rem;height:3.6rem;cursor:pointer;background:0/4.13rem 3.6rem no-repeat;margin:.8rem auto 0;position:relative;overflow:hidden}body.no-webp .to-shop,body.no-js .to-shop{background-image:url(pc-shop-reward.e2e14705.png)}body.webp .to-shop{background-image:url(pc-shop-reward.fee1b0dd.webp)}.to-shop .pre-shop-btn-box{width:3.07rem;margin:1.2rem 0 0 3.9rem}.to-shop .shop-btn{width:3.07rem;height:.89rem;margin:0 0 .1rem;display:block!important}.to-shop .gg-btn{background:50%/contain no-repeat!important}body.no-webp .to-shop .gg-btn,body.no-js .to-shop .gg-btn{background-image:url(gg-btn-v2.501e1621.png)!important}body.webp .to-shop .gg-btn{background-image:url(gg-btn-v2.39466412.webp)!important}.to-pre-btn{z-index:3;width:3.74rem;height:1.38rem;background:50%/contain no-repeat;margin:2.3rem auto 0;position:relative;overflow:hidden}body.no-webp .to-pre-btn,body.no-js .to-pre-btn{background-image:url(to-pre-btn.a381333d.png)}body.webp .to-pre-btn{background-image:url(to-pre-btn.94f62e01.webp)}.sg-f{width:100%;height:99%;margin:.05rem auto}.section-02{height:9.68rem}.intro-02{color:#cfcfcf;text-align:center;margin:1.05rem auto 0;font-size:.2rem;font-weight:400}.pre-part{width:12rem;justify-content:space-around;margin:.28rem auto 0;display:flex}.step1{width:5.58rem;height:7.4rem;background:50%/contain no-repeat;font-size:0;position:relative}body.no-webp .step1,body.no-js .step1{background-image:url(pc-step1.11683894.png)}body.webp .step1{background-image:url(pc-step1.85cad1c2.webp)}.step2{width:5.58rem;height:7.4rem;background:50%/contain no-repeat;font-size:0;position:relative}body.no-webp .step2,body.no-js .step2{background-image:url(pc-step2.90025c4b.png)}body.webp .step2{background-image:url(pc-step2.c5db5e83.webp)}.step2-v2{background:50%/contain no-repeat}body.no-webp .step2-v2,body.no-js .step2-v2{background-image:url(pc-step2-v2.b5bdc213.png)}body.webp .step2-v2{background-image:url(pc-step2-v2.6388e2c7.webp)}.pre-shop-btn-box{margin:5.5rem auto 0;overflow:hidden}.shop{border-radius:.1rem;margin:0 auto;display:none;position:relative;overflow:hidden}.ios-btn{width:2.72rem;height:.78rem;background:50%/contain no-repeat;margin-top:.55rem}body.no-webp .ios-btn,body.no-js .ios-btn{background-image:url(ios-btn.16ff7204.png)}body.webp .ios-btn{background-image:url(ios-btn.1fee2808.webp)}.gg-btn{width:2.72rem;height:.67rem;background:50%/contain no-repeat;margin:0 auto}body.no-webp .gg-btn,body.no-js .gg-btn{background-image:url(gg-btn.50503a91.png)}body.webp .gg-btn{background-image:url(gg-btn.f79362bd.webp)}.personal-store{width:3rem;margin:.05rem auto;display:flex}.one-btn{width:1.49rem;height:.51rem;background:50%/contain no-repeat;margin:0 auto}body.no-webp .one-btn,body.no-js .one-btn{background-image:url(one-btn.3fab817c.png)}body.webp .one-btn{background-image:url(one-btn.0236a043.webp)}.galaxy-btn{width:1.49rem;height:.51rem;background:50%/contain no-repeat;margin-left:.09rem}body.no-webp .galaxy-btn,body.no-js .galaxy-btn{background-image:url(galaxy-btn.bb2e5ad8.png)}body.webp .galaxy-btn{background-image:url(galaxy-btn.353a09de.webp)}.margin-box{width:3.88rem;margin:0 auto;position:relative;overflow:hidden}.pre-phone-box{width:3.78rem;height:.57rem;justify-content:center;margin:4.62rem auto 0;display:flex}.input{height:100%;color:#595e62;opacity:.95;background:#d2d3d4;border:1px solid #595e62;border-radius:0;margin:0 auto;font-size:.21rem;line-height:.57rem;display:block}.input::placeholder{color:#595e62}.input-area{width:.7rem;text-align:right;border-right:0}.input-phone{width:3.08rem;text-align:left;text-indent:.1rem;border-left:0}.input-phone::placeholder{color:#575d7a}.notice-box{width:100%;height:.44rem;position:relative}.term-checkbox{opacity:0;position:relative}.term-checkbox+.term-text:after{width:.15rem;height:.15rem;content:" ";background:0 0;border:.02rem solid #fff;border-radius:50%;position:absolute;top:.12rem;left:0}.term-checkbox:checked+.term-text:before{z-index:10;width:.1rem;height:.1rem;content:" ";background:#fff;border-radius:50%;position:absolute;top:.16rem;left:.054rem}.term-box{color:#fff;letter-spacing:-.01rem;margin-left:.1rem;font-size:.12rem}.term-desc{letter-spacing:-.01rem;line-height:.42rem}.term{display:inline-block}.pre-btn{width:2.97rem;height:.72rem;background:50%/contain no-repeat;margin:0 auto}body.no-webp .pre-btn,body.no-js .pre-btn{background-image:url(pre-btn.23b17128.png)}body.webp .pre-btn{background-image:url(pre-btn.b8f5deb7.webp)}.pre-tip{width:3.1rem;color:#87919d;text-align:center;border-bottom:1px solid #87919d;margin:.1rem auto 0;padding-bottom:.02rem;font-size:.12rem;font-weight:400}.phone-pre-rule{color:#87919d;display:inline-block}.section-03{height:9.66rem}.progress-box{width:12rem;margin:4.1rem auto .6rem;position:relative}.progress{width:10.37rem;justify-content:space-evenly;align-items:center;margin:0 auto 0 -5.185rem;display:flex;position:absolute;top:.65rem;left:50%}.reach-line{z-index:2;width:10.09rem;height:.39rem;background:bottom/10.09rem .39rem no-repeat;position:absolute;top:50%;left:47%;transform:translate(-50%,-50%)}body.no-webp .reach-line,body.no-js .reach-line{background-image:url(pc-reach-line.dd9d0c19.png)}body.webp .reach-line{background-image:url(pc-reach-line.a3766e28.webp)}.line-base{width:3rem;height:.39rem;position:absolute;bottom:0}.line-base .line-span{width:0;height:100%;background:bottom/3rem .39rem no-repeat;display:block;position:absolute;bottom:0}body.no-webp .line-base .line-span,body.no-js .line-base .line-span{background-image:url(pc-line-base.5730f2bd.png)}body.webp .line-base .line-span{background-image:url(pc-line-base.61d9ee53.webp)}.line-long{width:2.3rem;height:.15rem;position:absolute;bottom:.14rem}.line-long .line-span{width:0;height:100%;background:bottom/2.3rem .15rem no-repeat;display:block;position:absolute;bottom:0}body.no-webp .line-long .line-span,body.no-js .line-long .line-span{background-image:url(pc-line-long.4fa645cb.png)}body.webp .line-long .line-span{background-image:url(pc-line-long.469856c9.webp)}.line-2{left:3.06rem}.line-3{left:5.4rem}.line-4{left:7.79rem}.pre-reward{justify-content:space-between;align-items:baseline;margin-top:-.2rem;font-size:0;display:flex}.reach{width:1.8rem;height:2.4rem;background-image: ;background-repeat:no-repeat;background-size:cover;position:relative}body.no-webp .reach,body.no-js .reach{background-image:url(pc-reach-cur.fdefca97.png)}body.webp .reach{background-image:url(pc-reach-cur.d79bbab0.webp)}.reach.reach-active .clear{display:block}.reach-add{width:1.53rem;height:1.53rem;cursor:pointer;background:1.3rem .3rem/.23rem .23rem no-repeat;display:block;position:absolute;top:.9rem}body.no-webp .reach-add,body.no-js .reach-add{background-image:url(add.76e29ad8.png)}body.webp .reach-add{background-image:url(add.df30b603.webp)}.reach-1{background-position:.2rem 0}.reach-1 .reach-add{right:.25rem}.reach-2{background-position:-2.35rem 0}.reach-2 .reach-add{right:.1rem}.reach-3{background-position:-4.87rem 0}.reach-3 .reach-add{right:.15rem}.reach-4{background-position:-7.4rem 0}.reach-4 .reach-add{right:.35rem}.reach-5{width:1.9rem;background-position:-9.9rem 0}.reach-5 .reach-add{right:.45rem}.pre-num-part-btn{width:39%;margin:1.5rem auto 0;display:flex}.num-part-btn{width:3.09rem;height:1.14rem}.cafe-num-part-btn{background:50%/contain no-repeat}body.no-webp .cafe-num-part-btn,body.no-js .cafe-num-part-btn{background-image:url(cafe-num-part-btn.89acbcbb.png)}body.webp .cafe-num-part-btn{background-image:url(cafe-num-part-btn.a3d22d6c.webp)}.kakao-num-part-btn{background:50%/contain no-repeat}body.no-webp .kakao-num-part-btn,body.no-js .kakao-num-part-btn{background-image:url(kakao-num-part-btn.7360eb34.png)}body.webp .kakao-num-part-btn{background-image:url(kakao-num-part-btn.67b3cfe5.webp)}.section-04{height:9.86rem}.role-body-box{width:100%;height:6.4rem;position:absolute;top:2.4rem}.role-body{z-index:4;width:2.7rem;position:absolute}.fashi-body{height:3.2rem;left:5.3rem}.zhanshi-body{height:4.3rem;top:2.2rem;right:5.1rem}.gongshou-body{height:3.6rem;top:2.4rem;left:2.5rem}.role-btn{width:2.05rem;height:1.01rem}.fashi-btn{background:50%/contain no-repeat;margin:4.7rem 0 .9rem 6.5rem}body.no-webp .fashi-btn,body.no-js .fashi-btn{background-image:url(fashi-btn.0743edcd.png)}body.webp .fashi-btn{background-image:url(fashi-btn.3b5d4f43.webp)}.zhanshi-btn{background:50%/contain no-repeat;margin:.4rem 0 0 12.8rem}body.no-webp .zhanshi-btn,body.no-js .zhanshi-btn{background-image:url(zhanshi-btn.1d723920.png)}body.webp .zhanshi-btn{background-image:url(zhanshi-btn.3c99d89c.webp)}.gongshou-btn{background:50%/contain no-repeat;margin:0 0 0 4.6rem}body.no-webp .gongshou-btn,body.no-js .gongshou-btn{background-image:url(gongshou-btn.36b78292.png)}body.webp .gongshou-btn{background-image:url(gongshou-btn.02855f90.webp)}.section-05{height:9.65rem}.banner-f{width:100%;position:relative}.banner-box-game{width:10.6rem;height:6.85rem;background:top/10.6rem 6.85rem no-repeat;margin:1.54rem auto 0;padding:0 .9rem .4rem;position:relative;overflow:hidden}body.no-webp .banner-box-game,body.no-js .banner-box-game{background-image:url(pc-frame.41ac9e35.png)}body.webp .banner-box-game{background-image:url(pc-frame.9ecde76e.webp)}.swiper-game{z-index:2;width:10.03rem;height:5.85rem;margin-top:.36rem}.part-pagination{margin-top:.9rem}.game1{background:50%/cover no-repeat}body.no-webp .game1,body.no-js .game1{background-image:url(pc-banner1.9d887678.jpg)}body.webp .game1{background-image:url(pc-banner1.5fc0b13d.webp)}.game2{background:50%/cover no-repeat}body.no-webp .game2,body.no-js .game2{background-image:url(pc-banner2.e324fe66.jpg)}body.webp .game2{background-image:url(pc-banner2.cbb3d8c4.webp)}.game3{background:50%/cover no-repeat}body.no-webp .game3,body.no-js .game3{background-image:url(pc-banner3.394f0c7c.jpg)}body.webp .game3{background-image:url(pc-banner3.eecbac87.webp)}.game4{background:50%/cover no-repeat}body.no-webp .game4,body.no-js .game4{background-image:url(pc-banner4.3fd6c12b.jpg)}body.webp .game4{background-image:url(pc-banner4.003d4378.webp)}.game5{background:50%/cover no-repeat}body.no-webp .game5,body.no-js .game5{background-image:url(pc-banner5.f963b21e.jpg)}body.webp .game5{background-image:url(pc-banner5.24105caa.webp)}.section-06{height:9.3rem;display:none}.to-platform-btn{width:4.96rem;height:1.1rem;background:50%/contain no-repeat;margin:7.6rem auto 0}body.no-webp .to-platform-btn,body.no-js .to-platform-btn{background-image:url(to-platform-btn.b485b435.png)}body.webp .to-platform-btn{background-image:url(to-platform-btn.79ce4671.webp)}.footer{width:100%;height:.76rem;background:50%/cover no-repeat;margin:0 auto}body.no-webp .footer,body.no-js .footer{background-image:url(pc-footer.b34067c3.jpg)}body.webp .footer{background-image:url(pc-footer.01b129f3.webp)}.pop-shop{bottom:initial;margin:5.15rem auto 0;position:relative;overflow:hidden}.pop-pre-success{width:7.72rem;height:7.08rem}.pop-pre-success .ios-btn{margin-top:.25rem}.pop-pre-success .pop-close-btn{top:.45rem}