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

#submenu{
  /*display:none;*/
}

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

/*------TOP----*/

#content_area{

}

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

#main{
  width:114%;
  margin-left:-7%;
}
.layout100{
  display:block;
  width:100%;
}

#lead{
  margin:5% auto;
  font-size:120%;
}

.pickup{
  border:1px #F00 solid;
  background-color:rgba(255,200,0,0.3);
  color:#A00;
  padding:1%;
  margin:2% auto;
  text-shadow:none;
  font-weight:bold;
}

#steps{
  border-collapse: collapse;
  width:100%;
  margin-top:3%;
  text-shadow: none;
}

#steps>tr>td{
  text-align:center;
  vertical-align:middle;
}

#steps .anc{
  display:block;
  margin:-8px auto;
  opacity:0.7;
}
#steps .step>th,
#steps .step>td{
  padding:2%;
  vertical-align:middle;
  text-align:left;
}
#steps .step>th{
  width:6em;
  font-weight:bold;
  font-size:110%;
  color:#52402f;
  background-color: #d3cf91;
  border-radius:7px 0 0 7px;
}
#steps .step>td{
  background-color: #f2f1c8;
  border-radius:0 7px 7px 0;
}

a#link_follow{
  display:inline-block;
  border:1px #22a1e8 solid;
  background-color: #FFF;
  color:#1480d9;
  padding:0 10px;
  border-radius:3px;
  margin-left:5px;
  text-decoration:none;
  font-weight:bold;
}

#steps .step>td img{
  display: block;
  width:47%;
  margin:1% auto;
  max-width:312px;
  box-shadow:2px 2px 0 rgba(0,0,0,0.12);
}

table.theme__info{
  border-collapse: collapse;
  width:100%;
  margin-bottom:3%;
}
table.theme__info th,
table.theme__info td{
  padding:1%;
  border:1px #f2f1c8 solid;
  border-width:0 0 2px 0;
  vertical-align: top;
  background-color:rgba(255,255,255,0.5);
  font-size:90%;
}
table.theme__info th{background:none;color:#594d2e;font-weight:bold;padding-bottom:0.2%;}
table.theme__info td:first-child{width:10em;}

table#howto{
  border-collapse: collapse;
  width:100%;
}

table#howto th,table#howto td{
  padding:1% !important;
  border:1px #d9ca98 solid !important;
  background-color:rgba(255,255,255,0) !important;
  border-radius: 0 !important;
  line-height:1.2;
  font-size:80%;
}
table#howto th{
  width:5.5em !important;
  text-align: center !important;
  font-size:100% !important;
  color:#111 !important;
}

#theme{
  padding:1%;
  margin-top:3%;
  text-shadow: none;
  background-color: rgba(255,255,255,0.5);
  box-shadow:3px 3px 0 rgba(0,0,0,0.3);
}
#theme table{
  border-collapse: collapse;
  width:100%;
  font-size:80%;
}
#theme table tr{border:1px #999 dotted;border-width:1px 0;}
#theme table tr td{padding:1% 1.5%;}
#theme table tr td:first-child{font-weight:bold;}
a#tweet_answer{
  position:relative;
  width:60%;
  z-index:12;
  color:#EEE;
  box-shadow:2px 2px 0 rgba(0,0,0,0.3);
  background-color:#55acee;
  border:1px #4597d5 solid;
  color:#FFF;
  text-align:center;
  text-decoration:none;
  text-shadow:none !important;
  display:block;
  padding:7px;
  margin:1.5% auto;
}
a#tweet_answer img{
  display: inline !important;
  width:38px !important;
  box-shadow:none !important;
  vertical-align: -16px;
}

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


#schedule b{
  display:block;
  font-size:120%;
  margin-top:5%;
  margin-bottom:1%;
  color:#4b4522;
}
#schedule td b:first-child{
  margin-top:0;
}

#schedule table{
  border-collapse: collapse;
  width:100%;
}

#schedule table th,#schedule table td{
  background-color:#FFF;
  padding:1%;
  border:1px #CCC solid;
  font-size:90%;
  line-height: 1.2;
  vertical-align:top;
}
#schedule table th{
  width:6em;
}

#schedule table td ul{
  margin:0;
  padding:0;
  margin-left:1.5em;
}

#schedule table td .b{
  font-weight:bold;
  color:#900;
}

#schedule table td img{
  width:100%;
  max-width:700px;
  margin:1% auto;
  display:block;
}

.list_title{
  font-size:80%;color:#444;
  margin-top:2%;
  margin-bottom:0.5%;
  font-weight:bold;
}
.act_list{
  font-size:80%;color:#444;
  display:flex;
  flex-flow: row wrap;
  padding:1%;
  border:1px #CCC solid;
}
.act_list>div.act{
  display:inline-block;
  width:13%;
  margin:0.2%;
}

