@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

h4{
display:block;
color:#fff!important;
margin:5% 0 2% 0.2%!important;
font-weight:800;
}

h4 span{
font-weight:300;
font-size:70%;
}

h6{
display:block;
width:100%;
color:#fff;
font-size:25px;
font-weight:bold;
line-height:125%;
}

#innerBox .box h6 a{
  width:auto;
  position:relative;
  padding:4px 10px;
  font-size:12px;
  margin:0 0 2px 10px;
  background-color:#A60612;
  color:#fff;
  text-align:center;
  line-height:1;

  border-radius:3px;
  display:inline-block;
  bottom:auto;
  right:auto;
}

#innerBox{
width:900px;
padding:0px;
background-color:transparent;
}

#innerBox ul{
margin-bottom:30px;
}

#innerBox ul li{
padding:1.5% 2.5%;
display:block;
float:left;
margin:2% 1% 0% 0;
background-color:rgba(60,60,60,0.9);
border-radius:3px;
color:#fff;
position:relative;
font-size:13px;
}

#innerBox ul li:hover{
background-color:rgba(200,0,0,0.8);
}

#innerBox ul li.active{
background-color:rgba(200,0,0,0.8);
}

#innerBox ul li a{
color:#fff;
font-weight:bold;
}

#innerBox ul li span{
display:block;
position:absolute;
font-size:11px;
color:#da0;
top:1px;
right:5px;
font-weight:bold!important;
}

#innerBox ul li .icon{
position:absolute;
top:4px;left:4px;
width:62px;
}

#innerBox .box{
width:97%;
position:relative;
padding:1.5% 1.5%;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;

}

#innerBox .box::after{
display:block;
content:'';
clear:both;
}

/*#innerBox .box.hh{
width:97%;min-height:165px;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;
}

#innerBox .box.hhh{
width:97%;min-height:195px;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;
}*/

#innerBox .box .attention{
font-size:10px;
display:block;
margin:2% 0 0;
padding:0 0 30px;
line-height:1.4;
}

#innerBox .box  .attention .link_ps{
width:auto;
position:relative;
padding:1px 6px;
margin:0 0 0;
font-size:8px;
background-color:#4F9DD1;
opacity:0.8;
color:#333;
text-align:center;

line-height:1;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box .attention .link_st{
width:auto;
position:relative;
padding:1px 6px;
margin:0 0 0;
font-size:8px;
background-color:#6ACACF;
opacity:0.8;
color:#333;
text-align:center;

line-height:1;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}


#innerBox .box .attention .link_xb{
width:auto;
position:relative;
padding:1px 6px;
margin:0 0 0;
font-size:8px;
background-color:#37BD37;
opacity:0.8;
color:#333;
text-align:center;

line-height:1;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}


#innerBox .box.noitem{
margin:0 0 2.5%;
}

#innerBox .box img{
display:block;
width:14%;
float:left;
}

#attention{
font-size:12px;
color:#aaa;
}

p{
font-size:14px;
line-height:160%;
margin:0px;
}

#innerBox .box .text{
display:block;
width:80%;
float:right;
}

#innerBox .box p{

position:relative;
padding:0 0 0 0.3%;
margin:1% 0 0;
font-size:12px;
color:#ddd;

line-height:140%;

border-radius:3px;
display:block;
}

#innerBox .box p span{
color:#b60;
}

#innerBox .box a{
width:74%;
position:absolute;
padding:0.8% 1.5% 0.8%;
margin:0 2.5% 1.2% 0;
font-size:12px;
background-color:#222;
color:#ddd;
text-align:center;

line-height:140%;

border-radius:3px;
display:block;
bottom:0px;
right:0px;
}

#innerBox .box a img{
float:none;
width:auto!important;
display:inline;
}


#innerBox .box.steam a{
width:62%
}

/*--*/

#innerBox .box a.thum_click{
position:relative;
display:block;
width:14%;
float:left;
padding:0;
border-radius:0;
margin:0;
}

#innerBox .box a.thum_click img{
display:block;
width:100%;
}

/*--*/


#innerBox .box a.link_ps{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:11px;
background-color:#4F9DD1;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box a.link_st{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:11px;
background-color:#6ACACF;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box a.link_xb{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:11px;
background-color:#37BD37;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box a.icon{
width:auto;
position:relative;
padding:0;
margin:0;
background-color:transparent;

border-radius:none;
display:inline;
}

