/*----GCTOP---*/
body{
background-color:#dcdcd8;
}
body.top #navigation li:nth-child(1) a{
color:#900!important;
}
.banClick{
pointer-events:none;
}
.gsc-control-cse{
padding:0px!important;
}
.gsc-search-button{
display:none;!important;
}
.gsib_b{
padding-top:4px;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.flexslider{
box-shadow:none!important;
}
.hide_pc{display:none!important;}
.hide_sp{display:block!important;}
/*--------------*/
/*------pc------*/
/*--------------*/
.catalog .box.hide{
display:none;
}
#wrapper{
position:relative;overflow:hidden;
width:100%;margin:0 auto 0; padding:0 0 0;
background-color:#dcdcd8;
/*background-image:url("../img/ui/bg.jpg");*/
}
/*----header---*/
#header{
width:100%;
background-color:#fff;
border-bottom:5px solid #871908;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
}
#header .gc{
width:140px
}
#header .kt{
float:right;
width:60px;
margin:2px 0 0;
}
#header .kt img{
width:100%;
}
#header_main{
padding:8px 15px 8px;
margin:0 auto 0;
max-width:1270px;
}
/*----menu---*/
#header{
position:relative;
width:100%; margin:0 auto 0; padding:0px 0px 0px;
position:fixed;
top:0px;
z-index:101;
}
#header .menu_list{
}
#header ul{
display:block; position:absolute;
top:50%;margin-top:-0.6em;margin-left:160px;
font-size:13px;
}
#header ul li{
display:block; float:left;
}
#header ul li span,
#header ul li a{
position:relative;
margin:0 0 0 30px;
font-weight:bold; color:#666;
}
#header #sns{
float:right;
margin:7px 15px 0 0;
}
#header #sns a {
display:block; position:relative; float:left;
width:28px; margin:0 0 0 5px;
}
#header #sns a img{
display:block;
width:100%;
}
#contents{
position:relative;
width:100%;margin:0px auto 3%;max-width:1300px;
overflow:hidden;
}
#contentsInner{
position:relative;
width:95%;margin:30px auto 3%;max-width:1300px;
overflow:hidden;
}
/*----headContents---*/
#mainBanner{
overflow:hidden;
}
#mainBanner .flexslider{
opacity:1;
width:100%;
z-index:100;
max-width:1240px;
margin:0 auto 0px;
overflow:hidden;
border-radius:3px;
}
#mainBanner .flex-control-nav{
display:none;
}
#mainBanner .flexslider .slides > li{
position:relative;
}
#mainBanner .flexslider .slides > li a.nowonsale:after{
display:block;
content:'';
background-image:url('../img/ui/icon_nos.png');
width:158px;
height:55px;
background-size:100%;
position:absolute;
top:0px;
right:0px;
z-index:100;
}
#headContentsList{
position:relative;
width:96%; margin:0px auto 0px; padding: 80px 0 50px;
max-width:1300px;
}
#headContentsList .innerBox{
margin-left:-1%;
}
#headContentsList a{
display:block; position:relative; float:left;
width:19%; margin:1% 0 0 1%;
background-color:#fff;
border-radius:3px;
}
#headContentsList a .icon{
display:block;position:absolute;z-index:10;
width:12%;top:0.5%;left:0.5%;
border-radius:30px;
background-color:#fff;
border:4px solid #fff;
}
#headContentsList a span{
display:block;
padding:4.5%;
}
#headContentsList a span img{
display:block;
width:100%;
}
#btn_headContentsList{
display:block;
width:100%;
margin:30px auto 0;
position:relative;
z-index:100;
}
#btn_headContentsList a{
border-radius: 50px 50px 50px 50px;
position: relative;
display:block;
padding: 1.4% 1.0% 1.3%;
width:35px;
color: #666;
background-color: #871908;
margin:0px auto 0;
float:none;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList img{
display:block;
width:100%;
}
#btn_headContentsList a:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#btn_headContentsList_menu{
width:100%;
margin:0 auto 0;
text-align:center;
position:fixed;
z-index:102;
top:62px;
overflow:hidden;
padding:0 0 1%;
}
#btn_headContentsList_menu a{
border-radius: 0px 0px 50px 50px;
position: relative;display:block;
padding: 0.1% 1.2% 0.8%;
width: 40px;
color: #666;
background-color: #871908;
margin:0px auto 0;
top:-50px;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList_menu img{
display:block;
width:100%;
}
#btn_headContentsList_menu a:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
}
#loadingMark{
width:100%;
height:100%
}
#loadingMark img{
display:block;
position:absolute;
top:50%;
left:50%;
margin:-28px 0 0 -28px;
}

/*boxBrand*/

#boxBrand{
  display:flex;
  padding:0px 0 15px;
  justify-content:space-between;
}

