#content_bg{
  background-image:url(../images/photomode/bg.jpg);
}
#content_area{
}
#submenu nav>*{
  width:30%;
}
#content_area #content_body{
  display: block;
  max-width:900px;
  margin:5% auto;
  width:90%;
}

h2{
  font-size:180% !important;
  margin: 7% auto !important;
}

h3{
  border-style: double;
  border-width:0 0 3px;
  margin:0 0 3% !important;
}

.headline_selecter{
  /*border:1px #BBB solid;*/
  padding:1.5%;
  display:flex;
  flex-flow: wrap row;
  font-size:90%;
  justify-content: space-between;
}

.link_pagetop a,
.headline_selecter a{
  display:block;
  background-color:rgba(255,255,255,0.7);
  border:1px #BBB solid;
  border-radius:4px;
  text-align:left;
  /*border-width:0 1px 0 0;*/
  padding:1%;
  padding-left:2%;
  margin:0.5% 0.2%;
  text-decoration: none;
  color:#500;
  font-weight:normal;
  text-shadow:none;
  line-height:1.2;
  box-shadow:2px 2px 0 rgba(0,0,0,0.3);
}
.headline_selecter a{
  width:49%;/*100%;*/
}
.headline_selecter a:before{
  content:"▼ ";
}
.headline_selecter a.update:after,
.headline_selecter a.new:after{
  display:inline-block;
  padding:2px 10px;
  float:right;
  /*margin-left:5px;*/
  border-radius:3px;
  color:#FFF;
  font-size:80%;
  text-align:center;
}
.headline_selecter a.update:after{
  content:"UPDATE";
  background-color:#c95513;
}
.headline_selecter a.new:after{
  content:"NEW";
  background-color:#d21111;
}

.link_pagetop a{
  width:30%;
  font-size:70%;
}
.link_pagetop{text-align:right;margin-top:2%;}
.link_pagetop a{display:inline-block;width:12em;text-align:center;}

/*#headline_selecter a:nth-child(3n){
  border-width:0;
}*/


h4{
  margin:0;
  margin-top:5%;
  padding:0;
  padding-top:5%;
  border:1px #222 dotted;
  border-width:1px 0 0;
}

h4 .update,h4 .new{
  display:inline-block;
  color:#FFF;
  padding:0 5px;
  border-radius: 3px;
  text-shadow:none;
  font-size:70%;
  vertical-align:2px;
  margin-left:5px;
}
h4 .update{background-color:#cc621f;}
h4 .new{background-color:#d21111;}

.headline_selecter + h4{
  padding-top:0;
  border-width:0;
}

h5{
  margin:0;
  padding:0;
  margin-bottom:1%;
  font-size:120%;
  font-weight:bold;
}

h6{
  margin:0;
  padding:0;
  margin-top:3%;
  margin-bottom:1%;
  font-size:90%;
  font-weight:bold;
}

.content_movie:after{
  display:none !important;
}

.content_detail{
  border:2px #FFF solid;
  background-color:rgba(255,255,255,0.3);
  padding:1.5%;
  box-shadow:3px 3px 0 rgba(0,0,0,0.2);
  margin-top:1.5%;
}
ol,ul{
  margin:1% 0;
}

ol li{
  margin-bottom:2%;
}

ol li.new>b:after{
  content:"NEW";
  background-color:#900;
  color:#FFF;
  padding:0 5px;
  margin-left:3px;
  display:inline-block;
  font-size:70%;
  text-shadow:none;
  border-radius:3px;
  vertical-align:2px;
}
.screenshot{margin:0.5% 0;}
.screenshot a{width:19%;}

table.functions,
table#difficulty,
table.bgm,
table.animal{
  border-collapse: collapse;
  width:100%;
  margin:0;
}

table#difficulty th,table#difficulty td,
table.functions th,table.functions td,
table.bgm th,table.bgm td,
table.animal th,table.animal td{
  border:1px #AAA solid;
  padding:1%;
  font-size:80%;
}
table#difficulty th,table#difficulty td{text-align:center;}


table.functions th{width:12em;text-align: left;}
table#difficulty thead th{background-color:#bbbbbb;width:11%;text-shadow:none;}

table.bgm td{width:25%;}
table.bgm tr:first-child th{padding-top:0;}

table.animal tr th{background-color:rgba(245, 232, 208, 0.5);text-align:center;}
table.animal tr th:first-child{width:15%;}

table th[colspan]{border-width:0;padding-top:3%;text-align: left;}
table .new:after,table .update:after{display:inline-block;border:1px #F00 solid;padding:0 3px;color:#F00;font-size:70%;margin-left:7px;vertical-align:1px;}
table .new:after{content:"NEW";}
table .update:after{content:"UPDATE";}

.content_detail table.functions .screenshot{float:right;width:30%;max-width:150px;margin-left:1%;}
.content_detail table.functions .screenshot a{display:block;width:100%;}

#content_body a.link_btn{
  display:block;
  width:80%;
  max-width:30em;
  margin:15px auto;
  padding:15px 20px;
  text-shadow:none;
  color:#FFF;
  text-decoration:none;
  text-align:center;
  background-color:#2f648a;
  background:linear-gradient(to bottom,#2f648a,#1c4a6b);
  position:relative;
}
#content_body a.link_btn:after{
  content:"";
  display:block;
  position:absolute;
  top:3px;right:3px;bottom:3px;left:3px;
  border:1px rgba(255,255,255,0.3) solid;
}


h6.tougijou__insentive__toggle{
  display:block;
  border:1px #AAA solid;
  background-color:#edebde;
  padding:1px 5px;
  text-shadow: none;
  border-radius:3px 3px 0 0;
  cursor:pointer;
  margin-bottom:0;
}
h6.tougijou__insentive__toggle.new:after{
  content:"NEW";
  display:inline-block;
  border:1px #F00 solid;
  background-color:#FFF;
  padding:0 3px;
  color:#F00;
  font-size:70%;
  margin-left:7px;
  vertical-align:1px;
}
.tougijou__insentive{display:none;}

@media screen and (max-width:640px){
  .headline_selecter a{
    width:100%;
  }
  table.functions th{width:30%;}

  /*.headline_selecter a{
    width:100%;
    box-shadow:none;
    margin-top:-2px;
    border-radius:0;
  }
  .headline_selecter a:first-child{
    border-radius:4px 4px 0 0;
  }
  .headline_selecter a:last-child{
    border-radius:0 0 4px 4px;
  }*/
}