a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}body{background:#000;color:#000;width:100%}h3{margin-top:10vh}p{color:#fff;font-size:24px;line-height:2.4rem;font-weight:400;margin:.6vw 0}span{color:#a39991;font-size:18px}span.notice{font-size:unset;color:#ffa200}.wrapper{position:relative;background:url(../images/section_bg.png) no-repeat center top;background-size:cover;padding-top:150px}@media only screen and (max-width:480px){.wrapper{margin-top:-150px;padding-top:250px}}section{min-height:100vh}footer{padding-top:15px;padding-bottom:100px}main{position:relative;width:100%;height:100vh;background:url(../images/main_bg.png) no-repeat center center}main .contain{position:relative;width:100%;height:100%;overflow:hidden}main .item{position:absolute}main .item.moon{left:50%;top:0;transform:translateX(-50%)}main .item.main_content{left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}@media only screen and (max-width:1200px){main .item.main_content{top:30%}}@media only screen and (max-width:768px){main .item.main_content{top:35%}}main .item.main_content .main_logo{position:relative;-moz-text-align-last:center;text-align-last:center;max-width:80%;left:10%}@media only screen and (max-width:480px){main .item.main_content .main_logo{max-width:60%;left:20%}}main .item.main_content .main_title{position:relative;margin-top:-80px;-moz-text-align-last:center;text-align-last:center;max-width:60%;left:20%}@media only screen and (max-width:1200px){main .item.main_content .main_title{max-width:80%;left:10%}}@media only screen and (max-width:768px){main .item.main_content .main_title{max-width:unset;width:130%;left:-15%}}@media only screen and (max-width:480px){main .item.main_content .main_title{margin-top:0}}main .item.main_char1{left:0;bottom:-50px;max-width:80%}@media only screen and (max-width:480px){main .item.main_char1{bottom:0;max-width:100%}}main .item.main_char1 img{transform:translateX(-50%)}main .item.main_char2{right:0;bottom:-60px;max-width:55%}@media only screen and (max-width:480px){main .item.main_char2{bottom:0;max-width:65%}}main .item.main_char2 img{transform:translateX(10%)}main .item.main_mask{bottom:-200px;width:100%;height:508px;background:url(../images/main_mask.png) no-repeat center top;background-size:cover}@media only screen and (max-width:480px){main .item.main_mask{height:280px;bottom:-100px}}.fixedBox{position:fixed;left:50%;width:100%;z-index:1;transform:translateX(-50%);bottom:2%;display:flex;align-items:flex-end;justify-content:center;transition:1s all}@media only screen and (max-width:480px){.fixedBox{flex-wrap:nowrap}}.fixedBox img{padding:0 4px}@media only screen and (max-width:790px) and (max-height:500px) and (orientation:landscape){.fixedBox img{max-width:12vw}}.top{position:fixed;right:2%;bottom:2%;z-index:1;filter:brightness(.8);transition:.3s all}@media only screen and (max-width:768px){.top{bottom:80px;transform:scale(.8)}}.top:hover{filter:brightness(1)}@media only screen and (max-width:480px){.top a img{width:20vw}}@media only screen and (max-width:790px) and (max-height:500px) and (orientation:landscape){.top a img{max-width:8vw}}@media only screen and (max-width:480px){section .title{position:relative}section .title::after{content:'';position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%)}section .title img{opacity:0;padding-top:48px}}section.section01_daily .title::after{background:url(../images/section01_title_m.png) no-repeat center center;background-size:contain}section.section01_daily .box{width:14%}@media only screen and (max-width:1200px){section.section01_daily .box{width:16.66%}}@media only screen and (max-width:768px){section.section01_daily .box{width:25%}}@media only screen and (max-width:480px){section.section01_daily .box{width:30%}}section.section02_gacha{background:url(../images/section02_con.png) no-repeat center center;background-size:cover;padding-bottom:1080px}section.section02_gacha .title::after{background:url(../images/section02_title_m.png) no-repeat center center;background-size:contain}@media only screen and (max-width:768px){section.section02_gacha{background-size:180%}}@media only screen and (max-width:480px){section.section02_gacha{margin-top:150px;background:url(../images/section02_con.png) no-repeat center bottom;background-size:200%;padding-bottom:65vh}}section.section03_event .title::after{background:url(../images/section03_title_m.png) no-repeat center center;background-size:contain}@media only screen and (max-width:1000px){section.section03_event{padding-bottom:500px}}@media only screen and (max-width:768px){section.section03_event{padding-bottom:400px;min-height:80vh}}section.section03_event .banner_wrapper{justify-content:center;position:relative}section.section03_event .banner_wrapper::after{content:'';position:absolute;width:100%;height:3px;top:-10px;left:0;background-color:#c77b10}section.section03_event .banner_wrapper::before{content:'';position:absolute;width:100%;height:3px;bottom:-10px;left:0;background-color:#c77b10}@media only screen and (max-width:1000px){section.section03_event .group{width:25%}}section.section03_event .group .group_inner{width:100%;display:flex}section.section03_event .group .group_inner .banner_btn{width:calc(100vw / 100 * 7.8125);overflow:hidden;filter:brightness(70%);transition:.3s all;cursor:pointer}section.section03_event .group .group_inner .banner_btn:hover{filter:brightness(100%)}@media only screen and (min-width:1920px){section.section03_event .group .group_inner .banner_btn{width:150px}}@media only screen and (max-width:1000px){section.section03_event .group .group_inner .banner_btn{width:100%}}section.section03_event .group .group_inner .banner_btn img{position:relative;left:50%;transform:translateX(-50%);max-width:unset;height:100%}@media only screen and (max-width:1000px){section.section03_event .group .group_inner .banner_btn img{width:100%}}section.section03_event .group .group_inner .banner_img{width:0;overflow:hidden;transition:.3s all;outline:2px solid #ffd08e;outline-offset:-2px;display:flex;justify-content:flex-end}@media only screen and (max-width:1919px){section.section03_event .group .group_inner .banner_img img{max-width:unset}}@media only screen and (max-width:1000px){section.section03_event .group .group_inner .banner_img{position:absolute;bottom:-600px;left:0}}@media only screen and (max-width:768px){section.section03_event .group .group_inner .banner_img{bottom:-400px;height:400px}}@media only screen and (max-width:480px){section.section03_event .group .group_inner .banner_img{height:unset;bottom:-72%;align-items:flex-start}section.section03_event .group .group_inner .banner_img img{width:150%;height:unset}}section.section03_event .group.active .group_inner .banner_btn{filter:brightness(100%)}section.section03_event .group.active .group_inner .banner_img{width:calc(100vw / 100 * 68.75)}@media only screen and (min-width:1920px){section.section03_event .group.active .group_inner .banner_img{width:1320px}}@media only screen and (max-width:1000px){section.section03_event .group.active .group_inner .banner_img{width:100%}}@media only screen and (max-width:768px){section.section03_event .group.active .group_inner .banner_img{height:400px}}@media only screen and (max-width:480px){section.section03_event .group.active .group_inner .banner_img{height:unset;bottom:-72%;align-items:flex-start}section.section03_event .group.active .group_inner .banner_img img{width:150%;height:unset}}section.section04_bonus{position:relative;padding-top:280px}section.section04_bonus .title::after{background:url(../images/section04_title_m.png) no-repeat center center;background-size:contain}@media only screen and (max-width:768px){section.section04_bonus{padding-top:30px}}@media only screen and (max-width:480px){section.section04_bonus{padding-bottom:450px}}section.section04_bonus .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/section04_bg.png) no-repeat center top;background-size:cover;mix-blend-mode:exclusion}@media only screen and (max-width:480px){section.section04_bonus .bg{display:none}}section.section04_bonus .text{position:relative}section.section04_bonus .box_wrapper{position:relative;padding-bottom:800px;transform-origin:top}@media only screen and (max-width:480px){section.section04_bonus .box_wrapper{position:absolute}}section.section04_bonus .box_wrapper .box{position:absolute;left:50%;top:50%}section.section04_bonus .box_wrapper .box.box1 img{transform:translate(-50%,-50%)}section.section04_bonus .box_wrapper .box.box2 img{transform:translate(130%,-250%)}section.section04_bonus .box_wrapper .box.box3 img{transform:translate(-220%,-250%)}section.section04_bonus .box_wrapper .box.box4 img{transform:translate(200%,-50%)}section.section04_bonus .box_wrapper .box.box5 img{transform:translate(-300%,-50%)}section.section04_bonus .box_wrapper .box.box6 img{transform:translate(130%,150%)}section.section04_bonus .box_wrapper .box.box7 img{transform:translate(-220%,150%)}@media only screen and (max-width:768px){section.section04_bonus .box_wrapper{transform:scale(.7)}section.section04_bonus .box_wrapper .box.box2 img{transform:translate(80%,-210%)}section.section04_bonus .box_wrapper .box.box3 img{transform:translate(-170%,-210%)}section.section04_bonus .box_wrapper .box.box4 img{transform:translate(150%,-50%)}section.section04_bonus .box_wrapper .box.box5 img{transform:translate(-250%,-50%)}section.section04_bonus .box_wrapper .box.box6 img{transform:translate(80%,110%)}section.section04_bonus .box_wrapper .box.box7 img{transform:translate(-170%,110%)}}@media only screen and (max-width:480px){section.section04_bonus .box_wrapper{transform:scale(.5)}}