@charset "utf-8";

/*Reset*/
html,body,h1,h2,p,table,tr,th,td,dl,dd,dt{
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
img{
  vertical-align: bottom;
}
ul{
  list-style: none;
}
table{
  border-collapse: collapse;
}
/*----body----*/
body{
  background-color: #e2ebef;
}
/*----.container----*/
.container{
  max-width: 900px;
  background-color: #fff;
  margin: 0 auto;
}
/*----header----*/
header{
  background-color: #000;
}
header h1{
  margin-bottom: 30px;
  padding-top: 50px;
}
header h1 img{
  max-width: 100%;
  height: auto;
}
/*----.info----*/
.info,.content-area{
  width: 88.8%;
  margin: 0 auto;
}
.info h2{
  height: 40px;
  line-height: 40px;
  background-color: #f7fafa;
  font-size: 22px;
  padding-left: 20px;
  border-left: 2px solid #13966a;
  margin-bottom: 20px;
}
/*----.text----*/
.text{
  margin-bottom: 20px;
}
.text h3{
	line-height: 1.3;
}
.text p{
  line-height: 1.7;
}
.text p a{
  color: #298fdb;
}
.req_red{
  color: #f00;
  line-height: 1.5;
}
.attention_red{
  display: flex;
  font-size: 14px;
  margin-top: 10px;
}
.attention_red dt{
  width: 120px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.5;
}
.attention_red dd{
	line-height: 1.5;
}
/*----footer----*/
footer{
  padding-bottom: 20px;
}
footer p{
  color: #333;
  text-align: center;
}
footer p small{
	font-size: 14px;
}
footer p small br{
	display: none;
}
/*----acf-fields----*/
/*わぉ！わぉ！の投稿フォーム*/
.acf-fields table{
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.acf-fields .acf-label/*td-left*/{
  width: 30%;
  background-color: #efefef;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  padding: 20px;
  border: 1px solid #ccc;
  /*white-space: nowrap;*/
}
.acf-fields .acf-label .description{
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal;
}
.acf-fields .acf-required/*span*/{
  color: #f00;
}
.acf-fields .acf-input/*td-right*/{
  text-align: left;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #ccc;
}
.acf-fields .acf-input ul{
	padding-left: 0;
}
.acf-fields .acf-input ul li{
	margin-bottom: 5px;
}
.acf-fields .acf-input ul li:last-child{
	margin-bottom: 0;
}
.acf-fields .acf-input-wrap input{
  width: 100%;
  box-sizing: border-box;
  /*font-size: 14px;*/
  font-size: 16px;
  padding: 10px;
  border: 2px solid #eee;
}
.acf-fields .acf-input select{
  width: 100%;
  border: 2px solid #eee;
  outline: none;
  padding: 10px 10px 10px 3px;
  font-size: 16px;
}
.acf-fields .acf-input textarea{
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  padding: 10px;
  border: 2px solid #eee;
}
.to_upload/*フォームinputボタンのspan*/{
  display: block;
  width: 400px;
  height: 60px;
  background-color: #13966a;
  color: #fff;
  text-align: center;
  border: 2px solid #13966a;
  margin: 0 auto 50px;
}
.to_upload:hover{
  background-color: #fff;
  color: #13966a;
}
.entry_error,.upload_error p/*エラーコメント*/ {
  color: red;
  background-color: #ff0;
  font-weight: bold;
  line-height: 1.5;
  padding: 10px 20px;
  margin-bottom: 20px;
}
/*アップロード投稿画面*/
.green{
  color: #13966a;
}
.upload_table img{
  width: 200px;
  margin-bottom: 20px;
}
.upload_table{
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.upload_table td{
  border: 1px solid #ccc;
}
.upload_table .td_left{
  width: 200px;
  background-color: #eee;
  text-align: left;
  vertical-align: top;
  padding: 20px 15px;
}
.upload_table .td_left p{
	white-space: nowrap;
}
.upload_table .td_right{
  font-size: 14px;
  line-height: 1.7;
  padding: 15px 10px;
  word-break: break-all;
}
.upload_table .td_right .upload_title{
  width: 100%;
  height: 30px;
  font-size: 14px;
  box-sizing: border-box;
  border: 2px solid #eee;
}
.upload_table .td_right textarea{
  width: 100%;
  height: 80px;
  font-size: 14px;
  box-sizing: border-box;
  border: 2px solid #eee;
}
.image_text{
  color: #f00;
}
/*ファイルを選択*/
#Select_1,#Select_2,#Select_3,#Select_4,#Select_5{
  display: none;
}
.select_photo1,.select_photo2,.select_photo3,.select_photo4,.select_photo5{
  display: block;
  width: 190px;
  height: 40px;
  line-height: 40px;
  background-color: #13966a;
  color: #fff;
  text-align: center;
  border: 2px solid #13966a;
  margin: 10px 0 20px;
}
.select_photo1:hover,.select_photo2:hover,.select_photo3:hover,.select_photo4:hover,.select_photo5:hover{
  background-color: #fff;
  color: #13966a;
  cursor: pointer;
}
/*アップロードのボタン*/
button{
  width: 190px;
  height: 40px;
  background-color: #13966a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border: 2px solid #13966a;
  margin-bottom: 20px;
  cursor: pointer;
  outline: none;
}
button:hover{
  background-color: #fff;
  color: #13966a;
  cursor: pointer;
}

/*写真情報を確定するボタン*/
.fix_button{
  width: 300px;
  background-color: #ff6600 !important;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border: 2px solid #ff6600 !important;
  margin-bottom: 20px;
  cursor: pointer;
  outline: none;
}
.fix_button:hover{
  background-color: #c95000 !important;
  color: #FFFFFF;
  cursor: pointer;
}

.write_epi{
  width: 300px;
}
/*uploadのinputボタンのspan*/
.wrap_button{
  max-width: 480px;
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
}
.wrap_button button{
  margin-bottom: 0;
}
.send_back{
  text-decoration: none;
  color: #fff;
}
.send_back:hover{
  color: #13966a;
}
/*確認画面*/
.conf_left{
  width: 30%;
  background: #eee;
}
.content-area table{
  width: 100%;/*800px;*/
  margin: 0 auto;
  border: 1px solid #ccc;
}
.content-area td{
  padding: 20px;
  font-size: 14px;
  border: 1px solid #ccc;
}
.content-area td.img_desc {
  vertical-align: initial;
}
.content-area td.img_desc .img_title {
  font-size: 1.0rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.content-area td.img_desc .img_episode {
  max-width: 500px;
  word-wrap: break-word;
}
.entry_id{
  display: none;
}
/*完了画面*/
.text_conf{
  text-align: center;
}
address{
  font-style: normal;
  line-height: 1.5;
}
.address_shizen{
  font-weight: bold;
  color: #f00;
}
.contact_shizen/*枠線内*/{
  max-width: 580px;
  margin: 20px auto 50px;
  padding: 10px;
  border: 2px solid #ccc;
  box-sizing: border-box;
}
.contact_p/*p*/{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.close_comf a{
  display: block;
  text-decoration: none;
  max-width: 400px;
  height: 60px;
  background-color: #fff;
  color: #13966a;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto 50px;
  padding-top: 5px;
  border: 2px solid #13966a;
  box-sizing: border-box;
}
.close_comf a:hover{
  background-color: #13966a;
  color: #fff;
}
/*ダウンロードのログインページ*/
.login_download table{
  margin: 0 auto 20px;
}
.login_download td{
  padding: 10px;
}
.login_download input{
  font-size: 16px;
}
.login_download button{
  display: block;
  width: 190px;
  height: 40px;
  background-color: #13966a;
  color: #fff;
  text-align: center;
  border: 2px solid #13966a;
  margin: 0 auto 20px;
  cursor: pointer;
  outline: none;
}
button:hover{
  background-color: #fff;
  color: #13966a;
}
/*ダウンロードページ*/
.download_page .container{
  padding-bottom: 20px;
}
.download_page h1{
  margin-bottom: 0;
}
.text_download{
  background-color: #fff;
  padding-top: 20px;
  margin: 0 20px;
}
.text_download h2{
  margin-bottom: 10px;
}
.text_download p{
  font-size: 15px;
  line-height: 1.7;
}
.download_table{
  margin: 0 20px;
  border: 0;
  box-sizing: border-box;
}
.download_table table{
  border-collapse: collapse;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}
.download_table th,.download_table td{
  text-align: center;
  padding: 10px 0;
  border: 1px solid #ccc;
}
.download_table th{
  width: 215px;
  padding: 10px 0;
}
.wrapper{
  margin: 0 20px 30px;
}
/*----レスポンシブ----*/
@media screen and (max-width:550px){
  header h1{
    margin-bottom: 10px;
  }
  .info{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .info h2{
    background-color: #fff;
    border-left: 3px solid #13966a;
  }
  .text p{
    font-size: 14px;
  }
  .text h3{
    font-size: 17px;
  }
  /*応募フォーム*/
  .acf-fields .acf-label{
    display: block;
    width: unset;
  }
  .acf-fields .acf-input{
    display: block;
  }
  .acf-fields .acf-input textarea{
    height: 150px;
  }
  .next_page{
    width: 100%;
  }
  .entry_error,.upload_error{
    font-size: 14px;
  }
  .acf-label br{
  	display: none;
  }
  /*写真アップロード*/
  .upload_table .td_left{
    display: block;
    width: unset;
  }
  .upload_table .td_right{
    display: block;
  }
  .to_upload{
  	width: 100%;
  }
  .td_left p{
  	white-space: nowrap;
  }
  .td_right form{
  	line-height: 1.7;
  }
  .td_right form label{
  	width: 170px;
  }
  .wrap_button{
    width: 100%;
  }
  .wrap_button button{
  	width: 130px;
  }
  /*確認画面*/
  .conf_left{
    width: unset;
  }
  .content-area td{
    display: block;
  }
  /*完了画面*/
  .text_conf{
    text-align: left;
  }
	footer{
		padding-bottom: 15px;
	}
	footer p small{
		font-size: 12px;
	}
	footer p small br{
		display: inline;
	}
}