html{width:100%;height:100%;background:#000}
body{position:relative;background:url(../img/bg.gif) top center repeat-y;font-size:14px;color:#000;width:100%;background-size: contain;}
.drawer-menu li{position:relative}
.drawer-menu li .drawer_box{position:absolute;width:100%;height:100%;top:0}
.drawer-hamburger{width:32px;height:32px;padding:14px 10px}
.drawer-hamburger-icon{background-color:#FFF;margin-top:0}
.drawer-hamburger-icon:before{background-color:#FFF}
.drawer-hamburger-icon:after{background-color:#FFF}
.drawer-nav{background-color:#000;width:18.25rem;}
.drawer--left .drawer-nav{left:-18.25rem}
.drawer-menu-item{color:#FFF;padding:0.28rem 0.75rem 0.28rem;text-decoration:none;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}
.drawer-brand{color:#FFF;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif}
.drawer--left.drawer-open .drawer-hamburger{left:15rem}
.countdown{position:absolute;width:134px;top:10px;right:10px}
.countdown img{width:100%}
.search{position:absolute;width:134px;top:10px;right:10px; z-index:15;}
.search img{width:100%}
.cd01{position:absolute;width:34%;bottom:66.8%;left:33%}
.cd01 img{width:100%}
.cd02{position:absolute;width:34%;bottom:61.1%;left:33%}
.cd02 img{width:100%}
.line{position:absolute;width:62%;bottom:14.5%;left:31%}
.line img{width:100%}
.vr{position:absolute;width:81%;bottom:69%;left:10%}
.vr img{width:100%}
.movie01{position:absolute;width:62%;bottom:23%;left:20%}
.movie01 img{width:100%}
.movie02{position:absolute;width:62%;bottom:7%;left:20%}
.movie02 img{width:100%}
#mainwrapper{position:relative;top:40px;width:100%;overflow:hidden}
#mainwrapper #main{position:relative;width:100%;line-height:0}
#mainwrapper #main #haikei{position:relative;width:100%;}
#mainwrapper #main #haikei img{width:100%;}
#mainwrapper #main #haikei #btn{position:absolute;width:100%;height:100%;top:0}
#mainwrapper #main #haikei #haikei01 #btn{position:absolute;width:42%;top:4%;left:1%}
#logo{position:absolute;width:40%;top:5%;left:0; z-index:10;}
#coming{position:absolute;width:95%;bottom:30%;left:2.5%; z-index:10;}
#mainwrapper #main #haikei #haikei01 #btn #logo #coming img{width:100%}
#mainwrapper #main #haikei #haikei01 #btn #catch{position:absolute;width:26%;top:5%;left:71%;}
#haikei01{position:absolute;width:100%;top:0;left:0; z-index:4000;}
#mainwrapper #main #haikei #haikei01 #btn #catch img{width:100%;position:absolute}
#mainwrapper #main #haikei #btn #pv{position:absolute;width:37%;bottom:20%;left:32%}
#mainwrapper #main #haikei #btn #pv img{width:100%}
#sp1{position:absolute;width:37%;bottom:20%;left:0}
#mainwrapper #main #haikei #btn #sp1 img{width:100%}
#sp2{position:absolute;width:37%;bottom:20%;left:64%}
#uc_banner{position:absolute;width:80%;bottom:6%;left:10%}
#mainwrapper #main #haikei #btn #sp2 img{width:100%}
#mainwrapper #main #densapo{position:relative;width:100%}
#mainwrapper #main #densapo img{width:100%}
#mainwrapper #main #gameflow{position:relative;width:100%}
#mainwrapper #main #gameflow img{width:100%}
#mainwrapper #main #spec{position:relative;width:100%}
#mainwrapper #main #spec img{width:100%}
#mainwrapper #main #yokoku{position:relative;width:100%}
#mainwrapper #main #yokoku img{width:100%}
#mainwrapper #main #seven{position:relative;width:100%}
#mainwrapper #main #seven img{width:100%}
#mainwrapper #main #greach{position:relative;width:100%}
#mainwrapper #main #greach img{width:100%}
#mainwrapper #main #reach{position:relative;width:100%}
#mainwrapper #main #reach img{width:100%}
#mainwrapper #main #flow{position:relative;width:100%}
#mainwrapper #main #flow img{width:100%}
#mainwrapper #main #special1{position:relative;width:100%}
#mainwrapper #main #special1 img{width:100%}
#mainwrapper #main #special2{position:relative;width:100%}
#mainwrapper #main #special2 img{width:100%}
#kasouwrapper{position:relative;top:60px;width:100%;overflow:hidden}
#backbg{position:fixed;background:url(../img/kasouhaikei.jpg) top center no-repeat;background-size:cover;width:100%;height:100%}
#kasou{position:relative;width:100%;line-height:0}
#kasoutitle{position:relative;width:94%;margin:6% 0%;left:3%}
#kasoutitle img{width:100%}
#kasoucontents{position:relative;width:100%}
#kasoucontents img{width:100%}
#copyright{position:absolute;width:77%;bottom:5%;left:12.5%}
#copyright img{width:100%}
#searchwrapper{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;display:none;z-index:23}
#searchwrapper #search_bg{position:absolute;top:0;left:0;width:100%}
#searchwrapper .searc_contents{padding:0px}
#searchwrapper .searc_contents #logo{width:76%;top:16%;position:absolute;left:12%}
#searchwrapper .searc_contents #logo img{width:100%}
#searchwrapper .searc_contents .searchbg{width:100%;height:100%;font-size:14px}
#searchwrapper .searc_contents .searchbg div{text-align:center}
#searchwrapper .searc_contents .searchbg #search_c{width:30px;height:30px;position:absolute;top:14px;right:14px}
#searchwrapper .searc_contents .searchbg #search_c img{width:100%}
#searchwrapper .searc_contents .searchbg .searchselect #ken_ita{width:100%;position:absolute;top:45%}
#searchwrapper .searc_contents .searchbg .searchselect #ken_ita img{width:83%}
#searchwrapper .searc_contents .searchbg .searchselect #ken_ita #selectbox{width:80%;height:35px;background:#FFF;font-size:18px;position:absolute;top:100%;left:10%;border:1px #000 solid}
#searchwrapper .searc_contents .searchbg .searchselect .search_btn{position:absolute;left:26%;width:47%;top:65%}
#searchwrapper .searc_contents .searchbg .searchselect .search_btn input{width:100%}
#searchwrapper .searc_contents .searchbg .searchselect .ken{position:absolute;top:239px;left:17%;width:66%;height:20px;border:1px solid #000000;background:#FFF;font-size:13px}
#footer_lg{position:relative;width:100%;margin:45px auto 0px auto;padding:5% 0;z-index:1}
#footer_lg img{width:100%}
#footer_lg .footer_inner{margin:0 auto;width:90%}
#footer_lg .footer_inner .bn-gr li{display:inline-block;width:49%}
#footer_lg .footer_inner .bn-gr li img{width:100%}
#footer_lg .footer_inner #caution{width:50%;margin:12px auto -5px auto}
#footer_lg .footer_inner #maker_logo{width:50%;margin:4px auto -5px auto}
#footer_lg .footer_inner #sns-gr{width:100%;margin-top:3%}
#footer_lg .footer_inner #sns-gr li{display:inline-block;width:20%;margin:0% -19% 0% 19%}
#footer_lg .footer_inner #sns-gr li img{width:100%}
#footer_lg .jasrac{width:100%;margin:10px auto 0px auto}
#footer_lg .jasrac img{width:12%}
#footer_lg .jasrac p{color:#FFF;font-size:10px;text-align:center;margin-bottom:4px}