@charset "utf-8";


/* -----------------------------------------------------------------

 共通
 
------------------------------------------------------------------ */

.content h1.main {
	text-align:center;
	margin-bottom:60px;
}
.content h1.main img {
	max-width:517px;
	width:auto\9; /* IE8 */
}


.areaClm {
	margin-bottom:60px;
}
.areaClm li {
	float:left;
	width:300px;
	margin-right:61px;
	margin-bottom:40px;
}
.areaClm li:nth-child(3n){
	margin-right:0;
}

.iconBlank {
	background:url(/common/img/icon/icon_blank.png) right 40% no-repeat;
	padding-right:14px;
	margin-right:4px
}




/* -----------------------------------------------------------------

 レスポンシブ対応
 
------------------------------------------------------------------ */

@media screen and (max-width: 1023px){

	.content {
		margin: 0 15px;
	}
	.areaClm li {
		width:29.296%;
		margin-right:5.957%;
		margin-bottom:5%;
	}

}

@media screen and (max-width: 767px){

	.content h1.main {
		margin-bottom:7%;
	}

	.areaClm {
		margin-bottom:7%;
	}



}




@media screen and (max-width: 479px){

	.content h1.main img {
		max-width:90%;
	}


	.areaClm li {
		width:48%;
		margin-right:3.9%;
	}
	.areaClm li:nth-child(3n){
		margin-right:3.9%;
	}
	.areaClm li:nth-child(2n){
		margin-right:0;
	}
	.areaClm li:nth-child(6){
		margin-right:0;
	}




}


/* -----------------------------------------------------------------

イベントレポート
 
------------------------------------------------------------------ */
.ancLink {
    margin-bottom: 10px;
}
.ancLink li {
    float: left;
    width: 325px;
    margin-right: 18px;
}
.ancLink a {
    display: block;
    max-width: 100%;
    padding: 8px 0 5px 10px;
    color: #a59445;
    background: url(/common/img/cur_b_gold.png) 96% 50% no-repeat;
    border: #a59445 solid 1px;
}
.ancLink li:nth-child(3) {
    float: right;
    margin-right: 0;
}
.year_ttl{
	font-size: 120%;
	background-color: #a59445;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 20%;
  margin: 5px auto 30px;
  padding: 0;
}
@media screen and (max-width: 479px){
	.dropmenu{
		width: 50%;
	}
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
	width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  border: solid 2px #a59445;
  color: #a59445;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
	border: solid 2px #a59445;
	color: #a59445;
	background-color: #fff;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #847532;
}
.dropmenu li a:hover{
  background: #847532;
}
.dropmenu li a{
background: url(/common/img/cur_b_gold.png) 96% 50% no-repeat;
	}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
.banner{
	overflow: hidden;
	margin:0 auto 30px;
	width: 56%;
}
.banner p{
	float: left;
}
.banner p img{
	width: 100%;
}
.banner01{
	margin-right: 30px;
}

.banner2 {
	overflow: hidden;
	margin:0 auto 30px;
	width: 56%;
}
.banner2 p img[src*="/report/img/bnr_episode.jpg"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 48%;
}
.banner03{
	margin-left: auto;
	margin-right: auto;
}

.txt_center{
	text-align: center;
}
.link {
    text-align: center;
    margin-bottom: 20px;
	width: 48%;
	float: right;
}
.link a {
    display: block;
    max-width: 100%;
    padding: 15px 0 11px;
    color: #FFF;
    background: #beae65 url(/common/img/cur_l_white.png) 96% 50% no-repeat;
}
.row{
	margin-bottom: 60px;
}
.row .dropmenu{
	width: 48%;
	float: left;
}
@media screen and (max-width: 479px){
	.row .dropmenu{
		width: 100%;
		float: none;
	}
	.link {
    text-align: center;
    margin-bottom: 0px;
		width: 100%;
		float: none;
	}
	.banner {
    overflow: hidden;
    margin: 0 auto 30px;
		max-width: 280px;
	}
	.banner p{
		width: 100%;
	}
	.banner01{
		margin-bottom: 10px;
	}
}

.report-list a {
	position: relative;
	display: block;
}

.report-list a:after {
	display: inline-block;
	padding: 0.15em 0.5em;
	content: "click";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	background: rgba(0, 0, 0 , 0.5);
}

@media screen and (max-width: 767px) {
	.report-list a:after {
		font-size: 0.625rem;
	}
}