#boxBrand a{
  width:16%;
  display:block;
  padding-top:60px;
  background-color:#fff;
  border-radius:3px;
}

/*----boxBrand---*/

#boxBrand a.brand_shibusawa{background:#fff url(../img/ui/brand_shibusawa.jpg) center center no-repeat;  background-size:110px}
#boxBrand a.brand_omega{background:#fff url(../img/ui/brand_omega.jpg) center center no-repeat;background-size:110px;}
#boxBrand a.brand_ninja{background:#fff url(../img/ui/brand_ninja.jpg) center center no-repeat;background-size:110px;}
#boxBrand a.brand_gust{background:#fff url(../img/ui/brand_gust.jpg) center center no-repeat;background-size:110px;}
#boxBrand a.brand_rubyparty{background:#fff url(../img/ui/brand_rubyparty.jpg) center center no-repeat;background-size:110px;}
#boxBrand a.brand_midas{background:#fff url(../img/ui/brand_midas.jpg) center center no-repeat;background-size:110px;}

/*----boxNavi---*/
#boxNavi{
float:left; overflow:hidden;
width:29.4%;
margin:0px 0 0;
}
#boxNavi .innerBox{
margin-left:-2%;
}
#boxNavi a{
display:block; position:relative; float:left;
width:31.2%;  padding:0 0 0; margin:0 0% 2% 2%;
background-color:#fff; text-align:center;
border-radius:3px;
}
#boxNavi a:before{
  content: "";
  display: block;
  padding-top: 117%; /* 1:1 */
}
#boxNavi a .inner {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#boxNavi a img{
display:block;
width:70%; margin:10% auto 5%;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#boxNavi a img:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#boxNavi a p{
color:#555;
font-size:11px;
}
#boxNavi a.game.select:after{
  content: "";
  display: block;
  width:100%;
  height:6%;
  position:absolute;
  bottom:0px;
  background-color:#48ab2a;
  border-radius:0 0 3px 3px
}
#boxNavi a.sp.select:after{
  content: "";
  display: block;
  width:100%;
  height:6%;
  position:absolute;
  bottom:0px;
  background-color:#e9441e;
  border-radius:0 0 3px 3px
}
#boxNavi a.online.select:after{
  content: "";
  display: block;
  width:100%;
  height:6%;
  position:absolute;
  bottom:0px;
  background-color:#2e85c2;
  border-radius:0 0 3px 3px
}
#boxNavi a.event.select:after{
  content: "";
  display: block;
  width:100%;
  height:6%;
  position:absolute;
  bottom:0px;
  background-color:#9b60ca;
  border-radius:0 0 3px 3px
}
#boxNavi a.top.select:after{
  content: "";
  display: block;
  width:100%;
  height:6%;
  position:absolute;
  bottom:0px;
  background-color:#49a8c3;
  border-radius:0 0 3px 3px
}
#subBanner{
float:right;
width:46.8%; padding:1%; margin:0px 0 0 0.68%;
background-color:#fff;
overflow:hidden;
border-radius:3px;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
opacity:0;
}
#mygamecity{
display:block;
float:right;
width:20%;
margin-left:0.7%;
}
#mygamecity img{
width:100%;
}
#mygamecity img.ls{
display:none;
}
#mygamecity a:hover{
}
/*mygc_twostage*/
#mygamecity a.twostage{
  display:block;
  overflow:hidden;
  border-radius:3px;
}
#mygamecity a.twostage:nth-of-type(2){
  display:block;
  margin-top:4%;
}
#mygamecity a.twostage img{
  display:block;
  width:100%;
}
/*----btn_attention---*/
#btn_attentionmore{
display:block;
width:100%;
background-color:#871908;
padding:9px 0;
margin:10px 0 20px;
border-radius:5px;
color:#fff;
}
#btn_attentionmore span{
display:block;
width:100%;
text-align:center;
font-weight:bold;
}
#btn_attentionmore img{
width:20px;
margin-bottom:-4px;
text-align:center;
font-weight:bold;
}
#loadArea{
margin-top:10px;
}
/*----news---*/
#news .title{
display:block;
margin:0 0 0.5% 0%;
height:30px;
}
#news .btn_more{
border-radius:15px;
position:absolute;
padding:0.5% 2% 0.5%;
top:0%;
right:0px;
color:#fff;
background-color:#a58281;
}
#news{
position:relative;
overflow:hidden;
margin:2% 0 0;padding:0% 0 4%;
}
#news .innerbox{
margin-left:-0.6%;
}
#news .box{
display:block;position:relative; float:left;
width:19.4%; margin:0.6% 0 0 0.6%;
background-color:#fff;
border-radius:3px;
}
#news .border{
position: absolute;z-index:15;
width: 100%;height: 100%;top: 0; left: 0;
border-radius:3px;
}
#news .game .border:hover{
box-shadow:inset 0 0 0 4px #48ab2a;
}
#news .sp .border:hover{
box-shadow:inset 0 0 0 4px #e9441e;
}
#news .online .border:hover{
box-shadow:inset 0 0 0 4px #2e85c2;
}
#news .event .border:hover{
box-shadow:inset 0 0 0 4px #9b60ca;
}
#news .shop .border:hover{
box-shadow:inset 0 0 0 4px #9b60ca;
}
#news .mygc .border:hover{
box-shadow:inset 0 0 0 4px #49a8c3;
}
#news .news .border:hover{
box-shadow:inset 0 0 0 4px #49a8c3;
}
#news .movie .border:hover{
box-shadow:inset 0 0 0 4px #999;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 115%; /* 1:1 */
}
#news .inner{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#news .padd{
  padding:5%;
}
#news .icon{
display:block;position:absolute;z-index:10;
width:16%;top:0.5%;left:0.5%;
border-radius:30px;
background-color:#fff;
border:4px solid #fff;
}
#news .thum{
display:block;position:relative;
width:100%; margin:0 0 5%;
}
#news .text{
display:block;position:relative;
width:100%;margin:0 0 5%;
font-size:13px; line-height:140%; color:#333;
 word-break: break-all;
}
#news .date{
display:block;position:absolute;
width:90%;bottom:5%;left:5%;
color:#999; font-size:11px; line-height:0%;
}
#news .text span{
color:#a00;
padding-right: 0.5em;
}
/*----catalog---*/
#sp_{
display:none;
padding:0.01% 0 5%;
}
.catalog .title{
display:block;
margin:0 0 0.5% 0%;
height:35px;
}
.catalog .btn_more{
border-radius:15px;
position:absolute;
padding:0.5% 2% 0.5%;
top:0%;
right:0px;
color: #fff;
background-color: #a58281;
}
.catalog{
position:relative;
overflow:hidden;
margin:3% 0 0;padding:0% 0 0%;
}
.catalog .innerbox{
margin-left:-0.6%;
}
.catalog .box{
display:block;position:relative; float:left;
width:19.4%; margin:0.6% 0 0 0.6%;
background-color:#fff;
border-radius:3px;
}
.catalog .border{
position: absolute;z-index:15;
width: 100%;height: 100%;top: 0; left: 0; border-radius:3px;
}
.catalog .game .border:hover{
box-shadow:inset 0 0 0 4px #48ab2a;
}
.catalog .sp .border:hover{
box-shadow:inset 0 0 0 4px #e9441e;
}
.catalog .online .border:hover{
box-shadow:inset 0 0 0 4px #2e85c2;
}
.catalog .event .border:hover{
box-shadow:inset 0 0 0 4px #9b60ca;
}
.catalog .shop .border:hover{
box-shadow:inset 0 0 0 4px #9b60ca;
}
.catalog .mygc .border:hover{
box-shadow:inset 0 0 0 4px #49a8c3;
}
.catalog .news .border:hover{
box-shadow:inset 0 0 0 4px #49a8c3;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 165%; /* 1:1 */
}
.catalog .inner{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
.catalog .padd{
  padding:5%;
}
.catalog .icon{
display:block;position:absolute;z-index:10;
width:15%;top:0.5%;left:0.5%;
border-radius:30px;
background-color:#fff;
border:4px solid #fff;
}
.catalog .thum{
display:block;position:relative;
width:100%; margin:0 0 5%;
}
.catalog .text{
display:block;position:relative;
width:100%;margin:2% 0 5%;
font-size:13px; line-height:140%; color:#666;
word-break: break-all;
}
.catalog .console{
display:block;position:absolute;
width:92%;bottom:2.5%;left:4%;
color:#999; font-size:10px;
height:auto;
}
.catalog .console div{
margin-left:-1%;
}
.catalog .console span{
display:inline-block;
margin:1.5% 0 0 1%; padding:2% 5% 1.5%;
line-height:100%;
background-color:#eee;
border-radius:15px;
color:#777;
}
.catalog .console span.hide{
display:none;
}
.catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
margin-bottom:0.3em;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
.catalog .text .date{
display:block;
color:#A71701;
font-weight:nomal;font-size:13px;
margin-bottom:5px;
line-height:130%;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
color:#666;
font-weight:600;font-size:16px;
line-height:130%;
overflow:hidden;
margin-bottom:0.3em;
}
#online_{
display:none;padding:0.01% 0 5%;
}
#event_{
display:none;padding:0.01% 0 5%;
}
#sp_ #btn_mobileContents{
display:block;
width:100%;
background-color:#999;
padding:9px 0;
margin:8px 0px 0px;
border-radius:5px;
color:#fff;
text-align:center;
}
#sp_ #btn_mobileContents.fst{
display:block;
margin-top:40px;
}
/*----attention---*/
#attention {
display:block; position:relative;overflow:auto;
margin:0 0 4%; padding:2% 2% 2%;
background-color:#fff;color:#555;
border-radius:3px;
height:auto;
max-height:150px;
}
#attentionArea {
display:block;
height:auto;
margin-top:-10px;
}
#attentionArea *{
color:#666!important;
font-weight:normal!important;
}
#attention h3{
font-size:19px;
margin-bottom:4px;
margin-top:13px;
}
#attention .list{
width:80%;
float:right;
}
#attention span{
margin:0 0 0.5%;
display:inline;
}
#attention p{display:block; line-height:170%;}
#attention strong{font-weight:normal;}
#attention a{display:inline;color:#555;}
/*----footerBanner---*/
#footerBanner{
}
#footerBanner .innerBox{
margin-left:-0.5%;
}
#footerBanner a{
display:block;position:relative; float:left;
width:16.16%; margin:0 0 0.5% 0.5%;
border-radius:3px;
}
#footerBanner a .inner{
display:block;
padding:0%;
background-color:#fff;
border-radius:3px;
}
#footerBanner a img{
display:block;
width:100%;
}
/*----footer_links---*/
#footer_links{
width:100%;
background-color:#350105;
}
#footer_links .inner{
width:95%;max-width:1300px;
margin:0 auto 0;padding:12px 0 15px;
}
#footer_links a{
display:inline-block;
padding:5px 15px;
margin-top:3px;
color:#ddd;
border-radius:3px;
font-size:14px;
}
#footer_links a:hover{
color:#fff;
background-color:#353535;
}
/*----footer---*/
#footer{
width:100%;
background-color:#501507;
line-height:180%;
font-size:11px;
}
#footer a{
color:#eee;
}
#footer a:hover{
color:#aaa;
}
#footer .inner{
width:93%;max-width:1300px;
margin:0 auto 0;padding:30px 0;
}
#footer .inner .link a{
margin-right:20px;
display:block;
float:left;
font-size:13px;
}
#footer .inner .attention{
margin:10px 0 10px;
line-height:160%;
}
#footer .inner .license{
}
#footer .inner .iroi{
width:230px;
margin-right:10px;
float:left;
margin:20px 0 0px;
}
#footer .inner .iroi img{
display:block;
float:left;
}
#footer .inner .iroi p{
display:block;width:120px;
margin-left:10px;
float:left;
font-size:10px;line-height:120%;
}
#footer .inner .elisence{
width:190px;
float:left;
margin:20px 0 0px;
}
#footer .inner .elisence img{
display:block;
float:left;
}
#footer .inner .elisence p{
display:block;width:120px;
margin-left:10px;
font-size:9px;
line-height:140%;
float:left;
}
#footer .inner .seal{
display:inline-block;
padding:0 13px;
background-color:#fff;
float:left;
}
#footer .inner .seal img{
width:70px;
}
#footer .inner .rights{
display:block;
width:100%;
text-align:center;
margin-top:30px;
}
@media screen and (min-width:1000px) and (max-width:1300px) {
#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 0.5% 0%;
height:24px;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 120%; /* 1:1 */
}
#news .text{
font-size:12px; line-height:145%;
}
.catalog{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
.catalog .text{
font-size:12px; line-height:145%;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
}
}
@media screen and (min-width: 790px) and (max-width:999px) {
#header .gc{
width:130px
}
#header .kt{
float:right;
width:50px;
margin:2px 0 0;
}
#header ul{
margin-left:130px;
font-size:12px;
}
#btn_headContentsList_menu{
top:59px;
}
#headContentsList{
position:relative;
width:96%; margin:0 auto 0;
padding: 100px 0 80px;
max-width:1300px;
}
#headContentsList .innerBox{
margin-left:-1%;
}
#headContentsList a{
display:block; position:relative; float:left;
width:23.9%; margin:1% 0 0 1%;
background-color:#fff;
}
#headContentsList a span{
display:block;
padding:4%;
}
#btn_headContentsList a{
border-radius: 80px 80px 80px 80px;
position: relative;
display:block;
padding: 3% 2% 3%;
width:35px;
color: #666;
background-color: #871908;
margin:0px auto 0;
float:none;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList img{
display:block;
width:100%;
}
#boxNavi a p{
color:#999;
font-size:8px;
}
#btn_attentionmore{
margin-top:15px 0 5px;
}
#news .title{
display:block;
margin:0 0 0.5% 0%;
height:24px;
}
#news .box{
display:block;position:relative; float:left;
width:24.5%; margin:0.6% 0 0 0.5%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 120%; /* 1:1 */
}
#news .hide_4{
display:none;
}
.catalog .box{
display:block;position:relative; float:left;
width:24.5%; margin:0.6% 0 0 0.5%;
background-color:#fff;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 185%; /* 1:1 */
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-20%;
}
}
/*-------------SP表示--------------*/
@media screen and (min-width: 590px) and (max-width:789px) {
.hideMiddleBanner{display:none!important;}
.hide_pc{display:block!important;}
.hide_sp{display:none!important;}
#header_menu{
display:none;
}
#header_menu{
display:block;
}
#header .btn_menu{
float:right;
width:40px;
margin:2px 0 0 8px;
}
#header .btn_menu img{
width:100%;
}
#header #sns{
float:right;
margin:7px 15px 0 0;
}
#header #sns a {
display:block; position:relative; float:left;
width:28px; margin:0 0 0 5px;
}
#header #sns a img{
display:block;
width:100%;
}
#headContentsList{
position:relative;
width:96%; margin:0 auto 0;
padding: 100px 0 80px;
max-width:1300px;
}
#headContentsList .innerBox{
margin-left:-1%;
}
#headContentsList a{
display:block; position:relative; float:left;
width:32.3%; margin:1% 0 0 1%;
background-color:#fff;
}
#headContentsList a span{
display:block;
padding:4%;
}
#btn_headContentsList{
display:block;
width:100%;
margin:30px auto 0;
position:relative;
z-index:100;
}
#btn_headContentsList a{
border-radius: 80px 80px 80px 80px;
position: relative;
display:block;
padding: 3% 2% 3%;
width:35px;
color: #666;
background-color: #871908;
margin:0px auto 0;
float:none;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList img{
display:block;
width:100%;
}
#btn_headContentsList_menu{
width:100%;
margin:0 auto 0;
text-align:center;
position:fixed;
z-index:102;
top:60px;
overflow:hidden;
padding:0 0 3%;
}
#btn_headContentsList_menu a{
border-radius: 0px 0px 50px 50px;
position: relative;display:block;
padding: 0.4% 3% 2.2%;
width: 45px;
color: #666;
margin:0px auto 0;
top:-50px;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList_menu img{
display:block;
width:100%;
}
#btn_headContentsList_menu a:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
}
#contentsInner {
position: relative;
width: 95%;
margin: 50px auto 3%;
max-width: 1300px;
overflow: hidden;
}
#contentsInner.position_news{
margin-top: 15px;
}

