/* 8ch-club common style
-------------------------------------------------------------------------*/
@charset "UTF-8";
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabigothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');



html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}
body {
  background: #fff;
  color: #222;
  text-align: center;
  font-family: 'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}

header:before,
header:after {
  content: "";
  display: table;
  clear: both;
}
footer {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: .75em 0;
  background: #efefef;
  color: #000;
}
footer:before,
footer:after {
  content: "";
  display: table;
  clear: both;
}
#content {
  margin: 0 auto;
  width: 100%;
}
#content:before,
#content:after {
  content: "";
  display: table;
  clear: both;
}
#footer{
  width: 100%;
}
a:hover{
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  text-decoration: underline;
}
a{
	color: #666;
  text-decoration: none;
}
/* //base width// */
article.inner{
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 20px;
}

header{
  position: relative;
  margin: 0 auto;
}
h1.header_logo{
  position: relative;
  /*padding: .75em 1em;*/
  background: #fff;
  color: #000;
  margin: 0 auto;
}
h1.header_logo a img{
  margin-top: .5em;
  padding: 0 0 1em;
}
.hd__Txt{
  display: block;
  background: #000;
  color: #fff;
  font-size: 1.3em;
  padding: .25em 0;
}

.contents__body{
  padding: 1.5em .75em;
}

.ft__nav{
  padding: .75em 0;
  position: relative;
}
.ft__nav ul li{ display: inline-block; padding: 0 10px;}
.ft__nav ul li a{ font-size: .7642em; color:#000; display: block;  }

/* ページトップへ戻るボタン */
#btn_top a{
  position: fixed;
  bottom: 4.62em;
  right: 0;
  z-index: 999;
}
@media (max-width: 40em) {
  #btn_top a img{
    width: 40px;
  }
}


