@charset "utf-8";


#event .schedule{
	width:840px;
	margin:auto;
	margin-bottom:50px;
	padding:0 0 0 15px;
}

#event p.exp{
	color:#9d9a8b;
	font-size:16px;
}

#event p.exp span{
	color:#ffe9eb;
	display:inline-block;
	background-color:#ffe9eb;
	width:60px;
	height:17px;
	margin:0 5px 0 10px;
}

#event p.exp span.green{
	color:#e6f9cd;
	background-color:#e6f9cd;
}

#event .schedule dl{
	display:table;
	height:92px;
	border-collapse:separate;
	border-spacing:6px 3px;
	color:#676544;
}

#event .schedule dt{
	display:table-cell;
	width:200px;
	background:#fdfac5;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
}

#event .schedule dd{
	display:table-cell;
	width:300px;
	padding:14px 16px;
	background:#dbf0f7;
	vertical-align:middle;
	font-size:14px;
}

#event .schedule dd.first{
	background:#ffe9e9;
}

#event .schedule dd:last-child{
	background:#e6f9cd;
}

#event .schedule dl:first-child{
	height:52px;
}

#event .schedule dl:first-child dt{
	xbackground:#fff;
}

#event .schedule dl:first-child dd{
	xwidth:234px;
	xpadding:0;
	xvertical-align:middle;
	xtext-align:center;
	xfont-size:16px;
}


#event .date dl.schedule{
	display:table;
	width:576px;
	margin:0 0 12px;
	padding:0;
	border-collapse:separate;
	border-spacing:0px 0px;
	color:#676544;
}

#event .date dl.schedule dt{
	display:table-cell;
	width:83px;
	height:69px;
	background:#108908;
	vertical-align:middle;
	text-align:center;
	color:#fff;
}

#event .date dl.schedule dd{
	display:table-cell;
	width:493px;
	height:69px;
	background:#eef8d7;
	vertical-align:middle;
	color:#000;
}


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

	#event .schedule{
		width:100%;
		margin-bottom:50px;
		padding:0 0 0 0px;
	}

	#event .date p {
		margin: 0 0px 10px 0;
	}

	#event .date dl.schedule{
		width:100%;
	}

	#event .date dl.schedule dt{
		width:83px;
		width:15%;
		height:69px;
	}

	#event .date dl.schedule dd{
		width:493px;
		width:85%;
		height:69px;
	}

}

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


	#event{
		overflow:hidden;
	}

	#event .schedule dl{
		display:block;
		width:100%;
		xheight:390px;
		xmargin-bottom:10px;
		color:#676544;
	}

	#event .schedule dt{
		display:block;
		float:left;
		width:25%;
		height:190px;
		margin-right:10px;
		margin-left:10px;
		padding-top:10px;
		background:#fdfac5;
		vertical-align:middle;
		text-align:center;
		font-size:16px;
	}

	#event .schedule dd{
		display:block;
		float:left;
		width:67%;
		height:90px;
		margin-bottom:10px;
		padding:14px 16px;
		background:#dbf0f7;
		vertical-align:middle;
		font-size:14px;
	}

	#event .date dl.schedule{
		display: table;
		margin: 0 0 12px;
		padding: 0;
	}

	#event .date dl.schedule dt{
		display:table-cell;
		float:none;
		padding:0;
	}

	#event .date dl.schedule dd{
		display:table-cell;
		float:none;
		width:78%;
	}
	
	

}





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

	#event p.exp{
		font-size:14px;
	}

	#event .schedule dd{
		xwidth:55%;
	}

	#event .date dl.schedule{
		display:block;
		margin:0;
	}

	#event .date dl.schedule:last-child{
		margin-bottom:12px;
	}

	#event .date dl.schedule dt{
		display:block;
		width:96%;
		height:39px;
		padding:10px 0 0 3%;
		text-align:left;
	}

	#event .date dl.schedule dd{
		display:block;
		width:96%;
		height:auto;
		margin-bottom:0;
		padding:10px 0 15px 3%;
	}
	

}