/*----boxBrand---*/

#boxBrand a{
  padding-top:9%;
}

#boxBrand a.brand_shibusawa{background-size:90%;}
#boxBrand a.brand_omega{background-size:90%;}
#boxBrand a.brand_ninja{background-size:90%;}
#boxBrand a.brand_gust{background-size:90%;}
#boxBrand a.brand_rubyparty{background-size:90%;}
#boxBrand a.brand_midas{background-size:90%;}

/*----boxNavi---*/
#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 0.5% 0%;
height:24px;
}
#boxNavi{
float:left; overflow:hidden;
width:100%;
}
#boxNavi .innerBox{
margin-left:-1%;
}
#boxNavi a{
display:block; position:relative; float:left;
width:15.65%; padding:0 0 0; margin:0 0 0 1%;
background-color:#fff; text-align:center;
}
#boxNavi a:before{
  content: "";
  display: block;
  padding-top: 117%; /* 1:1 */
}
#boxNavi a .inner {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#boxNavi a img{
display:block;
width:70%; margin:10% auto 5%;
}
#boxNavi a p{
color:#999;
font-size:9px;
}
#subBanner{
float:right;
width:68.6%; padding:1%; margin:1.5% 0 0%;
background-color:#fff;
overflow:hidden;
border-radius:3px;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
opacity:0;
}
#mygamecity{
float:right;
width:28.4%;
margin:1.5% 0 0 1%;
}
#mygamecity img{
width:100%;
}
#mygamecity a:hover{
background-color:#f00;
}
/*news*/
#news .box{
display:block;position:relative; float:left;
width:32.32%; margin:1% 0 0 1%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 125%; /* 1:1 */
}
#news .hide_4,
#news .hide_3{
display:none;
}
.catalog .box{
display:block;position:relative; float:left;
width:32.32%; margin:1% 0 0 1%;
background-color:#fff;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 185%; /* 1:1 */
}
.catalog .box.n4,
.catalog .box.n5{
display:none;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
/*----attention---*/
#attention {
display:block; position:relative;overflow:scroll;
margin:0 0 4%; padding:4% 4% 4%;
background-color:#fff;color:#555;
border-radius:3px;
height:auto;
max-height:none;
}
#attentionArea {
display:block;
height:auto;
}
#attention h3{
font-size:21px;
margin-bottom:5px;
}
#attention .list{
width:80%;
float:right;
}
#attention span{
margin:0 0 0.5%;
display:inline;
}
#attention p{display:block; line-height:170%;}
#attention strong{font-weight:normal;display:block;margin:8px 0 0;}
#attention a{display:inline;color:#555;margin-left:-1em;}
/*----footerBanner---*/
#footerBanner{
margin:5% 0 0;
}
#footerBanner .innerBox{
margin-left:-1%;
}
#footerBanner a{
display:block;position:relative; float:left;
width:24%; margin:0 0 1% 1%;
}
#footerBanner a .inner{
display:block;
padding:0;
background-color:#fff;
}
#footerBanner a img{
display:block;
width:100%;
}
}
}
@media screen and (min-width:0px) and (max-width:900px){
#header .sarch{
display:none!important;
}
}
@media screen and (min-width: 401px) and (max-width:589px) {
.hideMiddleBanner{display:none!important;}
.hide_pc{display:block!important;}
.hide_sp{display:none!important;}
#headContentsList{
position:relative;
width:96%; margin:80 auto 50px;
max-width:1300px;
}
#btn_headContentsList{
display:block; position:relative;
width:14%;
margin:0 auto 0;
}
#headContentsList .innerBox{
margin-left:-1%;
}
#headContentsList a{
display:block; position:relative; float:left;
width:48.8%; margin:1% 0 0 1%;
background-color:#fff;
}
#headContentsList a span{
display:block;
padding:4%;
}
#btn_headContentsList{
display:block;
width:100%;
margin:30px auto 0;
position:relative;
z-index:100;
}
#btn_headContentsList a{
border-radius: 80px 80px 80px 80px;
position: relative;
display:block;
padding: 3% 2% 3%;
width:35px;
color: #666;
background-color: #871908;
margin:0px auto 0;
float:none;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList img{
display:block;
width:100%;
}
#btn_headContentsList_menu{
width:100%;
margin:0 auto 0;
text-align:center;
position:fixed;
z-index:102;
top:62px;
overflow:hidden;
padding:0 0 3%;
}
#btn_headContentsList_menu a{
border-radius: 0px 0px 50px 50px;
position: relative;display:block;
padding: 0.4% 3% 2.2%;
width: 45px;
color: #666;
background-color: #871908;
margin:0px auto 0;
top:-50px;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList_menu img{
display:block;
width:100%;
}
#btn_headContentsList_menu a:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
}
#mainBanner .flexslider .slides > li a.nowonsale:after{
display:block;
content:'';
background-image:url('../img/ui/icon_nos.png');
width:130px;
height:45px;
background-size:100%;
position:absolute;
top:0px;
right:0px;
z-index:100;
}#mainBanner .flexslider .slides > li a.nowonsale:after{
display:block;
content:'';
background-image:url('../img/ui/icon_nos.png');
width:130px;
height:45px;
background-size:100%;
position:absolute;
top:0px;
right:0px;
z-index:100;
}