#innerBox .box a:hover{
background-color:#900;
}



#innerBox .setItems{
width:100%;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:2%;
overflow:hidden;
height:0px;
}

#innerBox .setItems .inner{
padding:4% 3% 4%;
}

#innerBox .setItems .inner p{
padding-bottom:2%;
display:block;
}

#innerBox .setItems .thums{
margin-left:-1%;
}

#innerBox .setItems .thum{
width:19%;
float:left;
margin:0 0 1.5% 1%;
}

#innerBox .setItems .thum a{
display:block;
}

#innerBox .setItems .thum p{
display:block;
width:100%;
padding:1% 1%;
text-align:center;
font-size:11px;
line-height:160%;
color:#ddd;
margin-top:3%;
}


#innerBox .box.steam img{
width:29%;
}

#innerBox .box.steam .text{
width:68%
}

#innerBox .thum_seasonpass{
width:100%;
margin-left:-1%;
width:101%;
}

#innerBox .thum_seasonpass div{
width:19%;
margin:1% 0 0 1%;
float:left;

}

#innerBox .thum_seasonpass img{
display:block;
}

#innerBox .thum_seasonpass p{
display:block;
text-align:center;
font-size:12px;
line-height:140%;
margin-top:5px;
}

#innerBox .btn_hw{
display:block;
width:97%;
position:relative;
padding:2% 1.5%;
border-radius:3px ;
background-color:rgba(236, 78, 0, 0.8);
margin-bottom:1%;
text-align:center;
color:#fff;
font-size:13px;
line-height:1.8em;
box-shadow:0px 0px 3px #333;
text-shadow: 1px 1px 2px #A70606;
}

#innerBox .btn_hw span{
font-size:19px;
}

.correction{
  font-size:12px;
  color:#BD6015;
  padding:1% 2%;
  border:1px dotted #BD6015;
  display:block;
  margin:20px auto 0;
  width:96%;
  line-height:1.5;
}

.correction .head{
  font-weight:800;
  display:inline-block;
  margin-bottom:5px;
}


.btn_movie{
  width:100%;
  background-color:rgba(0,0,0,0.8);
  padding:10px 0;
}

.btn_movie a{
  display:block;
  width:50%;
  margin:0 auto;
  position:relative;
}

.btn_movie a:after{
  content:'';
  display:block;
  width:110px;
  height:110px;
  background-image:url('../img/dlc/icon_play.png');
  background-size:100%;
  position:absolute;
  top:60px;
  left:170px;
}


.btn_movie a img{
  width:100%;
  display:block;
}

.btn_movie a:hover img{
opacity:0.8;
}

#innerBox .box a.link_text{
width:auto;
position:relative;
font-size:13px;
color:#f00;
font-weight:400!important;
margin-left:-3px;
text-align:center;
padding:4px 15px;
line-height:1;
border-radius:30px;
border:1px solid #a00;
display:inline-block;
bottom:auto;
right:auto;
}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {

#innerBox{
width:95%;
padding:18% 0 0;
}

h4{
display:block;
color:#fff!important;
margin:5% 0 2% 0.2%!important;
font-weight:800;
}

h4 span{
font-weight:300;
font-size:70%;
}

h6{
display:block;
width:100%;
color:#fff;
font-size:18px;
font-weight:bold;
line-height:125%;
margin-bottom:10px;
}

#innerBox .box h6 a{
  width:auto;
  position:relative;
  padding:4px 10px;
  font-size:12px;
  margin:0 0 2px 10px;
  background-color:#A60612;
  color:#fff;
  text-align:center;
  line-height:1;

  border-radius:3px;
  display:inline-block;
  bottom:auto;
  right:auto;
}

#innerBox ul li{
padding:1.5% 5%;
display:block;
float:left;
margin:2% 1% 0% 0;
background-color:rgba(60,60,60,0.8);
border-radius:3px;
color:#fff;
}

#innerBox ul li:hover{
background-color:rgba(200,0,0,0.8);
}

#innerBox ul li.active{
background-color:rgba(200,0,0,0.8);
}

#innerBox ul li a{
color:#fff;
font-weight:bold;
}

#innerBox ul li span{
display:block;
position:absolute;
font-size:8px;
color:#da0;
top:-3px;
right:3px;
font-weight:bold!important;
}

#innerBox .box{
width:97%;min-height:120px;
position:relative;
padding:4% 1.5%;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;
height:auto!important;
}

