@charset "UTF-8";

/* =============================================

Page Common CSS

================================================ */

/* Reset */
#contents h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
#contents li,dt,dd {list-style:none;}
#contents img {border:none;}

/* Utility Class */
#contents .tL {text-align:left !important;}
#contents .tR {text-align:right !important;}
#contents .tC {text-align:center !important;}
#contents .fL {float:left !important;}
#contents .fR {float:right !important;}
#contents .mb00 {margin-bottom:0 !important;}
#contents .mb05 {margin-bottom:5px !important;}
#contents .mb10 {margin-bottom:10px !important;}
#contents .mb15 {margin-bottom:15px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb25 {margin-bottom:25px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz11 {font-size:11px !important;}
#contents .fz12 {font-size:12px;color:#666666 !important;}
#contents .fz14 {font-size:14px !important;}
#contents .fz16 {font-size:16px !important;}
#contents .fwB {font-weight:bold !important;}


/* Link */
#contents a:link {color:#3366CC;}
#contents a:visited {color:#3366CC;}
#contents a:hover {color:#d00;text-decoration:none;}
#contents a:active {color:#d00;}


/* Note */
#contents .note {font-size:12px;}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}




/* TOP */

#contents.top{
  background-color: #fff;
  }

#contents.top h2 {
	background-color: #000;
	font-size: 24px;
	padding: 15px 15px 10px;
}
#contents.top th {background-color:#000;}


/* ======== MQ 769px ====== */
@media screen and (max-width: 769px) {

	#contents.top h2 {
	font-size: 20px;
	padding: 10px 15px 5px;
	}

/* ======== MQ End ====== */
}

#contents {
	color:#000;
	font-size:15px;
	line-height:1.5em;
	padding:0 0 12px;
	background-color:#fff;
}
	#contents .section {
		margin:0 12px 20px;
		background-color:#fff;
	}
	
#contents .article {
		padding:0px;
		background-color:#fff;
	}


/* ■タイトル */
#contents.top p.title {
	margin-bottom:5px;
}
#contents.top p.title img {
	vertical-align:bottom;
}



/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {





/* ======== Media Queries End ====== */
}


/* ■メインビジュアル */
#contents #mainimage {
	margin-bottom:0;
	text-align:center;
}

/* パンくず */
#contents p.breadcrumb {
	background-color:#fff;
	margin:0;
	color:#333;
	font-size:14px;
	padding-bottom:0.5em;
}


/* ■アンカー */

/* index.html */
#contents ul.anchor {
	display:table;
	width:932px;
	border:1px solid #9dd5fa;
	background-color:#fff;
	margin-bottom:20px;
}
	#contents ul.anchor li {
		display:table-cell;
		vertical-align:middle;
		width:186px;
		border-right:1px solid #9dd5fa;
	}
/*
	#contents ul.anchor li:nth-child(-n+2) {
		width:310px;
		border-bottom:1px solid #9dd5fa;
	}
	#contents ul.anchor li:nth-child(n+4) {
		width:232px;
	}
	#contents ul.anchor li:last-child {
		width:233px;
	}
*/
	#contents ul.anchor li:nth-child(3) {
		font-size:12px;
	}
	#contents ul.anchor li:last-child {
		border-right:none;
		width:184px;
	}
		#contents ul.anchor li a {
			text-align:center;
			padding:20px 10px;
			display:block;
			color:#fff;
			background: #009afc;
			background: -moz-linear-gradient(top,  #009afc 0%, #001757 100%);
			background: -webkit-linear-gradient(top,  #009afc 0%,#001757 100%);
			background: linear-gradient(to bottom,  #009afc 0%,#001757 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009afc', endColorstr='#001757',GradientType=0 );
			}
		#contents ul.anchor li a:hover {
			opacity:0.8;
		}
			#contents ul.anchor li a span,
			#contents ul.anchor li p span {
				background:transparent url("icn_anchor01.png") no-repeat left center;
				padding-left:18px;
			}
		#contents ul.anchor li p {
			text-align:center;
			padding:20px 10px;
			display:block;
			color:#fff;
			background: #e8e8e8;
			background: -moz-linear-gradient(top, #e8e8e8 1%, #8c8c8c 100%);
			background: -webkit-linear-gradient(top, #e8e8e8 1%,#8c8c8c 100%);
			background: linear-gradient(to bottom, #e8e8e8 1%,#8c8c8c 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#8c8c8c',GradientType=0 );
		}

	/* 注釈 */
	#contents .precede ul.note {
		text-align:center;
		color:#333;
	}



/* 見出し */
#contents h2 {
	font-size:18px;
	line-height:1.2em;
	padding:10px 15px 5px;

/* フェーズ1カラー
	background-color:#fff;
	border-bottom:4px solid #931623;
	padding:10px 15px;
*/
}

#contents h3 {
	font-size:22px;
	color:#489469;
	line-height:1.2em;
	margin-bottom:20px;
}

