@import url(https://fonts.googleapis.com/css?family=Cardo:400italic);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;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body{width:100%;height:100%;color:#ffffff;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;font-size:15px;line-height:200%;letter-spacing:0.05em;-webkit-text-size-adjust:100%}img{vertical-align:bottom}#container{position:relative;width:100%;max-width:1920px;min-width:980px;margin:0 auto;overflow:hidden}#navigation{position:fixed;top:-300px;left:0;width:100%;height:184px;background-color:#fa0457;background-color:rgba(250,4,87,0.9);-moz-transition:ease 0.4s top;-o-transition:ease 0.4s top;-webkit-transition:ease 0.4s top;transition:ease 0.4s top;z-index:100}#navigation .inner{position:relative;width:980px;height:184px;margin:0 auto}#navigation .inner a{display:block;font-size:0}#navigation .inner .main{position:absolute;top:90px;left:10px}#navigation .inner .main li{float:left;margin-right:52px}#navigation .inner .main:after{display:block;clear:both;content:""}#navigation .inner .main a{-moz-transition:ease 0.3s opacity;-o-transition:ease 0.3s opacity;-webkit-transition:ease 0.3s opacity;transition:ease 0.3s opacity}#navigation .inner .main a:hover{opacity:0.5}#navigation .inner .main .top{width:73px;height:28px;background-image:url(../img/nav_top.png)}#navigation .inner .main .trailer{width:172px;height:28px;background-image:url(../img/nav_trailer.png)}#navigation .inner .main .system{width:170px;height:31px;background-image:url(../img/nav_system.png)}#navigation .inner .main .spec{width:100px;height:30px;background-image:url(../img/nav_spec.png)}#navigation .inner .sub{position:absolute;width:232px;top:33px;left:737px}#navigation .inner .sub dt{float:left;display:block;width:232px;margin:0 0 11px 23px}#navigation .inner .sub dd{float:left;display:block;margin:0 0 13px 23px}#navigation .inner .sub:after{display:block;clear:both;content:""}#navigation .inner .sub .language{height:12px;background-image:url(../img/nav_language.png);background-repeat:no-repeat;font-size:0}#navigation .inner .sub .sns{height:10px;background-image:url(../img/nav_sns.png);background-repeat:no-repeat;font-size:0}#navigation .inner .sub dd a{width:34px;height:34px;background-image:url(../img/nav_buttons.png)}#navigation .inner .sub .twitter{background-position:0px   0px}#navigation .inner .sub .facebook{background-position:-34px   0px}#navigation .inner .sub .jp{background-position:-68px   0px}#navigation .inner .sub .en{background-position:-102px   0px}#navigation .inner .sub .cn{background-position:-136px   0px}#navigation .inner .sub .kr{background-position:-170px   0px}#navigation .inner .sub .twitter:hover{background-position:0px -34px}#navigation .inner .sub .facebook:hover{background-position:-34px -34px}#navigation .inner .sub .jp:hover{background-position:-68px -34px}#navigation .inner .sub .en:hover{background-position:-102px -34px}#navigation .inner .sub .cn:hover{background-position:-136px -34px}#navigation .inner .sub .kr:hover{background-position:-170px -34px}#navigation .inner .sub .twitter.active{background-position:0px -34px}#navigation .inner .sub .facebook.active{background-position:-34px -34px}#navigation .inner .sub .jp.active{background-position:-68px -34px}#navigation .inner .sub .en.active{background-position:-102px -34px}#navigation .inner .sub .cn.active{background-position:-136px -34px}#navigation .inner .sub .kr.active{background-position:-170px -34px}.no-touchevents #navigation:hover{top:0 !important}.no-touchevents #navigation .open{position:absolute;width:40px;height:15px;top:184px;left:50%;margin-left:-20px}.no-touchevents #navigation .open span{position:absolute;width:0;height:0;top:0;left:0;border-style:solid;border-width:15px 20px 0 20px;border-color:#fa0457 transparent transparent transparent;border-color:rgba(250,4,87,0.9) transparent transparent transparent;font-size:0}.no-touchevents #navigation .open span:after{display:block;position:absolute;width:8px;height:7px;top:-13px;left:-4px;background-image:url(../img/nav_open.png);content:""}.touchevents #navigation.active{top:0 !important}.touchevents #navigation .open{position:absolute;padding:5px 20px;top:201px;right:20px;background-color:#fa0457;background-color:rgba(250,4,87,0.9);font-family:'Cardo',serif}.init #navigation{top:-181px}.csstransforms #navigation .inner .main li{-moz-transition:ease 0.5s all;-o-transition:ease 0.5s all;-webkit-transition:ease 0.5s all;transition:ease 0.5s all;-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}.csstransforms #navigation:hover .inner .main li,.csstransforms #navigation.active .inner .main li{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}.csstransforms #navigation:hover .inner .main li:nth-child(1),.csstransforms #navigation.active .inner .main li:nth-child(1){-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s}.csstransforms #navigation:hover .inner .main li:nth-child(2),.csstransforms #navigation.active .inner .main li:nth-child(2){-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s}.csstransforms #navigation:hover .inner .main li:nth-child(3),.csstransforms #navigation.active .inner .main li:nth-child(3){-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}.csstransforms #navigation:hover .inner .main li:nth-child(4),.csstransforms #navigation.active .inner .main li:nth-child(4){-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}#header{position:relative;width:100%;height:100%;overflow:hidden}#header #movie{position:absolute;width:100%;height:100%;top:0;left:0}#header #movie iframe{position:absolute;top:50%;left:50%}#header #movie img{position:absolute;bottom:270px;left:50%;margin-left:-39px}#header .left,#header .right{position:absolute;width:50%;height:100%;top:0}#header .cover{width:100%;height:100%;z-index:2}#header .cover .left{left:0;background-color:#fff}#header .cover .left div{position:absolute;width:100%;height:100%;top:0;background-repeat:no-repeat;background-size:contain;background-position:100% 0;background-image:url(../img/header_image_left.jpg)}#header .cover .right{right:0;background-color:#fff}#header .cover .right div{position:absolute;width:100%;height:100%;top:0;background-repeat:no-repeat;background-size:contain;background-position:0 0;background-image:url(../img/header_image_right.jpg)}#header .copy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}#header .copy .left{opacity:0;left:0;background-position:0 -50px;background-image:url(../img/header_copy_left.png);background-repeat:no-repeat;background-size:contain}#header .copy .right{opacity:0;right:0;background-position:100% 50px;background-image:url(../img/header_copy_right.png);background-repeat:no-repeat;background-size:contain}#header .logo{position:absolute;width:677px;height:240px;bottom:270px;left:50%;margin-left:-338px}#header .logo h1{position:absolute;display:none;width:677px;height:240px;top:0;left:0;background-image:url(../img/header_logo.png);font-size:0;z-index:22}#header .logo .blur{position:absolute;display:none;width:677px;height:240px;top:0;left:0;background-image:url(../img/header_logo_br.png);z-index:21}.content{position:relative;width:1920px;left:50%;margin-left:-960px}.content .inner{position:relative;width:980px;margin:0 auto;z-index:4}.content .inner>h1,.content .inner>h2,.content .inner>img{position:absolute;font-size:0}.content .inner>p{position:absolute}.content .background{width:100%;height:100%;z-index:2}.content .parallax{z-index:1}#intro{height:1168px;margin-top:-250px}#intro .background{background-image:url(../img/bk_01.png)}#intro h1{top:65px;right:0;width:463px;height:109px;background-image:url(../img/intro_title.png)}#intro p{top:195px;right:10px;width:466px;height:163px;background-image:url(../img/intro_text.png);font-size:0}#intro img{top:400px;right:0}#intro .block{position:absolute;width:166px;height:386px;top:400px;left:818px;background-image:url(../img/block_01.png)}#intro .character{position:absolute;width:675px;height:643px;top:143px;left:493px;background-image:url(../img/character_01.png);z-index:4}#trailer{height:382px}#trailer .inner{margin-top:-382px;z-index:2}#trailer h1{top:88px;left:30px;width:638px;height:105px;background-image:url(../img/trailer_title.png);z-index:2}#trailer p{top:370px;right:20px;width:416px;height:379px;text-align:justify}#trailer img{top:0;right:0}#trailer .block{position:absolute;width:984px;height:264px;top:0;left:0;background-image:url(../img/block_02.png)}#trailer .parallax{position:absolute;width:1920px;height:1430px;top:-333px;left:0;background-image:url(../img/bk_visual_01.jpg);z-index:-1}#trailer iframe{position:absolute;top:280px;left:470px;z-index:20}#system_header{height:1752px}#system_header .background{background-image:url(../img/bk_02.png)}#system_header h1{top:410px;left:30px;width:561px;height:110px;background-image:url(../img/system_title.png)}#system_header img{top:557px;left:23px}#system_header .block{position:absolute;width:242px;height:675px;top:557px;left:958px;background-image:url(../img/block_03.png);z-index:4}#system_header .character{position:absolute;width:559px;height:764px;top:150px;left:975px;background-image:url(../img/character_02.png);z-index:2}#system_1{margin-top:-795px;height:795px}#system_1 .inner h1{width:41px;height:104px;top:5px;left:270px;background-image:url(../img/system_1no.png)}#system_1 .inner h2{width:559px;height:86px;top:25px;right:25px;background-image:url(../img/system_1title.png)}#system_1 .inner img{top:145px;left:23px}#system_1 .inner p{top:137px;right:45px;width:375px;height:180px;color:#080c5c;text-align:justify}#system_1 .character{position:absolute;width:588px;height:915px;top:312px;left:1001px;background-image:url(../img/character_03.png);z-index:2}#system_1 .parallax{position:absolute;width:470px;height:944px;top:-166px;right:0;background-image:url(../img/bk_visual_02.jpg);z-index:-1}#system_2{height:1734px;margin-top:-246px}#system_2 .background{background-image:url(../img/bk_03.png)}#system_2 .inner h1{width:66px;height:104px;top:-310px;right:90px;background-image:url(../img/system_2no.png)}#system_2 .inner h2{width:658px;height:87px;top:-98px;left:18px;background-image:url(../img/system_2title.png)}#system_2 .inner img{top:10px;left:23px}#system_2 .inner p{top:356px;left:222px;width:400px;height:100px;text-align:justify}#system_2 .parallax{position:absolute;width:1005px;height:923px;top:-304px;left:0;background-image:url(../img/bk_visual_03.jpg);z-index:-1}#system_3{height:560px;margin-top:-1235px}#system_3 .inner h1{width:57px;height:105px;top:20px;left:3px;background-image:url(../img/system_3no.png)}#system_3 .inner h2{width:374px;height:85px;top:40px;left:82px;background-image:url(../img/system_3title.png)}#system_3 .inner img{top:220px;right:2px}#system_3 .inner p{top:150px;left:12px;width:410px;height:280px;color:#080c5c;text-align:justify}#system_3 .block{position:absolute;width:186px;height:400px;top:-180px;left:1261px;background-image:url(../img/block_04.png);z-index:3}#system_3 .parallax{position:absolute;width:512px;height:788px;top:-91px;left:936px;background-image:url(../img/bk_visual_04.jpg);z-index:-1}#system_4{height:422px}#system_4 .inner h1{width:73px;height:104px;top:74px;left:3px;background-image:url(../img/system_4no.png)}#system_4 .inner h2{width:365px;height:84px;top:95px;left:90px;background-image:url(../img/system_4title.png)}#system_4 .inner img{top:35px;right:2px}#system_4 .inner p{top:210px;left:12px;width:410px;height:160px;color:#080c5c;text-align:justify}#spec{height:560px}#spec .background{background-image:url(../img/bk_04.png)}#spec .inner{font-size:12px;line-height:100%;z-index:20}#spec .inner a{-moz-transition:ease 0.4s opacity;-o-transition:ease 0.4s opacity;-webkit-transition:ease 0.4s opacity;transition:ease 0.4s opacity}#spec .inner a:hover{opacity:0.5}#spec .inner h1{width:338px;height:111px;top:70px;right:27px;background-image:url(../img/spec_title.png)}#spec .inner dl{position:absolute;top:64px;left:-470px;width:1920px}#spec .inner dl dt{float:left;width:118px;padding:20px 0 20px 470px;border-bottom:1px solid #fff}#spec .inner dl dd{float:left;width:1307px;padding:20px 0 20px 25px;border-bottom:1px solid rgba(255,255,255,0.2)}#spec .inner dl:after{display:block;clear:both;content:""}#spec .inner .steam{position:absolute;top:305px;left:-6px}#spec .inner .tip{position:absolute;width:400px;top:340px;left:142px}#spec .inner .footer{position:absolute;width:980px;top:430px;left:0}#spec .inner .footer a{float:left;display:block;width:49px;height:54px;padding-top:4px}#spec .inner .footer p{float:left;width:500px;padding-left:25px;font-size:11px;line-height:180%}#spec .inner .footer .sns{float:right;padding:25px 20px 0 0;line-height:9px}#spec .inner .footer .sns li{display:inline-block}#spec .inner .footer:after{display:block;clear:both;content:""}#spec .parallax{position:absolute;width:843px;height:670px;top:-236px;left:0;background-image:url(../img/bk_visual_05.jpg);z-index:-1}#particle_top{position:fixed;display:none;width:1920px;height:13000px;top:0;left:50%;margin-left:-960px;background-image:url(../img/particle_top.png);background-repeat:repeat-y;z-index:11}#particle_bottom{position:fixed;display:none;width:1920px;height:9000px;top:0;left:50%;margin-left:-960px;background-image:url(../img/particle_bottom.png);background-repeat:repeat-y;z-index:1}#loading{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:100}#loading .inner{position:absolute;width:860px;height:360px;top:0;left:0;bottom:0;right:0;margin:auto;background-image:url(../img/splash_logo.png);background-position:50% 0;background-repeat:no-repeat}#loading .inner .bar_left{position:absolute;display:block;width:0px;height:4px;top:132px;right:50%;background-image:url(../img/splash_loading_left.png);background-position:0 0;background-repeat:no-repeat}#loading .inner .bar_right{position:absolute;display:block;width:0px;height:4px;top:132px;left:50%;background-image:url(../img/splash_loading_right.png);background-position:100% 0;background-repeat:no-repeat}#loading .inner .progress{display:block;padding-top:240px;color:#6bd2e8;font-family:'Cardo',serif;font-size:120px;line-height:100%;text-align:center}#loading .inner .error{display:none;position:absolute;width:100%;top:0;left:0;padding-top:200px;color:#e44;font-size:13px !important;line-height:150% !important;text-align:center}