.oneword{
  display:inline-block;
}

body{
  margin:0;
  background-color:#000;
}
#wrapper{
  width:100%;
  position:relative;
  top: 0;

}
main{
  display:block;
  position:relative;
  overflow:hidden;
  
}
/*main #animation>div{
  position:relative;
  width:100%;
  padding-top:48.6%;
}

main #animation>div img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}*/

main #animation{
  position:relative;
  width:100%;
  padding-top:48.6%;
}

main #animation img{
  width:100%;
}

main #info{
  width:48%;
  max-width:700px;
  position:absolute;
  bottom:5px;
  left:50%;
  transform:translate(-50%,0);
  font-size:60%;
  z-index:101;
}

#features{
  background-color:#e60012;
  overflow:hidden;
}

#features>div{
  width:100%;
  max-width:1000px;
  display:block;
  margin:0 auto;
}
#features>div img{
  width:100%;
}

#titles{
  display:flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background-color:#f1f1f1;
  background:linear-gradient(to bottom,#FFF,#f1f1f1);
  padding:0.3%;
}

#titles .item{
  display:inline-block;
  width:33%;/*33.333%;*/
}

#titles .item img{
  width:100%;
}
#titles .item .item_body{
  padding:1% 6%;
}
#titles .item .item_body p{
  margin:0;
  padding:0;
}
#titles .item table{
  width:100%;
  border-collapse: collapse;
  margin-top:4%;
}
#titles .item table th,
#titles .item table td{
  padding:1%;
  vertical-align:top;
  font-size:90%;
  border:1px #CCC solid;
  background-color: #EEE;
}
#titles .item table td{
  background-color: #FFF;
}
#titles .item table tr:last-child td{
  border-width:0;
  padding-bottom:10%;
  background: none;
}

#titles .item table th{
  width:4em;
  text-align:left;
}

#titles .item table td a{
  display:inline-block;
  margin:1%;
  padding:2% 3%;
  text-decoration: none;
  text-align: center;
  border-radius:3px;
}

#titles .item table td a.officialsite{
  width:42%;
  background-color:rgb(238, 176, 15);
  color:#340c0c;
}
#titles .item table td a.order{
  width:42%;
  background-color:rgb(184, 31, 31);
  color:#FFF;
}
#titles .item table td a.dlc{
  width:91.5%;
  background:none;
  border:1px #AAA solid;
  color:#222;
  font-size:80%;
}

#spec{
  background-color:#e60012;
  padding:10px;
}

#spec>div{
  width:90%;
  max-width:800px;
  margin:0 auto;
}
#spec table{
  width:100%;
  border-collapse: collapse;
}

#spec table th,
#spec table td{
  padding:0.5% 1%;
  border:1px rgba(255,255,255,0.3) dotted;
  border-width:1px 0 0;
  color:#FFF;
  vertical-align: top;
}

#spec table th{
  width:4em;
}

ul.btn_box{width: 95%; max-width:1000px;  margin: 0; padding: 0; margin: 0 auto; color: #5e030a; list-style-type: none;}
ul.btn_box li{margin: 0; padding: 0; width: 50%; float: left;}
ul.btn_box li img{width: auto; max-width:100%;}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

footer{
  background-color:#000;
}

footer #copyright{
  width:80%;
  max-width:600px;
  display: block;
  margin:0 auto;
}
footer #socialbuttons{
  text-align:center;
  margin:2% 0;
}
footer #socialbuttons img{
  width:20%;
  max-width:45px;
  margin:0 0.5%;
}


/*--CUSTOM--*/
.bx-wrapper .bx-viewport{
  border-width:0 !important;
  left:0 !important;
  box-shadow:none !important;
  background:none;
}








/* pv_box */
.bg_red{background:#e60012;}
.pv_box{width: 95%; max-width: 900px; margin: 0 auto; padding-top: 2%;}
.pv_box img{width: auto; max-width: 100%;}
.pv_left_box{
	width: 60%;
	margin: 0 auto;
	text-align: left;
	float: left;

}
.pv_right_box{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	float: right;
}

.dltxt{font-size: 11px; padding: 5px; background:#eee; border-top: solid 2px #5d5d5d; border-bottom: solid 2px #5d5d5d;}
.dltxt_title{font-size: 14px; font-weight: 800; color: #b81f1f;}



@media screen and (max-width:640px){
  /*main{
    width:150%;
    margin-left:-25%;
  }*/
  main #animation{
    padding-top:73%;
  }

  main #info{
    width:70%;
    bottom:1px;
  }
  #features>div img{
    width:110%;
    margin-left:-5%;
  }
  #titles .item{
    width:100%;
  }
  /*#titles .item img{
    width:40%;
  }*/
  #titles .item .item_body{
    padding:1%;
    /*float:right;
    width:58%;*/
  }
}