/* MAIN VISUAL */
#mainVisual { position: relative;}
#mainVisual img { width: 100%; height: auto;}
#seane01 { width: 100%;}
#seane02 { width: 7.14%; position: absolute; left: 57.85%; top:43.53%; animation: yurayura 3s linear infinite; }
#seane03 { width: 47.14%; position: absolute; left: 10px; bottom:10px;}
#seane04 { width: 20.57%; position: absolute; right:10px; bottom:10px;}

#mainPoint { margin: 0 auto 40px auto;}
#mainPoint ul li { flex-basis:25%; box-shadow: 0 0 0 1px #fff; }

/* INFORMATION */
#commonInfoBox { max-width: 1040px; }
#commonInfoBox h3 {  background: #58b530;}
#commonEventBnr { max-width: 1040px; padding: 0;}
#commonEventBnr .bnrLink { background: #2ca1d2;}
.bnrBox { margin:  0 auto 40px auto}
.bnrBox ul li { text-align: center;}

/* Access */
.accessMap { position: relative; padding: 68% 0 0 0;}
.accessMap .photoBox { position: absolute; width: 50%; left: 0; top:0; }
.accessMap .mapBox { position: absolute; width: 100%; left: 0; bottom:0; }
.accessMap .minuteBox { position: absolute; width: 54%; right:0; bottom:0; }
.accessMap2 {}
.accessMap2 h4 { background: #58b530; color: #fff; line-height: 1; font-size: 20px; width: 130px; text-align: center; padding: 0.25em 0;}
.accessMap2 .wideMap { flex-basis:59%;}
.accessMap2 .narrowMap { flex-basis:39%;}


/* location */
.photoList { margin: 0 0 40px 0;}
.photoList figure { flex-basis:calc( ( 100% - 30px ) / 4);}
.photoList figure figcaption { font-size: 12px; display: block; padding: 5px 0 0 0;}

/* LandPlan */
.landPlanMap { box-sizing: border-box; padding: 40px; border: #58b530 solid 1px; background: #fff; border-radius: 20px; margin: 0 auto 40px auto;}

/* Facility */
.facilityList { }
.facilityList ul li { margin: 0 0 20px 0; flex-basis:calc( ( 100% - 20px ) / 2 );}

@keyframes yurayura {
	0% { transform: rotate(0deg)}
	25% { transform: rotate(-15deg)}
	75% { transform: rotate(15deg)}
	0% { transform: rotate(0deg)}
}
/* @keyframes walk {
	0% { transform: translate(0,0)}
	50% { transform: translate(-200%,-50%)}
	100% { transform: translate(0,0)}
}
@keyframes rev {
	0% { transform: }
	50% { transform: rotateY(180deg)}
	100% { transform: }
} */

@media screen and (min-width:768px){
	
	
}
@media screen and (max-width:767px){
	#mainPoint ul li { flex-basis:50%; border-bottom: #fff solid 1px; }
	
	/* INFORMATION */
  #commonInfoBox h3 {  background: #58b530 !important;}
	
	.accessMap { padding: 0;}
	.accessMap .photoBox { width: 100%; position: static; margin: 0 0 20px 0;}
	.accessMap .mapBox { width: 100%; position: static; margin: 0 0 20px 0;}
	.accessMap .minuteBox { width: 100%; position: static;}
	.accessMap2 .wideMap { flex-basis:100%; margin: 0 0 20px 0;}
  .accessMap2 .narrowMap { flex-basis:100%;}
	
	.photoList figure { flex-basis:calc( ( 100% - 20px ) / 2); margin: 0 0 20px 0;}
	
	.landPlanMap { padding: 20px;}
	
	.facilityList ul li { flex-basis:100%; }
}