#index #content_bg{
  /*background-image:url(../images/index/bg.jpg);*/
  background-size:120% auto;
  background-position:left top;
  /*position:relative;*/
}

#index #content_bg>#bg_white{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color: rgba(255,255,255,0.75);
  opacity:0;
}

#content_bg video{
  position:absolute;
  top:0;
  /*left:50%;
  transform:translate(-50%,0);*/
  left:0;
}

#content_bg #index_chouun{
  height:100%;
  margin-left:7%;
  opacity:0;
  position:relative;
}

/*#content #submenu nav a{
  width:40%;
}*/


#content #content_area{
  /*padding-bottom:200px;*/
  background:none;
}

#content #content_body{
  padding:0;
}


/*#index_main{
  width:50%;
  margin-top:100px;
  float:right;
}*/

#index_main img{
  width:100%;
}

#award{
  position:absolute;
  top:3%;
  left:3%;
  width:90%;
}

#award img{
  margin:0 1%;
}
#award #award_JGA{
  width:10%;
  max-width:118px;
}

#award #award_famitsu{
  width:25%;
  max-width:302px;
}

/*----SPEC-----*/
#spec{
  background-color:rgba(288,255,255,0.8);
  border:1px #FFF solid;
  padding:2% 1%;
  text-shadow:none;
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:3%;
}

#spec table{
  border-collapse: collapse;
  width:55%;
}

#spec table th,
#spec table td{
  text-align:left;
  vertical-align: top;
  font-size:90%;
  padding:2px 15px 2px 5px;
  border:1px #999 dotted;
  border-width:1px 0 0;
}

#spec table tr:first-child th,
#spec table tr:first-child td{
  border-width:0;
}

#spec table th{
  white-space: nowrap;
}

#spec a{
  display:block;
  width:40%;
  background:color:#c81e1e;
  background:linear-gradient(to bottom,#c81e1e,#9f1212);
  border:1px #ad1e10 solid;
  color:#FFF;
  text-align:center;
  text-decoration:none;
  padding:7px;
  margin:10px auto;
  max-width:500px;
  font-size:24px;
  border-radius:3px;
  position:relative;
}

#spec a>span{
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  line-height:1.2;
  transform:translate(-50%,-50%);
}

@media screen and (max-width:1024px){
  #spec table th,#spec table td{
    display:block;
    width:100%;
  }

  #spec table td{
    border-width:0;
  }
}


@media screen and (max-width:768px){
  #spec{
    display:block;
  }
  #spec table{
    width:100%;
  }

  #spec table th,#spec table td{
    display:table-cell;
    width:auto;
  }

  #spec table td{
    border-width:1px 0 0;
  }
  #spec table tr:first-child td{
    border-width:0;
  }

  #spec a{width:80%;margin:20px auto;}
  #spec a>span{position: relative;left:0;transform:none;}

}


#info_area{
  margin-top:10%;
}
/*---Banner----*/
#info_area .banner100{width:100%;}
#info_area .banner50{width:49.7%;}
#info_area .banner30{width:32.9%;}
@media screen and (max-width:459px){
  #info_area .banner50{width:100%;}
  #info_area .banner30{width:32.5%;}
}

#playerslink{
  margin-bottom:5%;
/*  display:flex;
  flex-flow: nowrap;
  justify-content: space-between;*/
}



/*---PICKUP & News,Info---*/
#pickup_area,
#topic_area,
#banner_area{
  margin:0 0 10%;
  display: flex;
  flex-flow: row wrap;
}


#info_area h3{
  text-align:center;
  color:#ad2315;
  border-width:0;
  margin-bottom:1%;
  text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 7px #FFF,0 0 7px #FFF,0 0 8px #FFF,0 0 10px #FFF,0 0 10px #FFF,0 0 20px #FFF;
  font-size:200%;
  font-weight:900;
}
#info_area .item{
  display:block;
  float:left;
  padding:15px 15px;/*1.5%;*/
  text-decoration:none;
  line-height:1.3;
  text-shadow: none;
  box-shadow:3px 3px 0 rgba(0,0,0,0.2);
  position:relative;
  /*margin-top:10px !important;*/
}

#info_area #pickup_area .item{
  background-color:rgba(255, 243, 173, 1);
  border:4px #d1be7b solid;
}

#info_area #topic_area .item{
  background-color:rgba(250,250,250,1);
  border:4px #FFF solid;
}

#info_area #pickup_area a.item:hover{
  border:4px #b09432 solid;
}

#info_area #topic_area a.item:hover{
  border:4px #acbcc8 solid;
}


#info_area .level1{
  width:99%;
  margin:0.5%;
}
#info_area .level2{
  width:49%;
  margin:0.5%;
  padding:7px 7px;/*1.5%;*/
}

#info_area .level3{
  width:32.3%;
  margin:0.5%;
  padding:5px 5px;/*1.5%;*/
}

#info_area #pickup_area .item img,
#info_area #topic_area .item img{
  display:block;
  width:100%;
  margin-bottom:1.2%;
}


#info_area time{
  font-size:90%;
  color:#663535;
}
#info_area h4{
  margin:0;
  padding:0;
  font-size:120%;
}

#info_area #pickup_area .item h4{
  color:#d51818;
  text-align:center;
}

#info_area #topic_area .item h4{
  color:#692828;
  font-size:100%;
}


#info_area #banner_area a{
  display:inline-block;
  width:32.3%;
  width:49%;
  margin:0.5%;
}

#info_area #banner_area a img{
  width:100%;
}

#pickup_area .check:after{
  font-size:100%;
  font-weight:bold;
  padding:7px 75px;
}



/*--*/

#link_openworld{
  margin-top:60px;
}

#banners_sp{
  margin-top:50px;
}

#banners_sp img{
  width:80%;
  display: block;
  margin:20px auto;
}

@media screen and (min-width:460px){
  #index_main{
    width:50%;
    margin-top:100px;
    margin-right:5%;
    float:right;
  }
}

@media screen and (max-width:1024px){
  /*#index_main{
    margin-right:5%;
  }*/
}

@media screen and (max-width:768px){
  #index #content_bg{
    background-size:150% auto;
    background-position:50% 0;
  }

  #award{
    position:static;
    /*top:auto;
    bottom:-27%;*/
    text-align:center;
    width:100%;
  }

  #award #award_JGA{
    width:26%;
  }
  #award #award_famitsu{
    width:65%;
  }



  #pickup_area .check:after{
    font-size:90%!important;
    padding:6px 57px;
  }
}
@media screen and (max-width:459px){
  #index_main{
    float:none;
    margin:20% auto 0;
    width:80%;
  }

  #index_main>img{
    width:95%;
    margin:0 auto;
    display: block;
    margin-top:65%;
  }

  #info_area{
    margin-top:15%;
  }
  #info_area #topic_area .item{ width:100%;margin-top:3px !important;}
  #info_area #topic_area .item img{
    width:40%;
    float:left;
    margin-right:1.2%;
    margin-bottom:0.5%;
  }

  #banner_twittericons{
    margin-top:10px;
  }

}