/*----boxBrand---*/

#boxBrand a{
  padding-top:9%;
}

#boxBrand a.brand_shibusawa{background-size:90%;}
#boxBrand a.brand_omega{background-size:90%;}
#boxBrand a.brand_ninja{background-size:90%;}
#boxBrand a.brand_gust{background-size:90%;}
#boxBrand a.brand_rubyparty{background-size:90%;}
#boxBrand a.brand_midas{background-size:90%;}

/*----boxNavi---*/
#header_menu{
display:none;
}
#header .btn_menu{
float:right;
width:40px;
margin:2px 0 0 8px;
}
#header .btn_menu img{
width:100%;
}
#boxNavi{
float:left; overflow:hidden;
width:100%;
}
#boxNavi .innerBox{
margin-left:-1%;
}
#boxNavi a{
display:block; position:relative; float:left;
width:15.65%; padding:0 0 0; margin:0 0 0 1%;
background-color:#fff; text-align:center;
}
#boxNavi a:before{
  content: "";
  display: block;
  padding-top: 117%; /* 1:1 */
}
#boxNavi a .inner {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#boxNavi a img{
display:block;
width:70%; margin:10% auto 7%;
}
#boxNavi a p{
color:#999;
font-size:7px;
}
#subBanner{
float:right;
width:68.6%; padding:1%; margin:1.5% 0 0%;
background-color:#fff;
overflow:hidden;
border-radius:3px;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
opacity:0;
}
#mygamecity{
float:right;
width:28.4%;
margin:1.5% 0 0 1%;
}
#mygamecity img{
width:100%;
}
#contentsInner{
position:relative;
width:95%;margin:50px auto 3%;max-width:1300px;
overflow:hidden;
}
#contentsInner.position_news{
margin-top: 15px;
}
#news{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
#news .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
color:#fff;
background-color:#a58281;
}
#news .box{
display:block;position:relative; float:left;
width:49%; margin:1.3% 0 0 1%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 115%; /* 1:1 */
}
#news .hide_4,
#news .hide_3{
display:none;
}
.catalog{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
.catalog .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
.catalog .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
color: #fff;
background-color: #a58281;
}
.catalog .box{
display:block;position:relative; float:left;
width:49%; margin:1.3% 0 0 1%;
background-color:#fff;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 185%; /* 1:1 */
}
.catalog .box.n5{
display:none;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 180%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
/*----attention---*/
#attention {
display:block; position:relative;overflow:scroll;
margin:0 0 4%; padding:4% 4% 4%;
background-color:#fff;color:#555;
border-radius:3px;
height:auto;
max-height:none;
}
#attentionArea {
display:block;
height:auto;
}
#attention h3{
font-size:19px;
margin-bottom:6px;
}
#attention .list{
width:80%;
float:right;
}
#attention span{
margin:0 0 0.5%;
display:inline;
}
#attention p{display:block; line-height:170%;}
#attention strong{font-weight:normal;display:block;margin:15px 0 2px;}
#attention a{display:inline;margin-left:-1em;color:#555;font-size:16px;}
/*----footerBanner---*/
#footerBanner{
margin:4% 0 4%;
}
#footerBanner .innerBox{
margin-left:-1%;
}
#footerBanner a{
display:block;position:relative; float:left;
width:24%; margin:0 0 1% 1%;
}
#footerBanner a .inner{
display:block;
padding:0;
background-color:#fff;
}
#footerBanner a img{
display:block;
width:100%;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.hideMiddleBanner{display:none!important;}
.hide_pc{display:block!important;}
.hide_sp{display:none!important;}
/*----header---*/
#header{
width:100%;
background-color:#fff;
height:50px;
}
#header .gc{
width:130px
}
#header .kt{
float:right;
width:55px;
}
#header_main{
padding:5px 10px 5px;
}
#headContentsList{
position:relative;
width:96%; margin:0px auto 0px;padding:80px 0 80px;
max-width:1300px;
}
#btn_headContentsList{
display:block; position:relative;
width:18%;
margin:0 auto 0;
}
#headContentsList .innerBox{
margin-left:-1%;
}
#headContentsList a{
display:block; position:relative; float:left;
width:48.8%; margin:1% 0 0 1%;
background-color:#fff;
}
#headContentsList a span{
display:block;
padding:4%;
}
#btn_headContentsList{
display:block;
width:100%;
margin:30px auto 0;
position:relative;
z-index:100;
}
#btn_headContentsList a{
border-radius: 80px 80px 80px 80px;
position: relative;
display:block;
padding: 3% 2% 3%;
width:35px;
color: #666;
background-color: #871908;
margin:0px auto 0;
float:none;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList img{
display:block;
width:100%;
}
#btn_headContentsList_menu{
width:100%;
margin:0 auto 0;
text-align:center;
position:fixed;
z-index:102;
top:55px;
overflow:hidden;
padding:0 0 3%;
}
#btn_headContentsList_menu a{
border-radius: 0px 0px 50px 50px;
position: relative;display:block;
padding: 0.4% 4% 3%;
width: 40px;
color: #666;
background-color: #871908;
margin:0px auto 0;
top:-50px;
box-shadow:0 3px 3px rgba(10,10,10,0.5);
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
#btn_headContentsList_menu img{
display:block;
width:100%;
}
#btn_headContentsList_menu a:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
}
#mainBanner .flexslider .slides > li a.nowonsale:after{
display:block;
content:'';
background-image:url('../img/ui/icon_nos.png');
width:130px;
height:45px;
background-size:100%;
position:absolute;
top:0px;
right:0px;
z-index:100;
}

