@charset "UTF-8";body{background:#000}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.shadow{position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}.e-blind,.e-header .logo,.e-header .sub-title p,.e-header .title p,.e-contents .btn-claim{font-size:0;text-indent:-9999em;color:transparent;line-height:0}button{border:0;cursor:pointer}button[disabled]{cursor:auto;pointer-events:none;opacity:.7}.ellipsis1,.event1 .cont2 .cont-box .playtime-box .num{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.ellipsis2{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis3{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all}.ellipsis4{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:keep-all}.e-container{position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto}.e-wrap{position:relative;width:1280px;margin:0 auto;box-sizing:border-box}.e-footer{display:block;width:100%;height:68px;max-width:1920px;min-width:1280px;margin:auto;background:#000;text-align:center}.e-footer p{line-height:68px;text-indent:unset;font-size:12px;color:rgba(255,255,255,0.5)}.btn-top{position:fixed;right:40px;top:auto !important;bottom:40px;z-index:9;overflow:hidden;display:none;width:67px;height:74px;background:url("images/btn_top.png") no-repeat;text-indent:-1000em;cursor:pointer;-webkit-transition:top .5s ease-in-out;transition:top .5s ease-in-out}.btn-top:hover{background-position-y:100%}.e-header{position:relative;z-index:10;width:100%;max-width:1920px;height:815px;background:url("images/bg_header.jpg") no-repeat 50% 0;left:50%;transform:translateX(-50%)}.e-header::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:0;background:url("images/bg_header2.jpg") 50% 0 no-repeat;animation:opacity_forwards 3s .5s linear forwards}.e-header .logo{position:absolute;top:40px;left:45px;z-index:10;overflow:hidden;width:163px;height:97px;background:url("images/bi.png") no-repeat;background-size:contain;box-sizing:border-box}.e-header .logo a{display:block;width:100%;height:100%}.e-header .e-util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:50px;right:45px;-webkit-transition:opacity .5s .5s ease-out;transition:opacity .5s .5s ease-out}.e-header .e-util a,.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:inline-block;overflow:hidden}.e-header .e-util #closeToday,.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{background:url("images/check.png") no-repeat}.e-header .e-util a{background-image:url("images/img_util.png");background-repeat:no-repeat}.e-header .e-util a{width:48px;height:48px}.e-header .e-util a:hover{background-position-y:100%}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:auto;height:48px}.e-header .e-util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .e-util input[type="checkbox"]:checked+label,.e-header .e-util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .e-util #closeToday{padding-right:10px}.e-header .e-util .btn-home{margin-right:10px;background-position:-215px 0}.e-header .e-util .btn-download{background-position:100% 0}.e-header .e-util input[type="checkbox"]+span{font-size:14px;line-height:47px;color:#b7b7b7;padding-left:24px}.e-header .e-util input[type="checkbox"]+label,.e-header .e-util input[type="checkbox"]+span{min-width:190px}.e-header .e-wrap{height:100%}.e-header .sub-title{position:absolute;top:45%;left:50%;transform:translateX(-50%)}.e-header .sub-title p{position:relative;background:url("images/sub_title.png") center no-repeat;width:570px;height:50px;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition:all .5s .2s ease;transition:all .5s .2s ease;filter:drop-shadow(10px 10px 10px black)}.e-header .title{position:absolute;left:50%;transform:translateX(-50%);bottom:140px;z-index:3;overflow:hidden;width:1300px;height:260px}.e-header .title p{position:relative;opacity:0;width:100%;max-width:1300px;height:250px;animation:shake 1.5s ease-in-out forwards;background:url("images/title.png") no-repeat}.e-header .title p::before{content:"";position:absolute;display:block;width:100%;height:100%;animation:opacity_forwards .8s linear both}.e-header .period{position:absolute;left:50%;bottom:100px;display:flex;justify-content:center;align-items:center;width:100%;background:url("images/period_bg.png") center/100% 100% no-repeat;height:60px;padding-top:9px;box-sizing:border-box;opacity:0;-webkit-transform:translateX(-50%) translateY(60px);transform:translateX(-50%) translateY(60px);-webkit-transition:all .5s 1.2s ease;transition:all .5s 1.2s ease}.e-header .period p{font-size:22px;text-shadow:2px 2px 2px black}.e-header .period p.txt{display:inline-block;color:#fff;border-radius:50px;padding:5px 20px 7px;min-width:167px;text-align:center;color:#ffffb4}.e-header .period p.num{color:#fff;padding-left:10px}.e-header .badge{position:absolute;right:60px;top:14px}.loaded .e-header .sub-title p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.loaded .e-header .period{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);animation-delay:1.4s}.smog{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.smog i{position:absolute;display:block;background:url("images/sp_smog_white.png") no-repeat;transform-origin:50% 100%}.smog .num2{bottom:0;left:-217px;width:2354px;height:1400px;opacity:0}.smog .num1{bottom:0;left:-217px;width:2354px;height:800px;opacity:0}.smog .num3{bottom:0;left:-217px;width:2354px;height:800px;opacity:0}.e-header .smog .num1{-webkit-animation:spreadSmog 7s infinite linear;animation:spreadSmog 7s infinite linear}.e-header .smog .num2{-webkit-animation:spreadSmog 15s infinite linear;animation:spreadSmog 15s infinite linear}.e-header .smog .num3{-webkit-animation:spreadSmog 40s infinite linear;animation:spreadSmog 40s infinite linear}#canvas{position:absolute;top:0;left:50%;z-index:1;display:block;margin-left:-960px;pointer-events:none}.e-nav{position:absolute;top:815px;left:0;z-index:10;width:1920px;height:90px;background:#262211;left:50%;margin-left:-960px;background:url("images/nav_bg.jpg") center/100% 100% no-repeat}.e-nav .menu{overflow:hidden;width:1200px;margin:0 auto}.e-nav .menu li{float:left;width:50%}.e-nav .menu li a{overflow:hidden;display:block;height:90px;background-image:url("images/nav.jpg");background-repeat:no-repeat;text-indent:-1000em}.e-nav .menu li a:hover{background-position-y:100%}.e-nav .menu li a.tab1{background-position-x:0}.e-nav .menu li a.tab2{background-position-x:100%}.e-nav .menu li.on a{background-position-y:100%}.e-container.nav-fixed .e-nav{position:fixed;top:0}.e-contents{position:relative;width:100%;max-width:1920px;min-width:1280px;margin:auto;padding-top:90px}.e-contents .btn-claim{width:286px;height:70px;background:url("images/btn_gift.png") no-repeat}.e-contents .btn-claim:hover{background-position-y:50%}.e-contents .btn-claim[disabled]{background-position-y:100%}.e-contents .notice-box{position:absolute;left:50%;transform:translateX(-50%);width:1200px}.e-contents .notice-box li{position:relative;margin-bottom:8px;font-size:16px;color:#b3b3b3;padding-left:15px}.e-contents .notice-box li::before{content:"※";position:absolute;font-size:15px;left:0}.e-contents .notice-box li:last-child{margin-bottom:0}.e-contents .notice-box li .highlight{color:#fff}.event1 .cont1{position:relative;width:100%;background:url("images/bg_tab1_1.jpg") 50% 0 no-repeat}.event1 .cont1 .cont-wrap{position:relative;width:1200px;height:100%;margin:auto;background:url("images/bg_tab1_1.jpg") 50% 0 no-repeat}.event1 .cont2{position:relative;width:100%;background:url("images/bg_tab1_2.jpg") 50% 0 no-repeat}.event1 .cont2 .cont-wrap{position:relative;width:1200px;height:100%;margin:auto;background:url("images/bg_tab1_2.jpg") 50% 0 no-repeat}.event1 .btn-wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}.event1 .cont1{height:1499px}.event1 .cont1 .btn-wrap{top:1220px;width:1280px}.event1 .cont1 .notice-box{top:1370px}.event1 .cont2{min-height:1374px;background-color:#212121}.event1 .cont2 .cont-wrap{background-color:#212121}.event1 .cont2 .cont-box{position:absolute;top:373px;left:50%;transform:translateX(-50%);width:100%;height:159px}.event1 .cont2 .cont-box .update{position:absolute;top:-30px;right:0}.event1 .cont2 .cont-box .update p{color:#edecdb;font-size:15px}.event1 .cont2 .cont-box .playtime-box{display:flex;align-items:center;justify-content:center;height:94%;padding-top:10px}.event1 .cont2 .cont-box .playtime-box p{color:#fff}.event1 .cont2 .cont-box .playtime-box .txt{font-size:40px;margin-right:20px}.event1 .cont2 .cont-box .playtime-box .num{font-size:50px;padding:5px 40px 11px;background-color:#090909;max-width:685px}.event1 .cont2 .cont-box .playtime-box .time{font-size:22px;font-weight:600;margin-left:20px}.event1 .cont2 .cont-box .playtime-box.login .login-box{display:block}.event1 .cont2 .cont-box .playtime-box.login .txt,.event1 .cont2 .cont-box .playtime-box.login .num,.event1 .cont2 .cont-box .playtime-box.login .time{display:none}.event1 .cont2 .cont-box .playtime-box .login-box{display:none;text-align:center}.event1 .cont2 .cont-box .playtime-box .login-box p{font-size:36px;color:#fff}.event1 .cont2 .cont-box .playtime-box .login-box p a{color:#ff9800}.event1 .cont2 .btn-wrap{top:900px;width:1135px}.event1 .cont2 .notice-box{position:relative;margin-top:1110px;padding-bottom:60px}.event2 .cont1{position:relative;min-height:2280px;background:url("images/bg_tab2.jpg") 50% 0 no-repeat;background-color:#191611}.event2 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_tab2.jpg") 50% 0 no-repeat;background-color:#191611}.event2 .cont1 .btn-wrap{position:absolute;left:50%;transform:translateX(-50%);top:2025px}.event2 .cont1 .notice-box{position:relative;margin-top:2140px;padding-bottom:60px}@keyframes spreadSmog{0%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0}45%{transform:scale(0.75);-webkit-transform:scale(0.75);opacity:.5}90%{transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}@-webkit-keyframes spreadSmog{0%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0}45%{transform:scale(0.75);-webkit-transform:scale(0.75);opacity:.5}90%{transform:scale(1);-webkit-transform:scale(1);opacity:0}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}@keyframes opacity_infinite{0%,100%{opacity:0}70%{opacity:.65}}@keyframes opacity_forwards{0%{opacity:0}100%{opacity:1}}@keyframes shake{0%{opacity:0;-webkit-transform:translateX(20px) skewX(-12deg);transform:translateX(20px) skewX(-12deg)}5%{opacity:1;-webkit-transform:translateX(20px) skewX(12deg);transform:translateX(20px) skewX(12deg)}10%{-webkit-transform:skewX(-12deg);transform:skewX(-12deg)}15%{-webkit-transform:skewX(12deg);transform:skewX(12deg)}20%{-webkit-transform:skewX(0);transform:skewX(0)}100%{opacity:1;-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0)}}