/*.end{
  color:#AAA !important;
}
.end td .b{
  color:#AAA !important;
}*/
b.end:after{
  content:"募集は終了しました";
  display:inline-block;
  padding:0 5px;
  background-color:#F00;
  color:#FFF;
  text-shadow:none;
  font-size:60%;
  margin-left:0.5%;
  vertical-align: 3px;
}
/*.end td{
  background-color:#666;
}*/

#attention{
  font-size:80%;
  margin:5% auto;
}

#attention ul{
  margin-left:-1.2em;
}


a.btn_result{
  display:block;
  padding:1px 20px;
  text-shadow:none;
  color:#FFF;
  text-decoration:none;
  text-align:center;
  background-color:#2f648a;
  background:linear-gradient(to bottom,#2f648a,#1c4a6b);
  width:80%;
  max-width:400px;
  margin:3% auto;
  padding:1.5%;
  position:relative;
}
a.btn_result:before{
  content:"";
  display:block;
  border:1px #778ba1 solid;
  position:absolute;
  top:2px;right:2px;bottom:2px;left:2px;
}


@media screen and (max-width:640px){
  .act_list>div.act{
    width:25%;
  }
}


/*-----result------*/



section>div .info_body{
  width:100%;
}

section>div .info_body a{
  display:inline-block;
  margin-top:10px;
  margin-right:3px;
  padding:1px 20px;
  text-shadow:none;
  color:#FFF;
  text-decoration:none;
  text-align:center;
  background-color:#2f648a;
  background:linear-gradient(to bottom,#2f648a,#1c4a6b);
}

section>div .info_body .result{
  background-color:rgba(255,255,255,0.5);
  padding:2%;
  padding-top:50px;
  padding-bottom:50px;
  box-shadow:3px 3px 0 rgba(0,0,0,0.3);
  border:1px rgba(255,255,255,0.8) solid;
  position:relative;
}



#content_selecter{
  display: flex;
  flex-flow: nowrap row;
  justify-content: center;
  text-align: center;
  margin-top:2%;
}

#content_selecter .tab{
  display: inline-block;
  width:24.8%;
  margin:0;
  border:1px #AAA solid;
  background: none;
  background-color:rgba(255,255,255,0.7);
  padding:1.5%;
  color:#111;
  font-size:75%;
  line-height:1.4;
  margin-right:-1px;
}
#content_selecter .tab .theme{
  font-size:150%;
  font-weight:bold;
}

#content_selecter .tab:first-child{border-radius:6px 0 0 6px;}
#content_selecter .tab:last-child{border-radius:0 6px 6px 0;}
#content_selecter a.check:after{
  font-size:70%;
  transform:rotate(-45deg) translate(-32%, -220%);
}

#content_selecter span.tab{
  color:#dadada;
  cursor:default;
}

.result_award{
  display:none;
}
h3{
  margin:0;
  padding:0;
  margin:7% auto 1% !important;
  font-size:100%;
  font-weight:bold;
  text-shadow:0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8),0 0 5px rgba(255, 255, 255, 0.8) !important;
  text-align: center !important;
  border-width: 0;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
h3#prize1{
  color:#6f5e05 !important;
}

h3#prize2{
  color:#575e67 !important;
}

h3 b{
  display:inline-block;
  padding:0 50px;
  border-width:0 0 3px;
  border-style: double;
  font-size:250%;
}
h3#prize1 b{ border-color:#6f5e05 ;}
h3#prize2 b{ border-color:#575e67 ;}

h4{
  text-align:center;
  font-size:150%;
  margin-top:2%;
  color:#222;
  line-height:1.2;
}

h4 .push{
  font-size:120%;
  color:#222;
}

.award_photo{
  display:block;
  width:100%;
  margin:0 0 1%;
}

.producer_comment{
  margin-bottom:7%;
}

a.link_twitter{
  display:block;
  width:250px;
  padding:8px;
  margin:0 auto 3%;
  background:linear-gradient(to bottom,#1da1f2,#1289d2);
  border-radius:6px;
  text-align:center;
  color:#FFF;
  text-decoration: none;
}


section>div .info_body a.btn_back{
  display:block;
  width:80px;
  padding:3px;
  margin:0;
  position:absolute;
  top:0;
  right:0;
  /*transform:translate(0,-100%);*/
}

section>div .info_body a.btn_back:last-child{
  top:auto;
  bottom:0;
  /*transform:translate(0,-100%);*/
}
/*------------*/



@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
  section>div{
    padding:10px;
    padding-top:30px;
  }
  section>div img{
    width:100%;
    float:none;
    /*margin-top:20px;*/
  }

  section>div .info_body{
    float:none;
    width:100%;
  }

  #content_selecter .tab{font-size:3vw;}
  h3{font-size:3vw;}
  h4{font-size:4vw;}
  .producer_comment{font-size:3.5vw;}

}

/*　190822 追加　*/

.line {
  text-decoration: line-through;
}

.r_btn {
	font-size:16px;
	width:99%;
	margin:1% auto 0;
	
}
.r_btn a { 
	text-decoration:none;
	color: #000;
	}
	
.title01{
	width:99%;
	margin:2% auto;
	}
.title01 img{ width:100%; }