@charset "UTF-8";
/* CSS Document */

/*********************

	mainvisual

*********************/

/*#pageMainvisual .note { text-align: right; }*/
@media screen and (max-width: 480px) {
	#pageMainvisual br { display: none; }
}

/*********************

	contents

*********************/
.section {
	margin-top: -56px;
	padding-top: 56px;
	padding-bottom: 60px;
}

h2 { text-align: center; margin-bottom: 40px; }

#loc1 { margin: 50px auto; }
#loc1 h3 { text-align: center;}
#loc1 p { margin-bottom: 40px; }
#loc1 .img img { width: 100%; height: auto; }
/*#sea1 .note { display: block; text-align: right; margin-top: 5px; }*/


/*=====
	loc2
=====*/
#contents #loc2 .inner {
	padding-top: 0;
}
#loc2 .photo {
	margin: 30px auto 10px;
}
#loc2 .photo li {
	float: left;
	width: 33.33%;
}
#loc2 figure {
	margin: 0;
}
@media screen and (max-width: 480px) {
	#loc2 .photo li {
		width: 49%;
		margin: 0.5%;
	}
	#loc2 .photo li:first-child {
		width: 99%;
	}
}

#spot { margin: 20px auto 50px; }
#spot ul { overflow: hidden; margin-top: 20px;}
#spot li { float: left; width: 18.3333%; margin: 1% 1.666% 1% 0; }
#spot li:nth-child(5n) { margin-right: 0; }
#spot li img { width: 100%; height: auto; }
@media screen and (max-width: 768px) {
  #spot li,#spot li:nth-child(5n) { width: 31%; margin: 1%;}
}
@media screen and (max-width: 480px) {
	#spot li,#spot li:nth-child(5n) { width: 48%;}
}


#walk { margin: 0 auto 50px; }
#walk .ttl_area { overflow: hidden; margin-bottom: 20px; }
#walk .ttl_area .ttl { float: left; margin-right: 20px; }
#walk ul { overflow: hidden; }
#walk li { float: left; width: 31.25%; margin-right: 3.125%; margin-bottom: 30px; }
#walk li:nth-child(3n) { margin-right: 0; }
#walk li img { width: 100%; height: auto; }
#walk li span { display: block; text-align: center; margin-top: 10px; }
@media screen and (max-width: 768px) {
	#walk .ttl_area .ttl { float: none; margin-right: 0; }
}
@media screen and (max-width: 480px) {
	#walk li { float: none; width: 100%; margin-right: 0; }
	#walk li:nth-child(3) { margin-right: 0; }
}