@charset "utf-8";

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

/* Common */

* {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
a img {
	border: none;
}
#headerArea .wrapper,
#home #mainImage,
#contentArea,
#footerArea .wrapper,
#home #row01 div,
#timeTable {
	width: 100%;
}
#contentArea {
	padding-left: 10px;
	padding-right: 10px;
}

/* HeaderArea */

#headerArea .clearfix {
	padding: 10px 20px 0;
}
#headerArea h1 {
	float: none;
	width: 100%;
	text-align: center;
}
/*
#headerArea .right {
	float: none;
	width: 100%;
	padding: 20px 0 10px;
}
#headerArea .right:after {
	content: "";
	display: block;
	clear: both;
}
#headerArea .right #date img {
	max-width: 80%;
	height: auto;
}
*/
/* Navigation */

ul.navArea li {
	display: inline-block;
	width: 25%;
}
ul.navArea li img {
	width: 100%;
	height: auto;
}

/* FooterArea */

#footerArea .wrapper h2 {
	float: none;
}
#footerArea .wrapper div {
	padding: 0 20px;
}

/* Home */

#mainImage {
	padding: 0 10px;
}
#home #eventArea ul.eventList li {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	text-align: center;
}
#home #eventArea ul.eventList li img {
	width: auto;
	height: auto;
}
#home #row01 {
	text-align: center;
}
}