@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　location
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
  #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 10px;
	height: 400px;
	background:url(../images/location/bg_kv.jpg) no-repeat center center;
	background-size:cover;
}
#Visual .breadcrumb li,
#Visual .breadcrumb a{
	color:#297C6C;
}

.VisualNote{
	position: absolute;
	top:160px;
	right:10px;
	color:#FFF;}
@media screen and (max-width: 768px) {
.VisualNote{
	top:252px;
	right:0px;/*後ろの()分だけ―4しています*/
}
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* location
-----------------------------------------------------------------*/
.location h2{
	margin-bottom: 45px;
}
.location .cat-ttl{
	text-align:center;
	margin-bottom: 50px;	
}
.location .spot-list{
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin: 0 auto;	
}
.location .spot-list .txt{
	font-size:108%;
	padding-top: 5px;	
}
.location .spot-list li{
	width: 50%;
	padding-right: 20px;
	margin-bottom: 50px;
}
.location .spot-list li:nth-child(even){
	padding: 0 0 0 20px;	
}

/* education */
.location .education{
	margin-bottom: 40px;	
}
.location .education .spot-list .sub{
	width: 33.3%;
	padding: 0 22px 0 0;	
}
.location .education .spot-list .sub+.sub{
	padding: 0 12px;	
}
.location .education .spot-list .sub+.sub+.sub{
	padding: 0 0 0 22px;
}


/* facility */
.location .facility{
	margin-bottom: 40px;	
}
.location .facility .spot-list li{
	width: 33.3%;
	padding: 0 22px 0 0;	
}
.location .facility .spot-list li:nth-child(2),
.location .facility .spot-list li:nth-child(5),
.location .facility .spot-list li:nth-child(8){
	padding: 0 12px;	
}
.location .facility .spot-list li:nth-child(3),
.location .facility .spot-list li:nth-child(6),
.location .facility .spot-list li:nth-child(9){
	padding: 0 0 0 22px;
}

/* nature */
.location .nature{
	margin-bottom: 80px;
}
.location .nature .spot-list li:first-child{
	width: 100%;
	padding: 0;	
}
.location .nature .spot-list li:nth-child(2){
	padding: 0 20px 0 0;	
}
.location .nature .spot-list li:nth-child(3){
	padding: 0 0 0 20px;	
}


/* facility-list */
.location .facility-list{
	max-width: 1100px;
	margin: 0 auto;	
	display:flex;
	flex-wrap:wrap;		
}
.location .facility-list li{
	width: 50%;
	padding-right: 12px;
	margin-bottom: 30px;
}
.location .facility-list li:nth-child(even){
	padding: 0 0 0 12px;	
}
.location .facility-list h3{
	padding: 2px 0;
	margin-bottom: 5px;
	background:#36738C;
	color:#FFF;
	text-align:center;	
}
.location .facility-list table{
	width: 100%;
	border-collapse:collapse;
	font-size:86%;	
}
.location .facility-list tr{
	border-bottom:1px solid #D0D0D4;
}
.location .facility-list th{
	font-weight:normal;
	padding: 8px 10px 8px 0;
	text-align:left;
}
.location .facility-list tr td{
	vertical-align:middle;
	padding: 8px 0;
}
.location .facility-list tr td:nth-of-type(1){
	width: 2.5em;
	text-align:center;	
}
.location .facility-list tr td:nth-of-type(2){
	width: 6em;
	text-align:center;
}
.location .facility-list tr td:nth-of-type(3){
	width: 11em;
	text-align:right;
}

.location .facility-list li:last-child{
	width: 100%;
	padding: 0;	
}
.location .facility-list li:last-child .wide{
	display:flex;	
}
.location .facility-list li:last-child .wide div{
	width: 50%;	
	padding-right: 12px;
}
.location .facility-list li:last-child .wide div+div{
	padding: 0 0 0 12px;
}


.locationPage{
	max-width:1100px;
	margin:auto;}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/*--------------------------------------------------------------------------
   #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 0;
	height: 180px;
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* location
-----------------------------------------------------------------*/
.location h2{
	margin-bottom: 20px;
}
.location .cat-ttl{
	text-align:left;
	margin-bottom: 15px;	
}
.location .spot-list{
	display:flex;
	flex-wrap:wrap;
}
.location .spot-list .txt{
	font-size:72%;
	padding-top: 5px;
	line-height:1.5;	
}
.location .spot-list li{
	width: 100%;
	padding-right: 0;
	margin-bottom: 20px;
}
.location .spot-list li:nth-child(even){
	padding: 0;	
}

/* education */
.location .education{
	margin-bottom: 20px;	
}
.location .education .spot-list .sub{
	width: 50%;
	padding: 0 5px 0 0;	
}
.location .education .spot-list .sub+.sub{
	padding: 0 0 0 5px;	
}
.location .education .spot-list .sub+.sub+.sub{
	padding: 0 5px 0 0;
}


/* facility */
.location .facility{
	margin-bottom: 20px;	
}
.location .facility .spot-list li{
	width: 50%;
	padding: 0 5px 0 0;	
}
.location .facility .spot-list li:nth-child(2),
.location .facility .spot-list li:nth-child(4),
.location .facility .spot-list li:nth-child(6),
.location .facility .spot-list li:nth-child(8){
	padding: 0 0 0 5px;	
}
.location .facility .spot-list li:nth-child(3),
.location .facility .spot-list li:nth-child(5),
.location .facility .spot-list li:nth-child(7),
.location .facility .spot-list li:nth-child(9){
	padding: 0 5px 0 0;
}

/* nature */
.location .nature{
	margin-bottom: 30px;
}
.location .nature .spot-list li:first-child{
	width: 100%;
	padding: 0;	
}
.location .nature .spot-list li:nth-child(2){
	width: 100%;
	padding: 0;	
}
.location .nature .spot-list li:nth-child(3){
	width: 100%;
	padding: 0;	
}


/* facility-list */
.location .facility-list{
	display:block;
}
.location .facility-list li{
	width: 100%;
	padding-right: 0;
	margin-bottom: 20px;
}
.location .facility-list li:nth-child(even){
	padding: 0;	
}
.location .facility-list h3{
	font-size:93%;
}

.location .facility-list li:last-child{
	width: 100%;
	padding: 0;	
}
.location .facility-list li:last-child .wide{
	display:block;	
}
.location .facility-list li:last-child .wide div{
	width: 100%;	
	padding-right: 0;
}
.location .facility-list li:last-child .wide div+div{
	padding: 0;
}

}