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%}
#mainwrapper{position:relative;top:50px;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 #btn #logo{position:absolute;width:80%;bottom:5%;left:10%}
#mainwrapper #main #haikei #btn #logo img{width:100%}
#mainwrapper #main #haikei #btn #logo_t{position:absolute;width:65%;bottom:5%;left:19.4%}
#mainwrapper #main #haikei #btn #logo_t img{width:100%}
#mainwrapper #main #haikei #btn #catch{position:absolute;width:65%;top:5%;left:48%;}
#mainwrapper #main #haikei #btn #catch img{width:100%;position:absolute}
#mainwrapper #main #haikei #btn #pv{position:absolute;width:38%;bottom:35%;left:2%}
#mainwrapper #main #haikei #btn #pv img{width:100%}


#mainwrapper #main #about{position:relative;width:100%}
#mainwrapper #main #about 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 #chance{position:relative;width:100%}
#mainwrapper #main #chance img{width:100%}
#mainwrapper #main #artflow{position:relative;width:100%}
#mainwrapper #main #artflow img{width:100%}
#mainwrapper #main #art1{position:relative;width:100%}
#mainwrapper #main #art1 img{width:100%}
#mainwrapper #main #art2{position:relative;width:100%}
#mainwrapper #main #art2 img{width:100%}
#mainwrapper #main #bonus{position:relative;width:100%}
#mainwrapper #main #bonus img{width:100%}
#mainwrapper #main #uwanose{position:relative;width:100%}
#mainwrapper #main #uwanose img{width:100%}
#mainwrapper #main #point{position:relative;width:100%}
#mainwrapper #main #point 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:85%;bottom:2%;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:60px 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 #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}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}