/* CSS Document */

h1 {
	width: 100%;
	max-width: 960px;
	margin: 0px;
}
h1 img {
	width: 99%;
	height: auto;
	margin: 0px;
	border: solid 2px #a2be96;
}
.switch {
	visibility: hidden;
}
#nav {
	overflow: hidden;
	width: 732px;
	margin: 20px auto;
}
.nav {
	font-size:  1em;
	display: block;
	width: 200px;
	height: 30px;
	padding: 0px 20px;
	float: left;
	text-align: center;
}
.nav1 {
	border-left: solid 2px #000;
	border-right: solid 2px #000;
}
.nav2 {
	border-right: solid 2px #000;
}
#photo {
	width: 100%;
	max-width: 960px;
	height: 300px;
	margin: 0px;
	background-size: cover;
}
.vegas-timer-progress {
	display: none;
}
.intro {
	width: 83%;
	margin: 50px auto 40px;
	background: url(images/bg/palette.jpg);
	background-size: cover;
}
.intro_bg {
	background: rgba(255,255,255,0.7);
}
.intro_tx {
	padding: 0px 24px 24px;
}
.intro_tx h2 {
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	margin: 50px 0px 20px;
}
.intro_tx p {
	margin: 10px 0px;
}
.facility  {
	width: 752px;
	margin: 100px auto 0px;
}
.facility h2 {
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0px 0px 10px;}
.link1 {
	width: 150px;
	margin: 10px auto 20px;
	text-align: center;
	font-size: 0.9em;
	color: #51C189;
	display: block;
	border-bottom: 1px solid #51C189 ;
}
.facility_1 {
	border-top: solid 2px #000;
	height: 400px;
	overflow: hidden;
}
.facility_2 {
 	margin: 20px 0px;
}
.facility_3 {
	float: left;
}
.facility_ph {
	width: 400px;
	height: 300px;
}
.ph1 {
	background: url(images/map/haruiro_map.png) center center no-repeat;
	background-size: contain;
}
.ph2 {
	background: url(images/map/haruiro_map.png) center center no-repeat;
	background-size: contain;
}
.ph3 {
	background: url(images/map/sorairo_map.png) center center no-repeat;
	background-size: contain;
}
.ph4 {
	background: url(images/map/nijiiro_map.png) center center no-repeat;
	background-size: contain;
}
.ph5 {
	background: url(images/map/amairo_map.png) center center no-repeat;
	background-size: contain;
}
.facility_tx {
	font-size: 0.8em;
	margin: 40px 0px 20px 20px;
}
.facility_tx p {
	margin: 14px 0px;
}
footer p {
	margin: 10px auto;
	padding: 10px 0px 0px;
	font-size: 0.4em;
	text-align: center;
}

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

#nav {
	overflow: hidden;
	width: 322px;
	margin: 10px auto;
}
.nav {
	font-size:  0.8em;
	vertical-align: middle;
	display: block;
	width: 96px;
	height: 30px;
	padding: 0px 4px;
	margin: 0px auto;
}
#photo {
	width: 100%;
	height: 300px;
	margin: 0px;
	background-size: cover;
}
.intro {
	width: 100%;
}
.intro_tx {
	padding: 10px;
}
.facility  {
	width: 96%;
	margin: 80px auto 0px;
}
.facility_1 {
	border-top: none;
	height: auto;
}
.facility_2 {
	margin: 20px 0px 10px 14px;
}
.facility_3 {
	float: none;
}
.facility_ph {
	width: 100%;
	background-size: cover;
}
.facility_tx {
	font-size: 0.8em;
	margin: 20px 0px 50px 20px;
}

}