@charset "utf-8";body{background:#000}header .inner-frame{width:100%;margin:0;position:relative}header .inner-frame .gamescampus{margin:0 0 0 5px}header .inner-frame .link{position:absolute;right:5px;top:0;z-index:3}header .inner-frame .link .go-main,header .inner-frame .link .language{float:left}header .inner-frame .link .go-main{padding:0 2px;color:#fff;height:37px;line-height:37px;font-size:12px;letter-spacing:-1px}header .inner-frame .link .language{width:90px;position:relative;letter-spacing:-1px}header .inner-frame .link .language .selected{display:block;text-align:center}header .inner-frame .link .language .selected span{display:inline-block;padding:0 20px;color:#fff;height:37px;line-height:37px;font-size:12px;background:url("../20200821_anniversary/images/ico_dropdown.png") no-repeat 100% 50%}header .inner-frame .link .language ul{width:90px;position:absolute;left:0;top:37px;background:#282828;display:none}.language li a{display:block;padding:7px 0;text-align:center;font-size:12px;color:#fff}header .inner-frame .link .language li a:hover{background:#fff;color:#282828}header .inner-frame .link .language:hover ul{display:block}@media(min-width:1280px){header .inner-frame{width:1200px;margin:0 auto 0}header .inner-frame .gamescampus{margin:0 0 0 25px}header .inner-frame .link{right:0}header .inner-frame .link .language,header .inner-frame .link .language ul{width:150px}header .inner-frame .link .language{letter-spacing:0}header .inner-frame .link .go-main{padding:0 7px;letter-spacing:0}}.e-container{overflow:hidden;position:relative;box-sizing:border-box;min-width:1280px;max-width:1920px;margin:0 auto}.e-container *{font-family:'Noto Sans','Segoe UI','Lucida Sans Unicode','Lucida Grande','Tahoma','Arial','sans-serif'}h1,h3,h5,strong{font-family:'Noto Sans Bold','Segoe UI','Lucida Sans Unicode','Lucida Grande','Tahoma','Arial','sans-serif'}button{outline:0;cursor:pointer;border:0 none}button:disabled{cursor:default}.e-wrap{position:relative;width:1280px;margin:0 auto}.e-skip{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-header{position:relative;z-index:100;width:100%}.e-header .e-wrap{width:1200px}.e-header .bi{position:absolute;top:55px;left:-55px;overflow:hidden;display:block;width:191px;height:58px;background:url('images/logo.png') no-repeat;text-indent:-1000em}.e-header .quick-menu{position:absolute;top:40px;right:-38px;overflow:hidden}.e-header .quick-menu a{float:right;margin-bottom:6px;width:67px;height:68px;font-size:0;color:transparent;background:url('images/ico_home.png') no-repeat}.e-header .quick-menu a:hover{background-position:0 100%}.e-header .quick-menu .today-close{clear:both;display:block;width:100%;color:#fff;font-size:16px}.e-header .quick-menu .today-close input{vertical-align:-1px}.intro{position:relative;width:100%;height:848px;background-image:url(images/bg_intro.jpg);background-position:50% 100%;background-size:auto 1100px;-webkit-transition:all 320ms cubic-bezier(0.550,0.085,0.680,0.530);-moz-transition:all 320ms cubic-bezier(0.550,0.085,0.680,0.530);-o-transition:all 320ms cubic-bezier(0.550,0.085,0.680,0.530);transition:all 320ms cubic-bezier(0.550,0.085,0.680,0.530);-webkit-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);-moz-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);-o-transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530);transition-timing-function:cubic-bezier(0.550,0.085,0.680,0.530)}.intro .e-wrap{height:100%}.title{opacity:0;margin:0 auto;width:1200px;height:395px;background:url(images/title_en.png) no-repeat 58% 0;transform:matrix(1,0,0,1,0,-20);-webkit-transform:matrix(1,0,0,1,0,-20);transition-duration:.35s;-webkit-transition-duration:.35s;transition-delay:.8s;-webkit-transition-delay:.8s;font-size:0;line-height:0;color:transparent}.character,.eye,.light{position:absolute;left:50%;background-repeat:no-repeat;background-position:0 0;opacity:0}.light{top:0;margin-left:-520px;width:1080px;height:164px;background-image:url(images/light.png);animation:1.1s blink 1.3s alternate forwards infinite}.character{top:345px;margin-left:-423px;width:856px;height:479px;transition-duration:.45s;-webkit-transition-duration:.45s;transition-delay:.51s;-webkit-transition-delay:.51s;background-image:url(images/character.png);z-index:3}.eye{opacity:0;left:0;top:128px;width:100%;height:152px;background-image:url(images/eye.png)}.eye1{animation:5s eyeBlink1 1.7s backwards infinite}.eye2{animation:5s eyeBlink2 4.3s backwards infinite}#canvasSnowing{position:absolute;left:0;top:0;z-index:2}#flake{opacity:0}@keyframes eyeBlink1{0%{opacity:0}1.5%{opacity:1}3%{opacity:0}4.5%{opacity:1}6%{opacity:0}100%{opacity:0}}@keyframes eyeBlink2{0%{opacity:0}1.5%{opacity:1}3%{opacity:0}100%{opacity:0}}@keyframes blink{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:0}100%{opacity:1}}.loaded .intro{background-size:auto 100%}.loaded .character{opacity:1 !important}.loaded .title{opacity:1 !important;transform:matrix(1,0,0,1,0,0) !important;-webkit-transform:matrix(1,0,0,1,0,0) !important}.e-contents{position:relative;height:6728px;background:url('images/bg_container.jpg') no-repeat 50% 0}.e-contents .box1{position:absolute;width:1280px;height:2085px;z-index:0;left:50%;top:0;margin-left:-640px;box-sizing:border-box}.e-contents .box2{position:absolute;width:1280px;height:2095px;z-index:0;left:50%;top:2085px;margin-left:-640px;box-sizing:border-box}.e-contents .box3{position:absolute;width:1280px;height:2300px;z-index:0;left:50%;top:4180px;margin-left:-640px;box-sizing:border-box}.e-contents .flake{position:absolute;top:-100px;left:50%;display:block;width:1920px;margin-left:-960px;-webkit-transition:transform 7.0s cubic-bezier(0.19,1,0.22,1);transition:transform 7.0s cubic-bezier(0.19,1,0.22,1)}.e-event{width:1280px;margin:0 auto;text-align:center}.e-event .tit-section{font-size:68px;color:#fff;line-height:72px}.e-event .tit-subsection{color:#fff;font-size:48px;letter-spacing:.8px}.e-event .tit-subsection img{margin:0 20px;vertical-align:3px}.e-event .description{font-size:26px;color:#f1be1e}.e-event .period{height:44px;line-height:43px;font-size:20px;color:#1599ff;background:url(images/bg_period.png) no-repeat 50% 0}.event1{padding-top:212px}.event1 .title-box{height:515px}.event1 .period{margin:22px 0 0}.event1 .detail-box .tit-subsection{margin-bottom:18px;color:#b11616;font-size:52px;line-height:56px}.event1 .detail-box .list{margin:0 auto 71px;width:480px;height:422px}.event1 .detail-box .list li{margin-bottom:15px;line-height:22px;font-size:18px;color:#14253c;font-weight:700}.event1 .howto-box .tit-subsection{margin-bottom:32px}.event1 .howto-box .tit-subsection span{color:#f1be1e}.event1 .howto-box .list{margin:0 auto;width:1252px;height:700px;background:url(images/bg_howto.png) no-repeat 50% 0}.event1 .howto-box .list li{display:table;table-layout:fixed;box-sizing:border-box;float:left;margin-bottom:11px;padding:100px 50px 40px;width:313px;height:300px}.event1 .howto-box .list li strong{padding-bottom:8px;font-size:22px;display:table-cell;vertical-align:middle;height:52px;color:#b11616;line-height:26px}.event1 .howto-box .list li p{display:table-row;font-size:15px;color:#14253c}.event2{padding-top:100px}.event2 .board-box{padding-top:406px;height:1448px}.board-box .login{overflow:hidden;position:relative;margin:0 auto;width:868px;background:url(images/bg_login.png) no-repeat;font-weight:bold}.board-box .login p{height:80px;line-height:78px;font-size:26px;color:#fff}.board-box .login p span{color:#f1be1e}.board-box .login a{display:inline-block;margin-left:40px;width:194px;height:100%;color:#fff;vertical-align:top;background:url(images/btn_login.png) no-repeat 0 50%}.board-box .score{margin:0 auto;overflow:hidden;width:989px;height:84px;background:url(images/bg_score.png) no-repeat}.board-box .score>div{display:table;float:left;width:48%;height:80px}.board-box .score .hammer{margin-right:30px}.board-box .score .label{display:table-cell;width:44%;height:100%;vertical-align:middle;font-size:22px;color:#fff}.board-box .score .number{display:table-cell;width:40%;height:100%;vertical-align:middle;font-size:32px;color:#f1be1e;letter-spacing:1px;text-indent:-11px}.board-box .mygame{padding-top:69px}.mygame .tit-subsection{height:136px}.board-box .list{margin:0 auto;width:1017px}.board-box .list ul{overflow:hidden;margin-left:-1px}.board-box .list ul li{position:relative;float:left;margin:3px 2px 3px 3px;width:333px;height:333px}.board-box .list ul li .item-name,.pop-enhancement .step .item-name{display:block;padding-top:30px;font-size:22px;color:#300b08;line-height:26px}.board-box .list ul li .complete{z-index:2;box-sizing:border-box;position:absolute;left:0;top:0;margin-top:0;padding-top:154px;width:100%;height:100%;background:url('images/img_complete.png') no-repeat}.board-box .list ul li .complete strong{display:block;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);color:#fff;font-size:22px;margin-left:-8px}.board-box .list a{display:block}.step .item{display:block;padding-top:76px;width:100%;background-repeat:no-repeat;background-position:50% 47px}.step0 .item{background-image:url(images/bg_step0.png)}.step1 .item{background-image:url(images/bg_step1.png)}.step2 .item{background-image:url(images/bg_step2.png)}.step3 .item{background-image:url(images/bg_step3.png)}.step4 .item{background-image:url(images/bg_step4.png)}.step5 .item{background-image:url(images/bg_step5.png)}.event3{padding-top:176px}.event3 .tit-section{margin-bottom:22px}.event3 .santa-box{position:relative;padding-top:672px}.event3 .santa-box .reward{overflow:hidden;box-sizing:border-box;height:195px;padding:47px 30px 0}.event3 .santa-box .reward .item{float:left}.event3 .santa-box .reward .item strong{display:block;font-size:26px;color:#1599ff;margin-bottom:22px}.event3 .santa-box .reward .item img{float:left}.event3 .santa-box .reward .item .item-name{display:flex;float:left;margin-left:10px;color:#fff;font-size:20px;text-align:left;align-items:center;height:64px;line-height:24px}.event3 .santa-box .reward strong span{color:#f1be1e}.event3 .santa-box .reward .buttons{float:right;margin-top:16px}.event3 .santa-box .reward .buttons button{display:inline-block;margin:0 6px;padding-bottom:6px;width:228px;height:64px;color:#fff;font-size:22px;font-weight:bold;vertical-align:top;background:url(images/btn_receive.png) no-repeat 0 100%}.event3 .santa-box .reward .buttons button:disabled{background-position:100% 100%;color:#b4b4b4}.event3 .tears{position:absolute;left:328px;top:667px;width:628px;height:1000px;background:url(images/tears.png) no-repeat}.event3 .tears.status1{background-image:url(images/tears1.png)}.event3 .tears.status2{background-image:url(images/tears2.png)}.event3 .tears.status3{background-image:url(images/tears3.png)}.event3 .tears.status4{background-image:url(images/tears4.png)}.event3 .tears.status5{background-image:url(images/tears5.png)}.notice-box{margin:0 auto;padding:156px 0 42px;width:1280px}.notice-box h5{padding-bottom:10px;color:#1599ff;font-size:20px}.notice-box p{color:#7086a4;font-size:15px}.quick{position:absolute;right:38px;top:1300px;z-index:10;width:170px;height:300px;-webkit-transition:top 1s ease-in-out;transition:top 1s ease-in-out;background:url('images/bg_quick.png') no-repeat}.quick ul{padding:71px 20px 6px;text-align:center}.quick ul li{margin-bottom:4px;vertical-align:middle;display:flex;-webkit-display:flex;align-items:center}.quick ul li:first-child{height:38px}.quick ul li:first-child+li{height:50px}.quick ul li:first-child+li+li{height:62px}.quick ul li a{display:inline-block;width:100%;color:#c6bda8;font-size:15px;font-weight:bold;word-break:break-all}.quick ul li a:hover,.quick ul li a.active{color:#f1be1e}.quick .btn-top{display:block;box-sizing:border-box;margin:0 auto;padding-top:8px;width:140px;height:46px;font-size:18px;color:#fff3d9;text-align:center;background:url('images/btn_top.png') no-repeat}.quick .btn-top:hover{background-position:0 100%}.pop-enhancement{display:none;position:absolute;z-index:20;left:50%;margin-left:-460px;width:919px;height:837px;box-sizing:border-box;padding:110px 0 0 0;text-align:center;background:url(images/bg_popup.png) no-repeat}.pop-enhancement h5{margin-left:-10px;margin-bottom:12px;color:#b11616;font-size:52px;line-height:56px}.pop-enhancement .reach{margin-left:-29px;font-size:34px;color:#300b08}.pop-enhancement .myhammer{position:absolute;left:319px;top:288px;width:91px;color:#b11616;font-size:40px;text-align:center}.pop-enhancement .step .item{margin:11px 0 83px 452px;width:333px;height:170px}.pop-enhancement .step .item-name{padding-top:24px}.gauge{padding-left:106px}.gauge .bar{width:0;height:58px;background:url(images/gauge.png) repeat-x}.step1 .bar{width:140px}.step2 .bar{width:280px}.step3 .bar{width:420px}.step4 .bar{width:560px}.step5 .bar{width:700px}.pop-enhancement .complete{z-index:2;box-sizing:border-box;position:absolute;left:328px;top:226px;margin-top:0;padding-top:122px;width:256px;height:256px;background:url('images/img_complete2.png') no-repeat}.pop-enhancement .complete strong{display:block;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);color:#fff;font-size:38px}.pop-enhancement .buttons{margin-top:41px}.pop-enhancement .buttons button{display:inline-block;margin:0 6px;padding-bottom:4px;width:244px;height:64px;color:#fff;font-size:22px;font-weight:bold;vertical-align:top;background:url(images/btn_receive.png) no-repeat}.pop-enhancement .buttons button:disabled{background-position:100% 0;color:#b4b4b4}.pop-close{position:absolute;right:-50px;top:48px;width:60px;height:59px;line-height:0;font-size:0;background:url(images/btn_close.png) no-repeat}.pop-close:hover{background-position:0 100%}.e-shadow{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:19;background:#000;opacity:.6;display:none}.motion{opacity:0;position:absolute;left:155px;top:73px;width:577px;height:563px}.motion .pop{position:absolute;left:0;top:0;width:577px;height:563px;background:url('images/pop.png') no-repeat}.motion .hammer{opacity:0;position:absolute;left:158px;top:140px;width:258px;height:274px;background:url('images/hammer.png') no-repeat;transform:matrix(1,0,0,1,0,-20) rotate(-30deg);-webkit-transform:matrix(1,0,0,1,0,-20) rotate(-30deg);-ms-transition:all .15s .15s ease;-webkit-transition:all .15s .15s ease;transition:all .15s .15s ease}.motion .hit{opacity:0;position:absolute;left:406px;top:156px;width:70px;height:104px;background:url('images/hit.png') no-repeat;-ms-transition:all .25s .2s ease;-webkit-transition:all .25s .2s ease;transition:all .25s .2s ease}.action{opacity:1}.action.motion .pop{animation:.8s .1s beating}.action.motion .hammer{opacity:1;-webkit-transform:matrix(1,0,0,1,0,0) rotate(0);transform:matrix(1,0,0,1,0,0) rotate(0)}.action.motion .hit{opacity:1}@keyframes beating{0%{transform:scale(1)}25%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}100%{transform:scale(1)}}html[lang='de'] .title{background-image:url('images/title_de.png')}html[lang='fr'] .title{background-image:url('images/title_fr.png')}html[lang='de'] .e-event .period{font-size:19px}html[lang='fr'] .e-event .period{font-size:18px}html[lang='de'] .event1 .howto-box .list li,html[lang='fr'] .event1 .howto-box .list li{padding-left:36px;padding-right:36px}html[lang='fr'] .event1 .detail-box .tit-subsection{font-size:46px}