@charset "utf-8";

body{
	font-size:14px;
	line-height:1.4;

}
body a{
	text-decoration:none;
	color:#000000;
}
body .container{
}
#header{

}
#header .wrap{
	background-color:#ffd151;
	background-image:url('../img/bg_hd.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center bottom;
	padding:0 0 1% 0;
	width:100%;
}
#header h1{
	padding-right:29%;
	z-index:2;
	position:relative;

}
#header h1 img{
	width:100%;
}
#header p{
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	width:100%;

}
#header p img{
	width:100%;
}
#contents{
	padding:8% 0 0 0;
}
#contents .wrap{
	margin:0 0 0 3%;
	width:97%;
}
#contents .column{
	position:relative;
	margin:0 0 40px 0;
}
#contents .column h2{
	padding:0 0 0 0;
	width:105px;
}
#contents .column .slider{
	padding:20px 0 0 0;
	overflow:hidden;
	position:relative;
	
}
#contents .column ul{
	width:99999px;
	background-image:url('../img/img_timeline_repeat.gif');
	background-repeat:repeat-x;
	background-position:bottom left;

}
#contents .column ul li{
	float:left;
	width:86px;
}
#contents .column ul li.selected{
}
#contents .column ul li .image{
	position:relative;
	border-bottom:#a0f0f7 solid 6px;
	width:80px;
	height:80px;
	overflow:hidden;
}
#contents .column ul li.color1 .image{
	border-bottom:#a0f0f7 solid 6px;
}
#contents .column ul li.color2 .image{
	border-bottom:#439ffc solid 6px;
}
#contents .column ul li.color3 .image{
	border-bottom:#ffb22d solid 6px;
}
#contents .column ul li.color4 .image{
	border-bottom:#fa6346 solid 6px;
}
#contents .column ul li .image img{
	width:80px;
	height:80px;
}
#contents .column ul li.selected .image img{
}
#contents .column ul li .image .caption{
	position:absolute;
	bottom:0px;
	color:#ffffff;
	width:80px;
	background:url('../img/bg_caption.png');
	padding:4px 10px;
	font-size:114.3%;
	display:none;
}
#contents .column ul li .time{
	background-repeat:no-repeat;
	background-position:left bottom;
	width:80px;
	padding:22px 10px 0 0;
	text-align:center;
}
#contents .column ul li.selected .time{
}
#contents .column ul li .time span{
	display:block;
	padding:0 0 20px 0;
	margin:0 auto;
	background-image:url('../img/img_timepoint.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}
#contents #day26th{
	
}
#contents #day27th{
}
#contents #day27th h2{
}
#contents #day27th .slider{
}
#footer{
	background-image:url('../img/bg_footer.png');
	background-repeat:no-repeat;
	background-size:contain;
	padding:20% 0 0 0;
	background-color:#ffd151;
}
#footer .wrap{
	position:relative;
	margin:0 auto;
	width:94%;
}
#footer div.wrap ul{
	margin:0 0 10px 0;
}
#footer div.wrap ul li{
	padding:0 16px 1% 0;
}
#footer div.wrap ul li#bnr_matsuri img{
	width:45%;
}
#footer div.wrap ul li#bnr_backnumber img{
	width:68%;
}
#footer p.contact{
	background-image:url('../img/img_listmark.gif');
	background-repeat:no-repeat;
	padding:0 0 0 13px;
	background-position:center left;
	margin:0 0 20px 0;
	min-height:14px;

}
#footer p#copyright{
	color:#ffffff;
	text-align:right;
	padding:0 0 50px 0;
}

/**/
#detail #header .wrap{
	background-image:none;
	padding:0 0 17px 0;
	width:100%;
	background:none;
}
#detail #contents{
	width:95%;
	margin:0 auto;
	position:relative;
}
#detail #contents div.image{
	text-align:center;
	border-bottom:#a0f0f7 solid 10px;
	margin:0 0 20px 0;
	position:relative;
}
#detail #contents div.image img{
	width:100%;
	vertical-align:top;
}
#detail #header div.wrap h1{
	padding:0 0 0 0;
}
#detail #contents .image .caption{
	position:absolute;
	bottom:0px;
	color:#ffffff;
	background:url('../img/bg_caption.png');
	padding:4px 2%;
	font-size:114.3%;
	width:98%;
	text-align:left;
}
#detail #contents .image.color1 {
	border-bottom:#a0f0f7 solid 10px;
}
#detail #contents .image.color2 {
	border-bottom:#439ffc solid 10px;
}
#detail #contents .image.color3 {
	border-bottom:#ffb22d solid 10px;
}
#detail #contents .image.color4 {
	border-bottom:#fa6346 solid 10px;
}
#detail #contents ul#sns{
	
	margin:0 0 2% 0;
}
#detail #contents ul#sns:after{
	content:".";display:block;height:0px;clear:both;visibility:hidden;
}
#detail #contents ul#sns li{
	display:inline-block;
	padding-right:12px;
	vertical-align:top;
}


#detail div#contents ul#sns li#fb{
	max-width:100px;
	max-height:50px;
}

#detail #contents p#btn_close{
	clear:both;
	text-align:center;
}
#detail #footer{
	background:none;
	padding:6% 0 0 0;
}
#detail #footer img{
	width:100%;
}
/**/

/* @group clear */
#header .wrap:after,#footer div.wrap ul:after,#contents .column:after,#contents .column ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
/* @end */