img {
	max-width: 100%; height: auto;
}

/* ---------- ---------- ----------- ---------- ---------- */

#container {
	width: 100%;
}
#top {
	display: block; width: 100%; margin: 0; padding: 10px 0; overflow: hidden;
}
#top header {
	display: inline;
}
#top h1#logo {
	display: block; margin: 0 auto 10px; width: 172px;
}
#top h1#logo a {
}
#top div.description {
	display: block; margin: 5px 0 10px;
}
#top div.description p {
	display: block; text-align: center;
}
#top div.infomation {
	display: block; max-width: 100%;
}
#middle {
	width: 100%;
}

#footer div.infomation {
	margin: 0px 10px; padding-left: 60px; background-position: left center; background-size: 50px auto;
}
#footer ul.navi li.up a {
	top: -120px; bottom: auto; width: 80px; height: 80px; line-height: 80px;
}

/* ---------- ---------- ----------- ---------- ---------- */

#main #index .slider-image,
#main #index .slider-image img {
	width: 100%; height: auto;
}

#main #index .left {
	float: none; margin: 0 auto; max-width: 100%; height: 150px; overflow: hidden;
}
#main #index .right {
	float: none; width: 100%; height: auto; overflow: hidden;
}
#main #index .right img {
	display: block; margin: 0 auto; max-width: 100%; height: auto;
}
#main .left_photo {
	position: static; max-width: 100%;
}
#main .menu_box {
	width: 100%; padding: 45px 5px 20px;
}
#main .menu_box ul {
	padding: 0;
}
#main .menu_box li span {
	/*padding-left: 5px;*/ width: 176px;
}
#main .menu_box li span:nth-child(3){
	width: auto;
}
#main .other_box {
	width: 100%; padding: 15px 5px 20px; box-sizing: border-box; overflow: hidden;
}
#main .other_box ul {
	margin: 0; padding: 0; width: 100%; text-align: center;
}
#main .other_box li {
	float: none; display: inline; margin: 0; padding: 0;
}

#main #menu,
#main #exterior,
#main #interior,
#main #map {
	padding: 5px;
}
#main #map iframe {
	margin-bottom: 15px;
}
#main #map table {
	width: 100%;
}
#main #map tr {
	display: block; margin-bottom: 1.5em;
}
#main #map th,
#main #map td {
	display: list-item; border: none; text-align: left;
}

/* ---------- ---------- ----------- ---------- ---------- */

@media screen and (min-width: 480px) {
	#main #exterior img,
	#main #interior img {
		max-width: 50%;
	}
	#main #index .left {
		max-height: 200px;
	}
	#main #index .right .photo-right {
		max-width: 50%;
	}
	#top div.description {
		float: left; width: 50%;
	}
	#top div.infomation {
		float: left; width: 50%;
	}
}