#content_bg{
  background-image:url(../images/steam/bg.jpg);
}

#submenu{
  display:none !important;
}

#submenu nav>*{
  width:33%;
}

.memo{
  font-style:oblique;
  font-size:80%;
  color:#555;
}
.memo:before{
  content:"▲作業用メモ："
}
a.dummy:before{
  content:"仮";
  font-weight:bold;
  color:rgba(255,255,255,0.7);
  font-size:100px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-shadow:none;
  z-index:1;
}
/*-------*/
#content_area{

}

#content_area>*{
  display: block;
  max-width:900px;
  margin:5% auto;
  width:90%;
}

#header_img{
  max-width:100%;
  margin:0;
  width:100%;
}

#content_area>#submenu{
  width:100%;
  max-width: inherit;
  margin-top:0;
}

.lead{
  text-align:center;
  font-size:130%;
  margin-top:3% !important;
  font-weight:bold;
}
.lead b{
  font-size:150%;
  color:#900;
}

/*----特徴----*/

#feature{
  margin-top:2%;
}
#feature h2{
  line-height:1.2;
  margin-top:10%;
}
#feature h2 .subtitle{
  font-size:70%;
  color:#A00;
}

table.campaign{
  width:100%;
  border-collapse: collapse;
}
table.campaign th,
table.campaign td{
  padding:0.2em 0.7em;
  text-align:left;
  font-weight:normal;
  border:1px #DDD solid;
  background-color: rgba(255,255,255,0.5);
  font-size:80%;
  text-shadow:none;
}
table.campaign th{width:7em;background-color:rgba(240, 227, 175, 0.5);}
table.campaign td[colspan='2']{border-width:0;padding-top:1em;padding-left:0;background:none;}


.edition_selecter{
  display:flex;
  flex-flow:nowrap;
  justify-content: center;
}
.edition_selecter a{
  width:30%;
  margin:1.5%;
  display:block;
  background: linear-gradient(to bottom,#FFF,#DDD);
  box-shadow: 0 0 3px rgba(0,0,0,0.75);
  text-align:center;
  border-radius:2em;
  padding:0.5em 1em;
}
.edition_selecter a img{
  display:block;
  width:100%;
}

.edition_selecter a.current{
  background: linear-gradient(to bottom,#FFF,#eee58d);
}
.edition-img{
  width:100%;
  display:none;
}
.edition-img img{
  display: block;
  box-shadow:0 0 3px rgba(0,0,0,.5);
  width:100%;
}
.edition-img#seasonpassset{
  display:block;
}
.dlcset{
  background:linear-gradient(to bottom,#EEE,#CCC);
  box-shadow:0 0 5px rgba(0,0,0,0.5);
  color:#333;
  margin:4% auto 2%;
  padding:1em;
  position:relative;
  border-radius:7px;
}
.dlcset .dlcset_name{
  display:block;
  width:70%;
  max-width:500px;
  margin:2% auto 1%;
}
a.link_detail{
  font-size:90%;
  display:block;
  text-align: center;
  margin:1em auto;
  text-shadow: none;
  color:#111;
  padding:0.2em 1em;
  width:18em;
  background-color:rgba(255,255,255,0.5);
  text-decoration: none;
  border:1px #777 solid;
  border-radius:100px;
}
.dlcset .dlcset_rate{
  position: absolute;
  top:5px;right:5px;
  /*transform: translate(10%,-10%);*/
  width:7%;
  max-width:100px;
}
.dlcset .dlcset_info{
  padding:1em;
}
.dlcset.dlc-seasonpass .dlcset_info{
  text-align:center;
  font-size:120%;
  border-radius:5px;
  background-color:rgba(255,255,255,0.7);
  padding:0.5em;
  margin-top:3%;
}

.dlcset .dlcset_info table{
  width:100%;
  border-collapse:collapse;
}
.dlcset .dlcset_info table td{
  border:1px #CCC solid;
  padding:0.5em;
  text-align:center;
  font-size:80%;
  background-color:rgba(255,255,255,0.8);
}
.list-weapon td{width:20%;}
.list-scenario td{width:25%;}
.list-costume td{width:50%;}


#feature h3{
  margin:0;
  padding:0;
  margin:7% 0 1%;
  text-align: left;
  font-size:150%;
}
#feature h3:first-child{
  margin-top:0;
}

#feature h3.new:after{
  content:"NEW";
  display: inline-block;
  padding:0px 10px 0;
  background-color: rgba(255,255,255,0.8);
  border:1px #F00 solid;
  color:#F00;
  font-size:60%;
  vertical-align:3px;
  margin-left:3px;
}
#feature .feature_body b{
  font-weight:bold;
}

#product_info table{
  border-collapse: collapse;
  width:95%;
  margin:0 auto;
}
#product_info table th,
#product_info table td{
  padding:1% 2%;
  border:1px #999 dotted;
  border-width:0 0 1px;
  text-align:left;
  font-size:100%;
}
#product_info table th{width:7em;}

#product_info table tr:last-child th,
#product_info table tr:last-child td{
  border-width:0;
}
#product_info a,
#product_info span{
  display:inline-block;
  background-color:#3671c9;
  border:1px #2462be solid;
  width:45%;
  margin:0.5% 2%;
  text-align:center;
  padding:2%;
  color:#FFF;
  text-shadow: none;
  text-decoration: none;
  border-radius:4px;
}
#product_info span{
  background-color:#8d9fbb;
  border:1px #8d9fbb solid;
  color:#6d7e90;
}

.btns{
  text-align: center;
  margin:3% 0 2%;
}
.edition-img .btns{
  margin-top: 0;
}
a.btn_detail{
  text-shadow:none;
  color:#FFF;
  text-decoration:none;
  text-align:center;
  background-color:#2f648a;
  background:linear-gradient(to bottom,#2f648a,#1c4a6b);

  display:inline-block;
  width:31%;
  min-width:200px;
  margin:2% 0.5% 0;
  padding:1.5%;
  line-height:1.2;
  border-radius:5px;

  font-size:80%;
}

/*----DLC---*/


@media screen and (max-width:640px){
  #product_info a{
    width:90%;
  }
}