/*----boxBrand---*/

#boxBrand{
  padding-bottom:3%;
}

#boxBrand a{
  padding-top:10%;
}

#boxBrand a.brand_shibusawa{background-size:90%;}
#boxBrand a.brand_omega{background-size:90%;}
#boxBrand a.brand_ninja{background-size:90%;}
#boxBrand a.brand_gust{background-size:90%;}
#boxBrand a.brand_rubyparty{background-size:90%;}
#boxBrand a.brand_midas{background-size:90%;}

/*----boxNavi---*/
#header_menu{
display:none;
}
#header .btn_menu{
float:right;
width:40px;
margin:2px 0 0 5px;
}
#header .btn_menu img{
width:100%;
}
#boxNavi{
float:none; overflow:hidden;
width:100%;
}
#boxNavi .innerBox{
margin-left:-1%;
}
#boxNavi a{
display:block; position:relative; float:left;
width:32.3%; padding:0 0 0; margin:0 0 1% 1%;
background-color:#fff; text-align:center;
}
#boxNavi a:before{
  content: "";
  display: block;
  padding-top: 100%; /* 1:1 */
}
#boxNavi a .inner {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
#contentsInner{
position:relative;
width:95%;margin:50px auto 3%;max-width:1300px;
overflow:hidden;
}
#contentsInner.position_news{
margin-top: 15px;
}
#news .padd{
  padding:6%;
}
#boxNavi a img{
display:block;
width:55%; margin:10% auto 7%;
}
#boxNavi a p{
color:#999;
font-size:11px;
}
#subBanner{
float:none;
width:96%; padding:2%; margin:2.4% 0 5%;
background-color:#fff;
overflow:hidden;
border-radius:3px;
}
#subBanner .flex-control-nav{
position:absolute;
bottom:-15%;
opacity:0;
}
#mygamecity{
float:none;
width:100%;
margin:1.5% 0 0 0%;
border-radius:3px;
overflow:hidden;
}
#mygamecity img{
width:100%;
}
#mygamecity img.ls{
display:block;
}
#mygamecity img.s{
display:none;
}
#mygamecity a:hover{
background-color:#f00;
}
/*mygc_twostage*/
#mygamecity a.twostage{
  display:block;
  overflow:hidden;
  border-radius:3px;
  width:49.5%;
  float:left;
  margin-top:2%;
  margin-bottom:2%;
}
#mygamecity a.twostage:nth-of-type(2){
  display:block;
  margin-left:1%;
  margin-top:2%;
}
#mygamecity a.twostage img{
  display:block;
  width:100%;
}
#btn_attentionmore span{
font-size:13px;
}
#news{
overflow:hidden;
margin:3% 0 0; padding:0% 0 2%;
}
#news .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
#news .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
}
#news .box{
display:block;position:relative; float:left;
width:49%; margin:1.3% 0 0 1%;
background-color:#fff;
}
#news .box:before{
  content: "";
  display: block;
  padding-top: 135%; /* 1:1 */
}
#news .date{
display:block;position:absolute;
width:90%;bottom:5%;left:6%;
color:#999; font-size:9px; line-height:0%;
}
#news .hide_4,
#news .hide_3{
display:none;
}
#news .icon{
display:block;position:absolute;z-index:10;
width:20%;top:0.5%;left:0.5%;
border-radius:30px;
background-color:#fff;
border:4px solid #fff;
}
.catalog{
overflow:hidden;
margin:2% 0 0; padding:0% 0 2%;
}
.catalog .title{
display:block;
margin:0 0 2% 0%;
height:25px;
}
.catalog .btn_more{
border-radius:25px;
position:absolute;
padding:1.5% 5% 1.5%;
top:0%;
right:0px;
color: #fff;
background-color: #a58281;
}
.catalog .box{
display:block;position:relative; float:left;
width:49%; margin:1.3% 0 0 1%;
background-color:#fff;
}
.catalog .box:before{
  content: "";
  display: block;
  padding-top: 195%; /* 1:1 */
}
.catalog .date{
font-size:9px;
}
.catalog .box.n5{
display:none;
}
#game_{
display:none;padding:0.01% 0 5%;
}
#game_ .catalog .box:before{
  content: "";
  display: block;
  padding-top: 200%; /* 1:1 */
}
#game_ .catalog .text .title{
display:block;height:2.6em;
overflow:hidden;
color:#666;
font-weight:bold;font-size:16px;
line-height:130%;
}
.catalog .text .date{
display:block;
color:#A71701;
font-weight:nomal;font-size:13px;
margin-bottom:5px;
line-height:130%;
}
/*----attention---*/
#attention {
display:block; position:relative;overflow:scroll;
margin:0 0 4%; padding:4% 4% 4%;
background-color:#fff;color:#555;
border-radius:3px;
height:auto;
max-height:none;
}
#attentionArea {
display:block;
height:auto;
}
#attention h3{
font-size:19px;
margin-bottom:6px;
}
#attention .list{
width:80%;
float:right;
}
#attention span{
margin:0 0 0.5%;
display:inline;
}
#attention p{display:block; line-height:170%;}
#attention strong{font-weight:normal;display:block;margin:15px 0 2px;}
#attention a{display:inline;margin-left:-1em;color:#555;font-size:14px;}
/*----footerBanner---*/
#footerBanner{
margin:6% 0 4%;
}
#footerBanner .innerBox{
margin-left:-1%;
}
#footerBanner a{
display:block;position:relative; float:left;
width:32.33%; margin:0 0 1% 1%;
}
#footerBanner a .inner{
display:block;
padding:0;
background-color:#fff;
}
#footerBanner a img{
display:block;
width:100%;
}
}