/* ■開催情報 */
#contents .information {}
	#contents .information p {
		margin-bottom:1.0em;
	}
	#contents .information p.lead {
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:0.5em;
	}
	#contents .information p.photo {
		xfloat:right;
	}
	#contents .information .detail {
		float:left;
		margin-bottom:1.0em;
	}

	#contents .information .detail .period {
		font-weight:bold;
		margin-bottom:20px;
		font-size:18px;
		line-height:1.5em;
	}


	

	/* コンテンツ */
	#contents .information .stage {
		clear:both;
		margin-bottom:30px;
	}
		#contents .information .stage h3 {
			color:#fff;
			background-color:#004ea2;
			padding:8px 18px;
		}
		
#contents .information .stage .btn {
			color:#fff;
			text-align:center;
			font-size:20px;			
			background-color:#0074be;
			margin:0px;
			padding:18px 18px ;
		}

#contents .information h1 {
		color:#000;
		font-weight:bold;
		font-size:18px;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	
#contents .information .stage .detail {
			font-weight:bold;
			color:#A16D11;
			margin-top:1.5em;
			float : none; 
		}	

#contents .information .stage .detail_date {
			margin-bottom:1em;
			float : left; 
		}	
	
	
h1.heading01 {
	background-color:#fff;
}

	#contents .information h3 {
		color:#fff;
		background-color:#000;
		padding:8px 18px;
		margin-bottom:0.5em;
	}


hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}



/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {

.pc {display:none;}
.smp {display:inline;}




#contents {}

#contents .article {
	padding:10px;
}


/* 見出し */
#contents h2 {
	font-size:20px;
	padding:5px 10px;
	line-height:1.2em;
}

#contents p.breadcrumb {
	margin:0;
	font-size:12px;
	padding:0.5em;
}

#contents #mainimage {
	margin-bottom:0;
	background-color:#000;
}


/* ■アンカー */
#contents ul.anchor {
	display:flex;
	width:auto;
	flex-wrap:wrap;
	border-bottom:none;
}

	#contents ul.anchor li:nth-child(-n+3) {}
	#contents ul.anchor li:nth-child(n+4) {}
	#contents ul.anchor li:last-child {
		width:auto;
	}
	#contents ul.anchor li:nth-child(2n){
		width:50%;
	}
	#contents ul.anchor li:nth-child(2n+1){
		width:50%;
	}
	#contents ul.anchor li:first-child,
	#contents.facility ul.anchor li:last-child {
		width:100%;
	}
		#contents ul.anchor li a {
			padding:14px 1px;
			display:block;
			background:none;
			border-right:1px solid #9dd5fa;
			}
		#contents ul.anchor li:nth-child(2n+1) a {
			border-right:0;
		}

	#contents ul.anchor li {
		display:block;
		width:50%;
		border-right:none;
		background: #009afc;
		background: -moz-linear-gradient(top,  #009afc 0%, #001757 100%);
		background: -webkit-linear-gradient(top,  #009afc 0%,#001757 100%);
		background: linear-gradient(to bottom,  #009afc 0%,#001757 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009afc', endColorstr='#001757',GradientType=0 );
		border-bottom:1px solid #9dd5fa;
	}



/* ======== Media Queries End ====== */
}



/*  Media Queries  */
@media screen and (max-width: 769px) {
	#contents.facility .access ul.point {font-size:14px;}
	#contents.facility .access ul.point li {
		text-indent:-1.0em;
		padding-left:1.0em;
	}
}
/*  End Media Queries  */


/* 一覧 */

	h2.midashi{color: #ff6600; font-size: 1.25em; line-height: 1.25em; font-weight: bold; margin-bottom: 1em;}
	h3.kenmei{color: #6699ff; font-size: 1em; line-height: 1em; font-weight: bold;}
	strong.lead{color: #ff6600; font-size: 1em; line-height: 1em; font-weight: bold;}
	div.btn{margin: 5px; text-align: right;}



div#format div.contentboxwrap {;
	background: #FFF;
}
.contentboxwrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

div.contentbox {
	width: 350px;
	height: 110px;
	margin: 5px 5px 5px 0px;
	float: left;
	zoom: 1;
	border-bottom: 1px dotted #8c8b8b;
	padding-right:5px;
	display:inline-block;
	}
/* 
.contentbox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
*/

* html .contentbox             { zoom: 1; } /* IE6 */
*:first-child+html .contentbox { zoom: 1; } /* IE7 */


div.contentbox img.gazou {
	width: 100px;
	height: 100px;
	float: left;
	margin:0px;
	
}
div.contentbox div.text {
	width: 240px;
	height: 110px;	
	float: right;
	font-size:14px;
	
}
div.contentbox div.text p {
	margin: 0px;
	font-size:14px;
	font-weight:bold;
}


div.contentbox div.text p.text-s {
	padding:0 10px 0 0;
	font-size:12px;
	font-weight:normal;
}