body {
	background: url(../images/bg.jpg) repeat 0 0;
}

#mainImg {
	background: url(../access/images/main.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 600px;
	height: 100vh;
	position: relative;
	z-index: 1;
}

#mainImg h1 {
	position: absolute;
	top: 40%;
	z-index: 2;
	width: 7%;
	left: 46.5%;
	opacity: 0;
}
article#mainImg section.btn {
	width: 15%;
	position: absolute;
	left: 42.5%;
	bottom: 5%;
	z-index: 2;
}



#intro {
	background: url(../images/bg.jpg) repeat 0 0;
	width: 100%;
	position: relative;
	padding-bottom: 8rem;
}

#intro section.message {
	font-size: 1rem;
	width: 90%;
	margin: 0 auto;
	padding: 2rem 0;
	line-height: 1.5;
}

#gmap {
	width: 100%;
	height: 16rem;
	margin: 3rem auto 0;
}
#gmap iframe {
	width: 100%;
	height: 100%;
}
p.btn {
	width: 90%;
	margin: 2rem auto;
	position: relative;
}
p.btn a {
	display: block;
	border: 1px solid #555;
	background-color: #fff;
	padding: 1rem;
	font-size: 2.5rem;
	-webkit-border-radius: 10px;
	text-align: center;
	text-decoration: none;
	color: #555;
}



#route {
	margin: 8rem 0;
}
#route p.caution {
	width: 90%;
	font-size: 1rem;
	margin: 2rem auto;
}
#route section {
	margin-bottom: 5rem;
}
#route h1 {
	font-size: 1.5rem;
	text-align: center;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 1rem 0;
	margin-bottom: 2rem;
}
#route .boxRoute {
	width: 90%;
	margin: 0 auto 2rem;
}

#route .boxRoute h2 {
	font-size: 1.2rem;
	width: 95%;
	background-color: #fff;
	padding: 0.5rem 2.5%;
	margin-bottom: 1rem;
}
#route .boxRoute h3 {
	width: 98%;
	padding-left: 2%;
	font-size: 1rem;
	background: url(../access/images/ic.gif) no-repeat left center;
	margin-bottom: 1rem;
}
#route .boxRoute p {
	font-size: 0.9rem;
}



#sougei {
	background-color: #c4c295;
	width: 90%;
	padding: 1rem 5%;

}
#sougei h2 {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 1rem;
}
#sougei table {
	width: 95%;
	margin: 2rem auto;
	background-color: #fff;
	text-align: center;
}
#sougei table th {
	text-align: center;
	background-color: #717423;
	width: 100%;
	color: #fff;
	padding: 0.5rem 0;
}
#sougei table td {
	padding: 0.5rem 0;
}

#corp {
	width: 90%;
	margin: 0 auto 6rem;
	border: 1px solid #555;
	padding: 2rem 0;
}
#corp h1 {
	font-size: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}
#corp p {
	font-size: 1rem;
	text-align: center;
	line-height: 1.5;
}


#sightseeing {
	width: 100%;
	overflow: hidden;
	margin-bottom: 6rem;
}
#sightseeing h1 {
	font-size: 2rem;
	margin-bottom: 1rem;
	text-align: center;
}

#sightseeing .boxSpot {
	width: 45%;
	padding: 1%;
	margin: 1%;
	border: 1px solid #aaa;
	float: left;
	font-size: 1rem;
}
#sightseeing .boxSpot h2 {
	font-size: 1.3rem;
	margin-bottom: 1rem;
}
#sightseeing .boxSpot p.detail {
	margin-bottom: 1rem;
}
#sightseeing .boxSpot p.acc {
	margin-bottom: 1rem;
}