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


/* MAIN VISUAL */
#mainVisual { width:100%; max-width:960px; margin:0 auto 40px auto; position:relative; box-sizing:border-box; padding:20px 20px 60px 20px; background:url(../img/top/bg_top_02.png) center bottom no-repeat, #faf7d5; background-size:100% auto; }
#mainVisual #topSlider { }
#mainVisual #topSlider li { position:relative; }
#mainVisual .logoBox { position:absolute; bottom:-40px; right:-10px; width:37.35%; }

#topBtn {width:100%; max-width:960px; margin:0 auto 40px auto; position:relative; box-sizing:border-box; padding:20px 20px 60px 20px;  }
#topBtn ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 540px; margin: 0 auto;}
#topBtn ul li { flex-basis:calc( ( 100% - 20px) / 2 ); margin: 0 5px; }
#topBtn ul li a { display:block; text-align:center; }
#topBtn ul li a:hover { opacity:0.7; }
#topBtn ul li a.comingSoon { position:relative; display:block; cursor:inherit; }
#topBtn ul li a.comingSoon img {  opacity:0.2 !important; }
#topBtn ul li a.comingSoon:after { position:absolute; width:100%; margin:-0.5em 0 0 0; top:50%; left:0; color:#000; font-weight:bold; content:'coming soon'; font-size:14px; text-align:center; }



/* CONTENT */
#topContent {  padding:0 0 60px 0; }
#topContent > h3 { width:100%; margin:0 auto 40px auto; text-align:center; padding:20px; background:rgba(255,255,255,0.5); box-shadow:0 5px 5px 0 rgba(0,0,0,0.2); box-sizing:border-box; }
#topContent > h3 img { display:block; width:100%; max-width:900px; margin:0 auto 0 auto; }
#pcContent { }
#pcContent ul { display:block; width:100%; max-width:900px; margin:0 auto; }
#pcContent ul li { display:block; background:url(../img/top/bg_top_01.png) no-repeat; background-size:100% 100%; box-sizing:border-box; padding:5%; margin:0 0 30px 0; }
#pcContent ul li a.googleMap { display:block; width:450px; margin:20px auto 0 auto; box-shadow:5px 5px 5px 0px rgba(0,0,0,0.2); max-width:100%; }

 .bnr {  display:block; width:960px; max-width:100%; margin:20px auto 60px auto; }
 .bnr img { width:auto; max-width:100%; height:auto; }

.event { text-align:center; margin:10px auto 40px auto; width:100%; max-width:960px; }
.event a:hover { opacity:0.7; }
.event a.eventReserve { display:block; color:#fff; background:#f9beba; opacity:1; text-align:center; padding:1em 0; box-sizing:border-box; font-size:16px; text-decoration:none; transition:all 0.5s lienar 0s; font-weight:bold; }
.event a.eventReserve:hover { opacity:0.7; color:#fff; text-decoration:none; background:#ccc; }

@media screen and (max-width:980px) {
#infoBox { width:calc(100% - 20px); }	
}

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



#commonInfoBox h3 { background:#b8a68e;  }

}