@charset "utf-8";
.map {
	max-width: 100%;
}
.map iframe {
	width: 100%;
	height: 500px;
}
img { max-width: 100%; height: auto; vertical-align: top; }
html {
	border: 10px;
}
#contentArea {
	padding: 0 1rem;
}
#headerArea {
	margin-bottom: 3rem;
	padding: 3rem 1rem 5rem;
	background: url(../../images_new/background.jpg) 
		50% 0 
		no-repeat;
	background-size: cover;
	text-align: center;
}
#headerArea h1 {
	margin: 2rem 0;
}
#headerArea ul {
	padding: 3rem 0;
}
#headerArea ul li {
	margin-bottom: 2rem;
}
.date {
	margin: 2rem 0;
	padding: 1.5rem 1rem;
	font-size: 2rem;
	background:rgba(255,251,133,0.8);
	border: double 8px #cc0000;
	color: #cc0000;
	font-weight: bold;
	line-height: 1.25;
}
.date span {
	display: inline-block;
	font-size: 3rem;
	line-height: 1.25;
}
#eventArea {
	text-align: center;
}
#eventArea ul {
	margin-top: 2rem;
}
#eventArea ul li {
	margin-bottom: 2rem;
	font-size: 1.25rem;
	line-height: 150%;
}
#eventArea ul li strong {
	font-size: 1.5rem;
}
#eventArea ul img {
	margin-bottom: 1rem;
}
#eventArea h2,
#contentArea h2 {
	margin: 4rem 0 2rem;
}
#footerArea {
	padding: 5rem 1rem 2rem;
	margin: 0 auto;
	font-size: 0.75rem;
	line-height: 150%;
	text-align: center;
}
#footerArea p {
	margin-bottom: 1rem;
}
@media(min-width:768px) {
	#headerArea ul,
	#eventArea ul {
		display: flex;
		justify-content: center;
	}
	#contentArea {
	    padding: 0;
	}
	#eventArea ul li {
		margin: 0 1rem;
	}
	.map iframe {
		width: 100%;
		height: 500px;
	}
}