@charset "UTF-8";
body {
	width: auto;
}
h3 {
	margin-bottom: 0.2em;
}
.header {
	overflow: hidden;
}
.header img {
	width: 40%;
	float: none;
}
.header p {
	margin: 0;
	padding:  5px 0;
	line-height: 1.3em;
}
#slideshow {
	width: 100%;
}
.contents {
	overflow: hidden;
	width: 100%;
}
.contents .container {
	width: auto;
	height: auto;
}
.contents .container .top {
	overflow: hidden;
	margin-top: 0.5em;
}
.contents .container .top .syouin img {
	margin: 8px;
	width: 42%;
	float: left;
}
.contents .container .top .musei img {
	margin: 8px;
	width: 48%;
	float: left;
}
.contents .container .top .sikisi {
	width: 30%;
	padding: 4px;
	float: left;
}
.contents .container .top .sikisi img {
	margin: 4px;
	width: 100%;
	border: 1px solid #aaa;
}
.contents .container .top .sikisi p {
	font-size: 13px;
	margin: 0;
	padding-left: 12px;
}
.contents .container .activity ul {
	overflow: hidden;
	margin: 0;
	padding-left: 10px;
}
.contents .container .activity li {
	list-style: none;
	float: left;
	width: 50%;
}
.contents .container .activity .ban-wrap {
	border: 1px solid navy;
	margin: 4px;
	overflow: hidden;
	cursor: pointer;
}
.contents .container .activity .ban-wrap img {
	width: 100%;
	transition-duration: 0.5s;
}
.contents .container .activity .ban-wrap:hover img {
	transform: scale(1.1);
	transition-duration: 0.5s;
}
.contents .information {
	width: 100%;
	margin: 0;
}
.contents .information #info {
	height: 420px;
	border: 1px solid navy;
	margin: 0;
}
footer {
	font-size: 0.85em;
	overflow: hidden;
	float: right;
	margin-top: -8px;
}

@media screen and (min-width: 600px) {
	body {
		width: 1000px;
	}
	.header {
		height: 52px;
	}
	.header img {
		width: 180px;
		float: left;
		margin-right: 24px;
	}
	.header p {
		font-size: 20px;
		margin: 0;
		padding:  10px 0;
	}
	.contents .container {
		width: 49%;
		float: left;
	}
	.contents .information {
		width: 50%;
		float: right;
	}
	.contents .information #info {
		height: 682px;
	}
}