/* MAIN VISUAL */
#mainVisual { position: relative;}
#mainVisual img { width: 100%; height: auto;}
#seane01 { width: 100%;}

.infoTitle { text-align: center; margin: 0 auto 40px auto;}

#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: #362e2b;}
#commonEventBnr { max-width: 1040px; padding: 0;}
#commonEventBnr .bnrTextLink { background: #b7aa00;}
.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; }

#map .mapBox { max-width: 800px; margin: 0 auto;}


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

/* LandPlan */
.landPlanMap { margin: 0 auto 60px auto;}
.landPlanMap figure:nth-of-type(1) { flex-basis:36%;}
.landPlanMap figure:nth-of-type(2) { flex-basis:62.5%;}

/* 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: #362e2b !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 { margin: 0 auto 0 auto; justify-content: center;}
  .landPlanMap figure:nth-of-type(1) { flex-basis:60%; margin: 0 0 20px 0;}
  .landPlanMap figure:nth-of-type(2) { flex-basis:100%;}
	
	.facilityList ul li { flex-basis:100%; }
}