@charset "utf-8";

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
html{}
body{
	margin: 0;
	padding: 0;
	min-width: 1040px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
/* remember to define focus styles! */
a{color: #fff;}
a:hover{color:#ff0000;}
a:focus, *:focus { outline:none; }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a:focus, *:focus { outline:none; }


.hide, .Hide {
	display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
img, fieldset {
	border: 0;
	vertical-align: bottom;
}

ul {
	list-style: none;
}

strong{
	font-weight: bold;
	}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#wrapper{
	background: url(../images/main.jpg) no-repeat top center #fff;
	}

nav li,
#contents section h4,
#contents_bk section h4,
#youtubeArea h4,
#backnumber2017 h4{
	font-family: GSanSerif-B;
	}

section p,
#backnumber p,
#backnumber_list dl{
	font-family: "Soft Gothic Regular";
	transform: rotate(0.05deg);/*Anti-aliasing*/
	}

#next h5 span,
#backnumber h5 span{
	font-family: "Soft Gothic DemiBold";
	transform: rotate(0.05deg);/*Anti-aliasing*/
	letter-spacing: 4px;
	}


nav li a,
#spectate li a,
#bannerArea2 li a,
#special li a,
#bombere_program a, #info a,
#bannerArea li a,
#backnumber2017 li a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#spectate li a:hover,
#bannerArea2 li a:hover,
#special li a:hover,
#bannerArea li a:hover,
#backnumber2017 li a:hover{
	opacity: 0.7;
	}

/************************************************************************************
header
*************************************************************************************/
header {
	width: 100%;
	min-height: 474px;
	position: relative;
	}
header h1, header h2, header h3{
	font-size: 0;
	line-height: 0;
	}
header h1{
	padding: 24px 0 0;
	}
header h1 a{
	width: 822px;
	height: 256px;
	margin: 0 auto;
	display: block;
	}

nav{
	position: absolute;
	width: 992px;
	height: 78px;
	top: 435px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background: url(../images/nav.png) no-repeat 0 0;
	}
	nav ul{
		width: 968px;
		margin: 0 auto;
		}
		nav li{
			border-right: solid 1px #fff;
			height: 78px;
			text-align: center;
			font-size: 24px;
			line-height: 3.2;
			box-sizing: border-box;
			}
			nav li:nth-of-type(1){
				width: 178px;
				}
			nav li:nth-of-type(2){
				width: 280px;
				}
			nav li:nth-of-type(3){
				width: 260px;
				}
			nav li:nth-of-type(4){
				width: 250px;
				border: none;
				}
		nav li a{
			color: #fff;
			display: block;
			text-decoration: none;
			}
			nav li a:hover{
				color: #69ffff;
				text-shadow: 3px 3px 1px #ff0000;
				}

/************************************************************************************
article
*************************************************************************************/
article{
	width: 100%;
	background: #efefef;
	padding: 72px 0 0;
	}

main{
	width: 968px;
	margin: 0 auto;
	}

/*観覧募集*/
#spectate,
#bannerArea2{
	width: 728px;
	margin: 0 auto 32px;
	}
	#spectate li,
	#bannerArea2 li{
		margin: 0 0 8px;
		}

/************************************************************************************
#contents
*************************************************************************************/
#contents,
#contents_bk{
	width: 540px;
	}

#contents section,
#contents_bk section{
	background: #151515;
	margin: 0 0 72px;
	padding: 0 46px 32px;
	color: #fff;
	font-size: 16px;
	line-height: 1.8;
	box-sizing: border-box;
	position: relative;
	}
#contents section::after{
	content: "";
	background: url(../images/box_bottom.png) no-repeat 0 0;
	height: 62px;
	width: 540px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 -40px;
	}
	#contents section h4,
	#contents_bk section h4{
		background: url(../images/h4_bg.png) no-repeat center 32px;
		color: #000;
		text-align: center;
		padding: 12px 0 0;
		margin: 0 0 16px;
		font-size: 32px;
		text-shadow:
		    white 2px 0px,  white -2px 0px,
		    white 0px -2px, white 0px 2px,
		    white 2px 2px , white -2px 2px,
		    white 2px -2px, white -2px -2px,
		    white 1px 2px,  white -1px 2px,
		    white 1px -2px, white -1px -2px,
		    white 2px 1px,  white -2px 1px,
		    white 2px -1px, white -2px -1px;
		}

#contents section p img{
	width: 446px;
	margin: 0 auto 8px;
	display: block;
	}

#info dl{
	border-bottom: solid 2px #424242;
	padding: 12px 4px;
	box-sizing: border-box;
	}
	#info dl:nth-of-type(1){
		border-top: solid 2px #424242;
		}
	#info dl dt,
	#info dl dd{
		padding: 0 0 0 1em;
		}
	#info dl dt{
		background: url(../images/info_list_icon.svg) no-repeat 0 8px;
		}
	#info dl dd{
	font-size: 14px;
		}

#next h5,
#backnumber h5{
	color: #69ffff;
	font-size: 18px;
	text-align: center;
	margin: 0 0 16px;
	border: solid 1px #69ffff;
	}

#special li{
	margin-bottom: 8px;
	background: #fff;
	width: 440px;
	text-align: center;
	}


/************************************************************************************
#right
*************************************************************************************/
#right{
	width: 428px;
	padding: 0 0 0 34px;
	box-sizing: border-box;
	}

#youtubeArea,
#twitterArea{
	margin: 0 0 24px;
	}
#youtubeArea iframe{
	width: 396px;
	height: 223px;
	}

	#youtubeArea h4{
		background: url(../images/right_h4_bg.png) no-repeat center 8px;
		color: #efefef;
		text-align: center;
		margin: 0 0 8px;
		font-size: 20px;
		text-shadow:
		    black 2px 0px,  black -2px 0px,
		    black 0px -2px, black 0px 2px,
		    black 2px 2px , black -2px 2px,
		    black 2px -2px, black -2px -2px,
		    black 1px 2px,  black -1px 2px,
		    black 1px -2px, black -1px -2px,
		    black 2px 1px,  black -2px 1px,
		    black 2px -1px, black -2px -1px;
		}


#twitterArea div{
	width: 396px;
	margin: 0 auto;
	}
	#twitterArea iframe{
		height: 500px !important;
		}

#ad{
	width: 300px;
	margin: 0 auto 40px;
	}


/************************************************************************************
aside
*************************************************************************************/
#bannerArea{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px;
	}
	#bannerArea li{
		margin: 0 0 8px;
		text-align: center;
		}
		#bannerArea li:last-child{
			margin: 0;
			}


/************************************************************************************
#backnumber2017
*************************************************************************************/
#backnumber2017{
	background: #000;
	padding: 32px 0 64px;
	}
	#backnumber2017 > div{
		width: 944px;
		margin: 0 auto;
		}
	#backnumber2017 h4{
		color: #fff;
		font-size: 30px;
		margin: 0 0 24px;
		}
		#backnumber2017 ul li{
			margin: 0 8px 8px 0;
			background: #fff;
			width: 230px;
			}
			#backnumber2017 ul li:nth-of-type(4),
			#backnumber2017 ul li:nth-of-type(6){
				margin: 0 0 8px;
				}