section{margin-bottom: 1em; border-bottom: 2px dotted #e77722;}

section img{
  width: 100%;
  max-width: 1000px;
}
.information{
  padding: 1.5em 2em;
  border: 1px solid #ff0000;
}
.information h2{
  font-size: 1.4em;
  color: #ff0000;
  margin-bottom: 1em; 
}
.information p{
  max-width: 700px;
  margin:  0 auto;
  padding: .5em 0;
  text-align: left;
}
.information p a{
  color: #ef8700;
  font-size: .844em;
  font-weight: 700;
}

.about__txt{
  padding: 2em 1em 0;
  text-align: left;
}
.about__txt p{
  padding: .75em 0;
}
.about__txt p a{
  color: #1166a4;
  text-decoration: underline;
}
.about__txt span.att{
  font-weight: bold;
}

.about__txt p.pb{
  text-align: right;
  font-size: .76em;
}
.about__txt.info p.bt_pdf { text-align: center;  max-width: 50%; margin: 0 auto;}
.about__txt.info p.bt_pdf a{
  display: block;
  padding:  .75em .75em;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background: #000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.about__txt.info p.bt_pdf.pp a{
  background: #e55039;
}
.about__txt.info .colm02{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.about__txt.info .colm02 p:first-child{
  max-width: 26%;
  margin-right: 4%;
}


section p.bt__entry img{ max-width: 600px; }
.about__txt p.bt__entry{ text-align: center; }

section h3{
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;  
  padding: .5em 0;
}
.about__txt.info h3 span.uline{
  position: relative;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;  
  padding: .3em 0;  
}
.about__txt.info h3 span.uline::after{
  content: '';
  width: 100%;
  height: 5px;
  background: #000;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.sche_detail{
  text-align: left;
  padding: .75em 0;
}

section.result_content{
  position: relative;
  border-bottom: none;
}
/*.result_content .result_main div{
  display: inline-block;
  padding: 1em 0;
  vertical-align: top;
}
.result_content .result_main div:first-child{
  width: 58.8888%;
  padding-right: 1em;
}
.result_content .result_main div:last-child{
  width: 36.6666%;
}*/
.result_content .result_main p{
  text-align: left;
  padding: .6em 3em;
  font-size: .924em;
}
.result_content .result_main p a{ color: #3498db;}
.result_content .result_main p.info{
  font-size: .886em;
  text-align: left;

}

.rs_list{
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.rs_item{
  width: 33%;
  margin: 0 0 1em 0;
}

.rs_item a{
  padding: .5em .5em;
  display: block;
  color: #d67722;
} 

.award_cat{
  background-color:#d67722;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  padding: .5em;
  margin: 0 0 1.8em 0;
}

.award_item{
  margin: 0 5em 3em;
}

.award_titles{
  display: flex;
  align-items: center;
  padding: .5em;
}

.grand-prize .award_titles{
background-color: #ffd700;
}

.first-prize .award_titles{
  background-color: #eda425;
}

.award_titles img{
  width: 10%;
  padding: 0 0 0 .5em;
}

.award_title{
  font-size: 1.7em;
  font-weight: bold;
  padding: 0.3em 0 0 1em;
}

.award_detail{
  padding: 1.5em 1em;
}

.grand-prize .award_detail{
  border-left: 5px solid #ffd700;
  border-right: 5px solid #ffd700;
  border-bottom: 5px solid #ffd700;
  background: url("../images/bg-grandtrophy.png") no-repeat right 1em bottom 1em /14%;
}

.first-prize .award_detail{
  border-left: 5px solid#eda425;
  border-right: 5px solid #eda425;
  border-bottom: 5px solid #eda425;
  background: url("../images/bg-firsttrophy.png") no-repeat right 1em bottom 1em /14%;
}

.award{
  margin: 0 0 10em 0;
}

.award_detail figure{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.award_detail figure img{
  width: 40%;
  max-height: 220px;
  object-fit: contain;
}

.award_detail figcaption{
  width: 55%;
}

.fas{
  padding: 0 0.5em 0 0;
}

.detail_list{
  width: 100%;
}

.detail_item{
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  margin: 0 0 0.7em 0;
}

.detail_item:first-child{
  margin: 0 0 2em 0;
}

.detail_item span {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.8;
  text-shadow: 1px 1px 2px silver;
  border-bottom: double 6px #d67722;
}


/*---Media Queries------------------------------------*/

@media (max-width:768px) {
  body{
    width:100%;
    height:auto;
    background:#fff;
    text-align:center;
    margin:0 auto;
  }
  h1.header_logo img{ max-width: 180px; }
  .hd__Txt{ font-size: .844em; }

  article.inner{
    width: 100%;
    margin: 0 auto;
    padding: 0 .5em 1em;
  }

  section p{ font-size: .886em; }
  .header_Tit h2 img{ max-width: 80%; }

  .resulut_detail ul li a{ font-size: .8422em;}

  /*.result_content .result_main div{
    display: block;
  }
  .result_content .result_main div:first-child,
  .result_content .result_main div:last-child{width: 100%;}*/
  .result_content .result_main p{ padding: .5em .5em; font-size: .8224em; }
  .result_content p.info{
    padding: 0;
  }

  .information{
    padding: .75em;
  }
  .information h2{
    font-size: 1.16em;
    font-weight: 700;
    text-align: left;
  }


  .detail_item span {
    font-size: 1.3em;
  }

}

@media (max-width:640px) {

  .rs_list{
    flex-direction: column;
  }

  .rs_item{
    width: 100%;
    margin: 0 0 0.5em 0;
  }

  .award{
    margin: 0 0 7em 0;
  }

  .award_detail{
    padding: 2em 3em;
  }

  .award_cat {
    font-size: 1.5em;
  }

  .award_item {
    margin: 0 0 3em;
  }

  .award_title {
    font-size: 1.3em;
  }

  .award_titles img {
    width: 13%;
  }

  .grand-prize .award_detail,
  .first-prize .award_detail{
    background-size: 20%;
    background-position: right 2em bottom 1em;
  }
  
  .award_detail figure{
    width: 100%;
    flex-direction: column;
  }

  .award_detail figure img{
    width: 100%;
    max-height: 200px;
    margin: 0 0 2em 0;
  }

  .award_detail figcaption{
    width: 100%;
  }

  .detail_item:first-child{
    text-align: center;
  }

}


/*------------------------------------------
	Layout
------------------------------------------*/
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.txt-l{
	text-align: left;
}
.txt-r{
	text-align: right;
}
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgtb30{margin: 30px 0;}

/*------------------------------------------
	font
------------------------------------------*/
.fc_red{color: #ff0000;}
.fc_gy{color: #666464;}

.fs09{font-size: .9224em;}
.fs08{font-size: .8422em;}
.fs07{font-size: .78442em;}
.fs11{font-size: 1.1422em;}

.udline{text-decoration: underline;}
.bold{font-weight: 700;}
.txt_l{text-align: left;}
.txt_c{text-align: center;}