*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}::before,::after{pointer-events:none}html{width:100%;height:100%;font-size:clamp(0px,.5050505051vw,10px);font-weight:300}@media screen and (max-width: 768px){html{font-size:clamp(0px,1.0204081633vw,10px)}}body{position:relative;width:100%;background:#000;color:#fff;color:#fff;font-family:"Noto Sans TC",Helvetica,sans-serif;font-size:62.5%;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}main{overflow:hidden}section{position:relative;z-index:0;margin:0 auto 5%}h1,h2,h3,h4{margin:0;padding:0}a{display:inline-block;text-decoration:none}a:link,a:hover,a:active{color:#fff}a:visited{color:#fff}a:focus{outline:none}a img{width:100%;height:auto}img{max-width:100%;height:auto;border-style:none;vertical-align:top}li{list-style:none}sup{top:-0.7em}sub,sup{font-size:60%}#cboxLoadedContent,#cboxContent{background:rgba(0,0,0,0) !important}#cboxOverlay{background-color:#000}#cboxClose{position:absolute;top:-30px;right:0;display:block;width:30px;height:auto;padding-top:30px;background:url(../images/colorbox/button-close.png) no-repeat 0 0;background-size:100% auto;font-size:0;-webkit-transition:opacity .3s;transition:opacity .3s;cursor:pointer}#cboxClose:hover{background-position:0 0;opacity:.8}#cboxNext,#cboxPrevious{position:absolute;top:50%;left:50%;display:block;width:67px;height:auto;padding-top:67px;background-size:99% 99% !important;font-size:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .3s;transition:opacity .3s;cursor:pointer}@media(max-width: 768px){#cboxNext,#cboxPrevious{position:fixed !important;width:17.4479166667%;padding-top:17.4479166667%;-webkit-transform:translate(0, -50%) !important;transform:translate(0, -50%) !important}}#cboxNext:hover,#cboxPrevious:hover{opacity:.8}#cboxNext{margin-left:480px;background:url(../images/colorbox/button-arrow.png) no-repeat 50% 50%}@media(max-width: 1100px){#cboxNext{margin-left:418px}}@media(max-width: 768px){#cboxNext{left:auto;right:0;margin-left:0}}#cboxPrevious{margin-left:-480px;background:url(../images/colorbox/button-arrow.png) no-repeat 50% 50%}@media(max-width: 1100px){#cboxPrevious{margin-left:-418px}}@media(max-width: 768px){#cboxPrevious{left:0;margin-left:0}}.spOnly{display:none}.arcadeOnly{display:none !important}@media screen and (max-width: 768px){.pcOnly{display:none}.spOnly{display:block}}.is-cf:before{content:"";display:table}.is-cf:after{content:"";clear:both;display:table}.clear{clear:both}.is-cf::after{content:" ";clear:both;display:block;height:0;line-height:0;visibility:hidden}.inner{max-width:1200px;margin:0 auto}.loadWrap{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:-webkit-linear-gradient(321deg, #000000 0%, #270101 5%, #040725 10%, #000000 15%);background:linear-gradient(129deg, #000000 0%, #270101 5%, #040725 10%, #000000 15%);background-color:#000;background-size:800% 800%;font-weight:400}@-webkit-keyframes textAnimte{0%{opacity:0}3%{opacity:0}4%{opacity:1}60%{opacity:1}61%{opacity:0}100%{opacity:0}}@keyframes textAnimte{0%{opacity:0}3%{opacity:0}4%{opacity:1}60%{opacity:1}61%{opacity:0}100%{opacity:0}}.loadWrap .text{position:absolute;top:50%;left:0;z-index:1;width:100%;color:#fff;font-family:system-ui;font-weight:lighter;text-align:center;opacity:.8}.loadWrap .text.text01{font-size:30px;letter-spacing:8px;-webkit-transform:translate(0, -110%);transform:translate(0, -110%)}@media screen and (max-width: 768px){.loadWrap .text.text01{font-size:5rem;letter-spacing:1rem}}.loadWrap .text.text02{font-size:18px;letter-spacing:5px;-webkit-transform:translate(0, 80%);transform:translate(0, 80%)}@media screen and (max-width: 768px){.loadWrap .text.text02{font-size:3rem;letter-spacing:.8rem}}.loadWrap .text.text02 span{opacity:0}.loadWrap .text.text02 span:nth-child(1){-webkit-animation:textAnimte 2s .2s infinite;animation:textAnimte 2s .2s infinite}.loadWrap .text.text02 span:nth-child(2){-webkit-animation:textAnimte 2s .4s infinite;animation:textAnimte 2s .4s infinite}.loadWrap .text.text02 span:nth-child(3){-webkit-animation:textAnimte 2s .6s infinite;animation:textAnimte 2s .6s infinite}@-webkit-keyframes steam_Move{0%{left:-100%;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:rotateY(40deg);transform:rotateY(40deg);-webkit-transform:scale(1.2);transform:scale(1.2)}66%{-webkit-transform:rotateY(2deg);transform:rotateY(2deg);-webkit-transform:scaleY(1);transform:scaleY(1)}100%{left:100%;-webkit-transform:rotateY(50deg);transform:rotateY(50deg);-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}@keyframes steam_Move{0%{left:-100%;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:rotateY(40deg);transform:rotateY(40deg);-webkit-transform:scale(1.2);transform:scale(1.2)}66%{-webkit-transform:rotateY(2deg);transform:rotateY(2deg);-webkit-transform:scaleY(1);transform:scaleY(1)}100%{left:100%;-webkit-transform:rotateY(50deg);transform:rotateY(50deg);-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}}.loadWrap .steam{position:absolute;left:-100%;z-index:10}.loadWrap .steam.steam01{bottom:-50%;width:900px;-webkit-filter:blur(3px);filter:blur(3px);opacity:.5;-webkit-transition:all 1s;transition:all 1s;-webkit-animation:steam_Move 20s -20s infinite linear;animation:steam_Move 20s -20s infinite linear}.loadWrap .steam.steam01 img{max-width:1000%}.loadWrap .steam.steam02{bottom:-50%;width:1000px;-webkit-filter:blur(4px);filter:blur(4px);opacity:.4;-webkit-transition:all 3s 5s;transition:all 3s 5s;-webkit-animation:steam_Move 28s -15s infinite linear;animation:steam_Move 28s -15s infinite linear}.loadWrap .steam.steam02 img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.loadWrap .steam.steam03{bottom:-30%;width:1200px;-webkit-filter:blur(5px);filter:blur(5px);opacity:.4;-webkit-transition:all 1s -5s;transition:all 1s -5s;-webkit-animation:steam_Move 35s -10s infinite linear;animation:steam_Move 35s -10s infinite linear}.loadWrap .steam.steam03 img{-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.loadWrap .move{position:absolute;top:340px;left:350px;z-index:3;-webkit-transition:all 1s;transition:all 1s;-webkit-animation:steam_Move 18s infinite linear;animation:steam_Move 18s infinite linear}.logoUpperWrap{background-color:rgba(0,0,0,.4)}.logoUpperWrap .mainLogo{display:block;width:13.5416666667%;margin:auto;padding-top:1%}@media screen and (max-width: 1200px){.logoUpperWrap .mainLogo{width:18.9583333333%}}@media screen and (max-width: 768px){.logoUpperWrap .mainLogo{width:20.8163265306%;}}.logoUpperWrap .spMenuPslogo{display:block;width:7.7083333333%;margin:auto;padding:1% 0}@media screen and (max-width: 1200px){.logoUpperWrap .spMenuPslogo{width:8.75%}}@media screen and (max-width: 768px){.logoUpperWrap .spMenuPslogo{width:13.2653061224%;padding:2% 0}}.commonMenu{position:-webkit-sticky;position:sticky;top:0;z-index:100}.commonMenu .commonMenuBg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;overflow:hidden}.commonMenu .commonMenuBg:before,.commonMenu .commonMenuBg:after{content:"";position:absolute;top:0;z-index:-1;width:100vw;height:100%}.commonMenu .commonMenuBg:before{right:50%;background-color:rgba(0,0,0,.6);-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}.commonMenu .commonMenuBg:after{left:50%;background-color:rgba(255,255,255,.6);-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}.commonMenu .commonMenuInner{position:relative;z-index:0;width:100%;margin:auto}.commonMenu .commonMainLogo{display:block;width:8.90625%;margin:auto;padding:1% 0;-webkit-transition:width .15s;transition:width .15s}@media screen and (max-width: 980px){.commonMenu .commonMainLogo{width:12.46875%}}@media screen and (max-width: 768px){.commonMenu .commonMainLogo{width:17.9591836735%}}@media screen and (min-width: 981px){.commonMenu .commonMenuInner.scrollOn .commonMainLogo{width:7.125%}.commonMenu .commonMenuInner.scrollOn .menuButtons{width:23.75%}}.commonMenu .menuButtons{position:absolute;top:50%;left:50%;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:29.6875%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width .15s;transition:width .15s}@media screen and (max-width: 980px){.commonMenu .menuButtons{position:absolute;top:0;left:50%;z-index:0;display:block;width:100%;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.commonMenu .menuButtons .menuButtonWrap{position:relative;z-index:0;width:27.3684210526%}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}}.commonMenu .menuButtons .menuButtonWrap .logo{display:block}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap .logo{position:absolute;top:15%;z-index:0;-webkit-transform:translate(0);transform:translate(0)}}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .logo{width:90%;margin:0 auto 2%;-webkit-transform:translateY(-15%);transform:translateY(-15%)}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu{cursor:pointer}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01{width:18.3673469388%;pointer-events:none}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .logo{left:10%;width:42.7777777778%}}@media screen and (max-width: 980px)and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .logo{left:13%;width:61.1111111111%}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu:not(.-sp){display:none}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:11.1111111111%;z-index:1005;display:none;width:22.2222222222%;margin-top:-1px;padding-top:13.8888888889%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 400ms;transition:all 400ms;cursor:pointer}}@media screen and (max-width: 980px)and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp{left:17.7777777778%;width:35.5555555556%;padding-top:22.2222222222%}}@media screen and (max-width: 980px)and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp{display:block}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp span{position:absolute;left:0;width:100%;height:2px;background:#fff;-webkit-transition:all 400ms;transition:all 400ms}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp span:nth-child(1){top:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp span:nth-child(3){bottom:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp.open span:nth-child(1){top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp.open span:nth-child(2){opacity:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons01 .menu.-sp.open span:nth-child(3){top:50%;bottom:auto;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu{cursor:pointer}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02{left:initial;right:0;width:18.3673469388%;pointer-events:none}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .logo{right:12%;width:42.7777777778%}}@media screen and (max-width: 980px)and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .logo{right:16%;width:61.1111111111%}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu:not(.-sp){display:none}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;right:11.1111111111%;z-index:1005;display:none;width:22.2222222222%;margin-top:-1px;padding-top:13.8888888889%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 400ms;transition:all 400ms;cursor:pointer}}@media screen and (max-width: 980px)and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp{right:17.7777777778%;width:35.5555555556%;padding-top:22.2222222222%}}@media screen and (max-width: 980px)and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp{display:block}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp span{position:absolute;left:0;width:100%;height:2px;background:#000;-webkit-transition:all 400ms;transition:all 400ms}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp span:nth-child(1){top:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp span:nth-child(3){bottom:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp.open span:nth-child(1){top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp.open span:nth-child(2){opacity:0}.commonMenu .menuButtons .menuButtonWrap.menuButtons02 .menu.-sp.open span:nth-child(3){top:50%;bottom:auto;-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%)}}.commonMenu .menuButtons .menuButtonWrap.menuButtons03{cursor:pointer}@media screen and (min-width: 769px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03{display:none}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03{position:absolute;top:60%;left:10%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:13.7142857143%;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (max-width: 980px)and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03{left:15%;width:19.5918367347%}}.commonMenu .menuButtons .menuButtonWrap.menuButtons03 img{display:block}.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem{position:absolute;top:100%;left:0;display:none;width:100%;font-size:1.6rem;text-align:center}@media screen and (max-width: 768px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem{font-size:2.5rem}}@media screen and (max-width: 414px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem{font-size:3rem}}.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li{width:100%;border:2px solid #000}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li{border:2px solid #fff}}.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li a{display:block;background-color:rgba(255,255,255,.8);color:#000;font-size:2rem;font-weight:400;text-align:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li a{background-color:rgba(0,0,0,.3);color:#fff}}@media screen and (min-width: 769px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li a:hover{background-color:rgba(255,255,255,.8);color:#000}}@media screen and (min-width: 981px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li a:hover{background-color:rgba(0,0,0,.8);color:#fff}}@media screen and (max-width: 980px){.commonMenu .menuButtons .menuButtonWrap.menuButtons03 .langItem li a{font-size:3rem}}.commonMenu header{position:relative !important;display:none}@media screen and (max-width: 980px){.commonMenu header{display:block !important}.commonMenu header#headersteam .headerInner .hedLogoWrap,.commonMenu header#headersteam .headerInner .langWrap,.commonMenu header#headerArcade .headerInner .hedLogoWrap:not(.-spMenu),.commonMenu header#headersteam::after,.commonMenu header#headerArcade::after{display:none}.commonMenu header#headersteam .btnHedMenuSp,.commonMenu header#headerArcade .btnHedMenuSp{top:-5vw;width:4.0816326531%;padding-top:2.5510204082%;-webkit-transform:translateY(0);transform:translateY(0)}.commonMenu header#headersteam .btnHedMenuSp{left:4.0816326531%;right:auto}.commonMenu header#headerArcade .btnHedMenuSp{right:4.0816326531%}}@media screen and (min-width: 981px){.commonMenu header.scrollOn#headersteam .btnHedMenuSp,.commonMenu header.scrollOn#headerArcade .btnHedMenuSp{top:-5.8vw}}@media screen and (max-width: 768px){.commonMenu header#headersteam .btnHedMenuSp,.commonMenu header#headerArcade .btnHedMenuSp{top:-7vw;width:6.5306122449%;padding-top:4.0816326531%}.commonMenu header#headersteam .btnHedMenuSp{left:5.306122449%}.commonMenu header#headerArcade .btnHedMenuSp{right:5.306122449%}}header#headersteam{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#121212;background-image:-webkit-gradient(linear, left bottom, left top, from(#010101), color-stop(77%, #222222));background-image:-webkit-linear-gradient(bottom, #010101 0%, #222222 77%);background-image:linear-gradient(0deg, #010101 0%, #222222 77%)}header#headersteam::after{content:"";display:block;height:1px;background:-webkit-gradient(linear, left top, right top, from(#ead7a5), to(#96773f));background:-webkit-linear-gradient(left, #ead7a5 0%, #96773f 100%);background:linear-gradient(to right, #ead7a5 0%, #96773f 100%)}@media screen and (max-width: 768px){header#headersteam::after{height:.4rem}}@media screen and (min-width: 981px){header#headersteam.scrollOn .headerInner{width:80%}}@media screen and (min-width: 981px){header#headersteam.scrollOn .headerInner .headText{font-size:2rem}}header#headersteam .menuLayer{display:none}@media screen and (min-width: 769px)and (max-width: 980px){header#headersteam .menuLayer{position:fixed;top:0;left:0;z-index:2;width:100vw;height:100vh;background-color:rgba(0,0,0,.3)}}header#headersteam .headerInner{position:relative;z-index:0;width:100%;margin:auto;-webkit-transition:width .15s;transition:width .15s}header#headersteam .headerInner .item{position:absolute;top:50%;z-index:1;display:block;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header#headersteam .headerInner .hedLogoWrap{left:6%;width:3.7vw}@media screen and (max-width: 980px){header#headersteam .headerInner .hedLogoWrap{position:relative;top:auto;width:5vw;padding:.5% 0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@media screen and (max-width: 768px){header#headersteam .headerInner .hedLogoWrap{width:9vw}}header#headersteam .headerInner .hedLogoWrap img{display:block}header#headersteam .headerInner .snsWrap{right:1%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:9.375%}header#headersteam .headerInner .snsWrap a{margin:0 8%}@media screen and (max-width: 980px){header#headersteam .headerInner .snsWrap{position:relative;top:auto;right:0;width:100%;padding-left:3%;-webkit-transform:translate(0, 0);transform:translate(0, 0)}header#headersteam .headerInner .snsWrap a{width:9.4897959184%;margin:4% 2%}} header#headersteam .headerInner .headText { right: 19%; font-size: 2.5rem; }@media screen and (max-width: 1200px){ header#headersteam .headerInner .headText{font-size:16px}}@media screen and (max-width: 768px){ header#headersteam .headerInner .headText{right: 31%; font-weight: bold;}} @media screen and (max-width: 414px){ header#headersteam .headerInner .headText{font-size: 3rem}}header#headersteam .headerInner .langWrap{right:11%;width:6.25%;cursor:pointer}header#headersteam .headerInner .langWrap img{display:block;width:100%}@media screen and (max-width: 980px){header#headersteam .headerInner .langWrap{right:7.6530612245%;width:10.2040816327%}}@media screen and (max-width: 768px){header#headersteam .headerInner .langWrap{right:12.2448979592%;width:16.3265306122%}}header#headersteam .headerInner .langWrap li{width:100%;border:2px solid #fff}header#headersteam .headerInner .langWrap li a{display:block;background-color:#000;color:#fff;font-size:2rem;text-align:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}@media screen and (min-width: 769px){header#headersteam .headerInner .langWrap li a:hover{background-color:rgba(255,255,255,.8);color:#000}}@media screen and (max-width: 980px){header#headersteam .headerInner .langWrap li a{font-size:3rem}}header#headersteam .headerInner .langWrap .langItem{position:absolute;top:100%;left:0;display:none;width:100%;font-size:1.6rem;text-align:center}@media screen and (max-width: 768px){header#headersteam .headerInner .langWrap .langItem{font-size:2.5rem}}@media screen and (max-width: 414px){header#headersteam .headerInner .langWrap .langItem{font-size:3rem}}@media screen and (max-width: 980px){header#headersteam .headerInner .hedMenuWrap{position:fixed;top:0;left:-100vw;z-index:999;width:40vw;height:100vh;border-right:1px solid #ead7a5;background:rgba(0,0,0,.8);overflow:auto;-webkit-transition:all .6s;transition:all .6s}header#headersteam .headerInner .hedMenuWrap.nav-open{left:0}}@media screen and (max-width: 768px){header#headersteam .headerInner .hedMenuWrap{width:100vw}}header#headersteam .headerInner .menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:496px;width:25.8333333333%;margin:auto;padding:1% 0}@media screen and (max-width: 980px){header#headersteam .headerInner .menu{display:block;width:94%}}@media screen and (max-width: 980px){header#headersteam .headerInner .menu li{background:url(/revo/assets/images/header/infomenu-arrowl.png) no-repeat;background-position:right 5% center;background-size:auto 50%}}header#headersteam .headerInner .menu a,header#headersteam .headerInner .menu span{position:relative;z-index:0;display:block}header#headersteam .headerInner .menu a:before,header#headersteam .headerInner .menu a:after,header#headersteam .headerInner .menu span:before,header#headersteam .headerInner .menu span:after{content:"";position:absolute;left:0;z-index:1;width:100%}header#headersteam .headerInner .menu a:before,header#headersteam .headerInner .menu span:before{top:0;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}@media screen and (max-width: 980px){header#headersteam .headerInner .menu a:before,header#headersteam .headerInner .menu span:before{background-position:left 50%;background-size:auto 100%}}header#headersteam .headerInner .menu a:after,header#headersteam .headerInner .menu span:after{bottom:-0.3rem;display:none;height:.3rem;background:-webkit-gradient(linear, left top, right top, from(#ead7a5), to(#96773f));background:-webkit-linear-gradient(left, #ead7a5 0%, #96773f 100%);background:linear-gradient(to right, #ead7a5 0%, #96773f 100%)}@media screen and (max-width: 980px){header#headersteam .headerInner .menu a:after,header#headersteam .headerInner .menu span:after{display:block}}@media screen and (max-width: 980px){header#headersteam .headerInner .menu a img,header#headersteam .headerInner .menu span img{width:auto;height:5.7vw}}@media screen and (max-width: 768px){header#headersteam .headerInner .menu a img,header#headersteam .headerInner .menu span img{height:11.7vw}}header#headersteam .headerInner .menu li.active a:before{opacity:1}header#headersteam .headerInner .menu li.active img{opacity:0}@media screen and (min-width: 769px){header#headersteam .headerInner .menu a:hover:before{opacity:1}}header#headersteam .headerInner .menu li:nth-child(1) a:before{background-image:url(/revo/assets/images/header/steam-gn-top-on.png)}header#headersteam .headerInner .menu li:nth-child(2) a:before{background-image:url(/revo/assets/images/header/steam-gn-news-on.png)}header#headersteam .headerInner .menu li:nth-child(3) a:before{background-image:url(/revo/assets/images/header/steam-gn-chara-on.png)}header#headersteam .headerInner .menu li:nth-child(4) a:before{background-image:url(/revo/assets/images/header/steam-gn-gamemode-on.png)}header#headersteam .headerInner .menu li:nth-child(5) a:before{background-image:url(/revo/assets/images/header/steam-gn-dlc-on.png)}header#headersteam .siteTitle{display:none}@media screen and (max-width: 980px){header#headersteam .siteTitle{display:block}}header#headersteam .siteTitle .mainLogo{display:block;width:44.4897959184%;margin:auto;}header#headersteam .siteTitle .spMenuPslogo{display:block;width:23.0612244898%;margin:auto;padding-top:2%}header#headersteam .btnHedMenuSp{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;right:2.0408163265%;z-index:1005;display:none;width:4.0816326531%;margin-top:-1px;padding-top:2.5510204082%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 400ms;transition:all 400ms;cursor:pointer}@media screen and (max-width: 768px){header#headersteam .btnHedMenuSp{right:3.2653061224%;width:6.5306122449%;padding-top:4.0816326531%}}@media screen and (max-width: 980px){header#headersteam .btnHedMenuSp{display:block}}header#headersteam .btnHedMenuSp span{position:absolute;left:0;width:100%;height:2px;background:#fff;-webkit-transition:all 400ms;transition:all 400ms}header#headersteam .btnHedMenuSp span:nth-child(1){top:0}header#headersteam .btnHedMenuSp span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header#headersteam .btnHedMenuSp span:nth-child(3){bottom:0}header#headersteam .btnHedMenuSp.open span:nth-child(1){top:50%;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}header#headersteam .btnHedMenuSp.open span:nth-child(2){opacity:0}header#headersteam .btnHedMenuSp.open span:nth-child(3){bottom:calc(50% - 1px);-webkit-transform:rotate(-45deg) translateY(50%);transform:rotate(-45deg) translateY(50%)}.PageTitle{margin-top:6%;text-align:center}.PageTitle .titleImg{max-width:630px;width:54%}@media screen and (max-width: 768px){.PageTitle .titleImg{max-width:630px;width:80%}}.-hover01{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}@media screen and (min-width: 769px){.-hover01:hover{-webkit-filter:brightness(1.75);filter:brightness(1.75)}}.-hover02{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s, -webkit-filter .2s}@media screen and (min-width: 769px){.-hover02:hover{-webkit-filter:brightness(1.25);filter:brightness(1.25)}}.-buttonStyle01{font-size:0}.-buttonStyle01:before{content:"";position:absolute;top:.2083333333vw;left:.2083333333vw;z-index:-1;width:100%;height:100%;background-color:#c00101}@media screen and (max-width: 768px){.-buttonStyle01:before{top:.8163265306vw;left:.8163265306vw}}.-buttonStyle01 img{-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s, -webkit-transform .1s}.-buttonStyle01:hover img{-webkit-transform:translate(0.2083333333vw, 0.2083333333vw);transform:translate(0.2083333333vw, 0.2083333333vw)}@media screen and (max-width: 768px){.-buttonStyle01:hover img{-webkit-transform:translate(0.8163265306vw, 0.8163265306vw);transform:translate(0.8163265306vw, 0.8163265306vw)}}.-animeTarget[data-anime=fadeIn]{opacity:0}body.-loaded:not(.topPage) .pageTitle{-webkit-animation:stamp .2s .1s forwards cubic-bezier(1, -0.02, 0, 1.06);animation:stamp .2s .1s forwards cubic-bezier(1, -0.02, 0, 1.06)}body.-loaded:not(.topPage) .secInner{-webkit-animation:fadeInUp .2s .8s forwards;animation:fadeInUp .2s .8s forwards}body.-loaded:not(.topPage) .pageLinksWrap{-webkit-animation:fadeInUp .2s .8s forwards;animation:fadeInUp .2s .8s forwards}@-webkit-keyframes widthAnime01{0%{width:100%}100%{width:0}}@keyframes widthAnime01{0%{width:100%}100%{width:0}}@-webkit-keyframes widthAnime02{0%{width:0}100%{width:100%}}@keyframes widthAnime02{0%{width:0}100%{width:100%}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(5vw);transform:translateY(5vw);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{-webkit-transform:translateY(5vw);transform:translateY(5vw);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes shakeAnime{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}50%{-webkit-transform:translate(0px, 3px);transform:translate(0px, 3px)}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}@keyframes shakeAnime{0%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}50%{-webkit-transform:translate(0px, 3px);transform:translate(0px, 3px)}100%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}@-webkit-keyframes stamp{0%{-webkit-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes stamp{0%{-webkit-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}body:not(.topPage) #footer{margin-top:20%}@media screen and (max-width: 768px){body:not(.topPage) #footer{margin-top:40%}}#footer{position:relative;z-index:10;margin-top:auto;padding-top:2px;background:#000;color:#fff;font-size:12px}#footer .inner{width:98%;margin:auto}#footer .contentsInner{padding:4% 4% 12%}@media screen and (max-width: 768px){#footer .contentsInner{padding-bottom:20%}}#footer .ftplatform{padding:2% 0;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center}@media screen and (max-width: 768px){#footer .ftplatform{padding:3% 0}}#footer .ftplatform img{max-width:226px;width:14%}@media screen and (max-width: 768px){#footer .ftplatform img{width:20%}}#footer .ftCont,#footer .ftTxtbox li{margin-bottom:1%}#footer .ftCont:last-child,#footer .ftTxtbox li:last-child{margin-bottom:0}#footer .ftLink{margin-top:3%}@media screen and (max-width: 768px){#footer .ftLink{margin-top:8%}}#footer .ftCont{margin:15px 0 0}#footer .ftSega{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin:0}@media screen and (max-width: 768px){#footer .ftSega{margin:0}}#footer .ftSega li{margin-bottom:0;padding:0 10px;vertical-align:bottom}@media screen and (max-width: 768px){#footer .ftSega li{padding:0 8px}}#footer .ftSega li a{display:inline}#footer .ftSega li:nth-child(1),#footer .ftSega li:nth-child(2){vertical-align:bottom}#footer .ftSega li .sega-logo{width:140px}#footer .ftSega li .am2-logo{width:125px}#footer .ftSega li .criware-logo{width:60px}#footer .ftSega li .allnet-logo{width:160px}@media screen and (max-width: 500px){#footer .ftSega li .sega-logo{width:94px}#footer .ftSega li .criware-logo{width:39px}#footer .ftSega li .allnet-logo{width:106px}}#footer .ftTxtbox{padding:20px 10px 70px}#footer .ftTxtbox a:link,#footer .ftTxtbox a:hover,#footer .ftTxtbox a:active,#footer .ftTxtbox a:visited{color:#fff}#footer .ftTxtbox a:focus{outline:none}#footer .ftTxtbox .ftLink a{margin:0 2% 0 0}@media screen and (max-width: 768px){#footer .ftTxtbox .ftLink a{margin:0 2% 5% 0}}#footer .ftTxtbox .ftLink a:hover{text-decoration:underline}#footer .ftTxtbox .ftLink a:last-child{margin-right:0}#footer .ftendTxtbox li .psImg{display:inline-block;padding:0 10px}#footer .ftendTxtbox li .psImg img{height:15px;vertical-align:middle}#footer .ftendTxtbox li .steamImg img{height:12px}#footer .ftendTxtbox li.psTxt{position:relative;line-height:2.5}#footer .ftLangLink{display:inline-block;margin:1.5% 0 0;padding:.5%}#footer .ftLangLink a{display:inline-block;text-decoration:underline}.pagetop{position:fixed;right:0;bottom:0;z-index:100;width:64px;text-align:center;visibility:visible}.pagetop span{display:block;height:100%;padding:12px 0;background-color:rgba(0,0,0,.8);-webkit-transition:background-color .2s;transition:background-color .2s;cursor:pointer}@media screen and (min-width: 769px){.pagetop span:hover{background-color:#cf1e0c}}.pagetop svg{width:62px;height:36px;-webkit-transform:scale(0.5);transform:scale(0.5)}.sectionLink.charaNone .charalinkBtn{display:none}.sectionLink{margin:0 auto 5%;padding-bottom:1%;border-bottom:#fff 1px solid;background-color:rgba(0,0,0,.6)}@media screen and (max-width: 769px){.sectionLink{padding-bottom:2%}}.sectionLink.-bottom{margin:2% auto 0;border-top:#fff 1px solid}.sectionLink .linkArea{max-width:1024px;margin:0 auto;padding-top:10px;font-weight:bold;text-align:center}.sectionLink .linkArea .linkTitle{font-size:15px;text-align:center}@media screen and (max-width: 769px){.sectionLink .linkArea .linkTitle{font-size:3rem}}.sectionLink .linkArea ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1.5%}.sectionLink .linkArea ul li{width:23%;margin:1px}@media screen and (max-width: 769px){.sectionLink .linkArea ul li{width:32%}}.sectionLink .linkArea ul li a{border:#fff 1px solid}.sectionLink .linkArea .charalinkBtn{margin:0 auto}@media screen and (max-width: 769px){.sectionLink .linkArea .charalinkBtn{width:50%}}@media screen and (max-width: 769px){.ftTxtbox{padding:20px 10px 110px}}.logoUpperWrap{background-color:rgba(255,255,255,.7)}@media screen and (max-width: 769px){#footer .ftTxtbox{padding:20px 10px 170px}}.logoUpperWrap{background-color:rgba(255,255,255,.7)}@media screen and (max-width:768px){.banners{display:block !important;padding:0 16% 16% 16% !important;}.banners img{margin-top:8% !important;}}@media screen and (max-width:980px){.banners{display:block !important;padding:0 16% 16% 16% !important;}.banners img{margin-top:8% !important;}}.newMenu{display:flex;justify-content:center;max-width:610px;width:31.7708333333%;margin:0 auto;padding:1% 0;}.newMenu a,.newMenu span{position:relative;z-index:0;display:block;}.newMenu a:before,.newMenu a:after,.newMenu span:before,.newMenu span:after{content:"";position:absolute;left:0;z-index:1;width:100%;}.newMenu a:before,.newMenu span:before{top:0;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;opacity:0;transition:opacity 0.2s;}@media screen and (max-width:980px){.newMenu{display:flex;flex-direction:column;width:94%;}.newMenu li{background:url(/revo/assets/images/header/infomenu-arrowl.png) no-repeat;background-position:right 5% center;background-size:auto 50%;}.newMenu a:before,.newMenu span:before{background-position:left 50%;background-size:auto 100%;}.newMenu a:after,.newMenu span:after{display:block;}.newMenu a img,.newMenu span img{width:auto;height:5.7vw;}}.newMenu a:after,.newMenu span:after{bottom:-0.3rem;display:none;height:0.3rem;background:linear-gradient(to right,#ead7a5 0%,#96773f 100%);}@media screen and (max-width:768px){.newMenu a img,.newMenu span img{height:11.7vw;}}.newMenu li.active a:before{opacity:1;}.newMenu li.active img{opacity:0;}@media screen and (min-width:769px){.newMenu a:hover:before{opacity:1;}}.newMenu li:nth-child(1) a:before{background-image:url(/revo/assets/images/header/steam-gn-top-on.png);}.newMenu li:nth-child(2) a:before{background-image:url(/revo/assets/images/header/steam-gn-news-on.png);}.newMenu li:nth-child(3) a:before{background-image:url(/revo/assets/images/header/steam-gn-chara-on.png);}.newMenu li:nth-child(4) a:before{background-image:url(/revo/assets/images/header/steam-gn-gamemode-on.png);}.newMenu li:nth-child(5) a:before{background-image:url(/revo/assets/images/header/steam-gn-dlc-on.png);}.newMenu li:nth-child(6) a:before{display:flex;align-items:center;background-image:url(/revo/assets/images/header/steam-gn-update-on.png);background-size:98% auto;margin-top:3%;}@media screen and (max-width:980px){.newMenu li:nth-child(6) a:before{display:flex;align-items:center;background-image:url(/revo/assets/images/header/steam-gn-update-on.png);background-size:32% auto;margin:0.7% 0 1% 2.5%;}}.update{display:none;}@media screen and (max-width:980px){.update{display:block;}.update .updateLink::before{background-position:left 50% !important;background-size:auto 79% !important;}.update .updateImg{margin:0 !important;padding:2% 0 1% 2.2% !important;width:32%;height:auto;}}@media screen and (max-width:768px){.update{display:block;}.update .updateImg{margin:0;padding:2%}}.modalWrap { width: 75% !important;  margin: 0 auto !important; } .modalWrap .modalDate { background: #373737 !important; color: #fff !important; font-size: 2.6rem !important; text-align: center !important; } .modalWrap .modalLogoArea { width: 100% !important; margin: 2% 0 !important; display: flex !important; } .modalWrap .modalLogoArea .modalLogoDiv { width: 32% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap { position: relative !important; display: inline-block !important; width: 100% !important; height: 5rem !important; background: url('/revo/assets/images/top/modal_icon_bg.png') no-repeat center/contain; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap img { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; height: auto !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo1 { width: 45% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo2 { width: 45% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo3 { width: 65% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo4 { width: 14% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap { margin: 10% 0 5% 0 !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text { height: 5rem !important; margin: 4% 0 0 0 !important; display: flex !important; align-items: center !important; font-size: 2rem !important; font-weight: 900 !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text .link { width: 48% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #FFFFFF !important; border-radius: 3px !important; color: #000000 !important; cursor: pointer !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text .pcOnly { display: flex !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text1 { justify-content: space-between !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text2 { justify-content: center !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .spOnly { display: none !important; } .modalWrap .modalLogoArea1 { height: 15% !important; margin-bottom: 4% !important; align-items: start !important; justify-content: space-between !important; } .modalWrap .modalLogoArea2 { height: 15% !important; justify-content: center !important; } #cboxLoadedContent { background:#000 !important; } @media screen and (max-width: 768px) { .strStore { margin: 5% 0 !important; width: 50% !important; } .modalWrap { width: 95% !important; } .modalWrap .modalDate { font-size: 3.5rem !important; } .modalWrap .modalLogoArea { margin: 3% 0 0 0 !important; align-items: center !important; justify-content: space-evenly !important; flex-direction: column !important; } .modalWrap .modalLogoArea .modalLogoDiv { width: 100% !important; text-align: center !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap { width: 95% !important; height: 13rem !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo1 { width: 35% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo2 { width: 35% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo3 { width: 55% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoWrap .modalLogo4 { width: 13% !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap { width: 95% !important; margin: 5% auto 1% auto !important; display: flex !important; align-items: center !important; justify-content: space-evenly !important; } .modalWrap .modalLogoArea .modalLogoDiv .modalLogoTextWrap .text { width: 30% !important;} .modalWrap .modalLogoArea1 { height: 60% !important; }.modalWrap .modalLogoArea2 { margin-top: 0 !important; }.betaTitle{margin:5% 0 4% 0;}.betaImg{width:95%!important;margin:3% 0;}.betaEntry{width:55%!important;}.betaDetail{font-size:320%!important;}}.cookie_consent .cookie_consent-cookie_btn-link{background:none;border:none;padding:0;cursor:pointer;text-decoration:none;color:#ffffff !important}.cookie_consent .cookie_consent-cookie_btn-link:hover{text-decoration:underline}