#innerBox .box::after{
  content:'';
  display:block;
}

#innerBox .box.noitem{
margin:0 0 2.5%;
}

#innerBox .box img{
display:block;
width:17%;
float:left;
}

#attention{
display:block;
font-size:10px;
color:#aaa;
line-height:130%!important;
margin:5px 0 3%;
}

#innerBox .box  .attention .link_ps{
width:auto;
position:relative;
padding:0 1%;
margin:0 0 0;
font-size:8px;
background-color:#4F9DD1;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box .attention .link_st{
width:auto;
position:relative;
padding:0% 1%;
margin:0 0 0;
font-size:8px;
background-color:#6ACACF;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}


#innerBox .box .attention .link_xb{
width:auto;
position:relative;
padding:0% 1%;
margin:0 0 0;
font-size:8px;
background-color:#37BD37;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

p{
font-size:14px;
line-height:170%;
margin:0px;
}

#innerBox .box .text{
display:block;
width:80%;
float:right;
position:relative;
}

#innerBox .box p{

position:relative;
padding:0 0 0 0.3%;
margin:1% 0 0;
font-size:10px;
color:#ddd;

line-height:140%;
line-height:1.6;

border-radius:3px;
display:block;
}

#innerBox .box p span{

color:#d60;
}

#innerBox .box a{
width:92%;
position:absolute;
padding:0.8% 1.5% 0.8%;
margin:0 2.5% 2% 0;
font-size:12px;
background-color:#222;
color:#ddd;
text-align:center;

line-height:140%;

border-radius:3px;
display:block;
bottom:0px;
right:0px;
}

#innerBox .box.steam a{
display:block;
width:95%
margin:10px auto 0;
float:none;
}

#innerBox .box a.icon{
width:auto;
position:relative;
padding:0;
margin:0;
background-color:transparent;

border-radius:none;
display:inline;
}

#innerBox .box.steam a{
position:relative;
display:block;
width:95%;
margin:10px auto 0;
float:none;
}

#innerBox .box a.link_ps{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:10px;
background-color:#4F9DD1;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box a.link_st{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:10px;
background-color:#6ACACF;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}

#innerBox .box a.link_xb{
width:auto;
position:relative;
padding:0.1% 1.5% 0.1%;
margin:0 0 0;
font-size:10px;
background-color:#37BD37;
color:#333;
text-align:center;

line-height:140%;

border-radius:30px;
display:inline-block;
bottom:auto;
right:auto;
}


#innerBox .box a:hover{
background-color:#900;
}

#innerBox .box.hhh{
width:97%;min-height:180px;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;
}

#innerBox .box.hhh br{
display:none;
}

#innerBox .box.hh{
width:97%;min-height:190px;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:0.5%;
}

#innerBox .box.hh br{
display:none;
}

#innerBox .box .attention{
line-height:160%;
font-size:8px;
display:block;
margin:10px 0 0;
}

#innerBox .setItems{
width:100%;
position:relative;
border-radius:3px ;
background-color:rgba(50,50,50,0.8);
margin-bottom:2%;
overflow:hidden;
height:0px;
}

#innerBox .setItems .inner{
padding:2% 2% 0;
}

#innerBox .setItems .inner p{
padding-bottom:2%;
display:block;
}

#innerBox .setItems .thums{
margin-left:-1%;
}

#innerBox .setItems .thum{
width:19%;
float:left;
margin:0 0 1.5% 1%;
}

#innerBox .setItems .thum a{
display:block;
}

#innerBox .setItems .thum p{
display:block;
width:100%;
padding:1% 1%;
text-align:center;
font-size:11px;
line-height:160%;
color:#ddd;
margin-top:3%;
}


#innerBox .box.steam{
height:auto;
}

#innerBox .box.steam img{
width:100%;
float:none;
}

#innerBox .box.steam .text{
display:block;
width:95%;
margin:10px auto 0;
float:none;
}

#innerBox .thum_seasonpass{
width:100%;
margin-left:-1%;
width:101%;
}

#innerBox .thum_seasonpass div{
width:24%;
margin:1% 0 0 1%;
float:left;

}

#innerBox .thum_seasonpass img{
display:block;
}

#innerBox .thum_seasonpass p{
display:block;
text-align:center;
font-size:9px;
line-height:140%;
margin-top:5px;
font-weight:normal;
}


}




.clearfix_af:after {
  content: "";
  display: block;
  clear: both;
}