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

#mainVisualWrapper { display: block; width: 100%; box-sizing: border-box; padding: 0 20px; max-width: 1000px; margin: 0 auto 0 auto; }
#mainVisual { padding: 0  0 5.20% 0; }

#topContent { display: block; width: 100%; box-sizing: border-box; padding: 0 20px 0 20px; max-width: 1000px; margin: 0 auto; }
#topContent h3 {box-sizing: border-box; padding: 1.56%; border-top: #999 solid 1px; border-bottom: #999 solid 1px; margin: 0 auto 20px auto;}
#topContent h3 a { display: block;}
#topContent h3 a:hover { opacity: 0.7; }
/* #topContent h3 a img:nth-of-type(1) { width: 34.19%; float: left;} 
#topContent h3 a img:nth-of-type(2) { width: 63.44%; float: right;} */
#topContent > p { font-size:16px; line-height:1.5em; margin:0 0 40px 0;  }
#topContent > p a {  display:block; width:280px; text-align:center; margin:0 auto; background:#f90; color:#fff; line-height:1.1; padding:0.5em 0; text-decoration:none; border-radius:5px; }
#topContent > p a:hover {  background:#ccc; color:#fff; text-decoration:none; }
#content .bnrBox { line-height: 1; background: #f7f5f0; }
#content .bnrBox ul { display: block; width: 100%; box-sizing: border-box; padding: 40px 20px; max-width: 1000px; margin: 0 auto;}
#content .bnrBox ul li { width: 32.29%; float: left; margin: 0 1.56% 0 0; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); border-radius: 5%; border:#fff solid 2px; box-sizing: border-box;}
#content .bnrBox ul li a { }
#content .bnrBox ul li a:hover { opacity: 0.7; }
#content .bnrBox ul li:last-of-type { margin: 0;}


#commonInfoBox h3 { background: #ff9900; }


.event { }
.event a { display:block; }
.event a:hover { opacity:0.7; transition:opacity 0.7s linear 0s; }

 .bnr {  display:block; width:960px; max-width:100%; margin:20px auto 0 auto; }
@media only screen and (max-width:980px){

#infoBox { width:calc(100% - 40px); }	
}


@media screen and (max-width:768px) {
	/* #topContent h3 a img:nth-of-type(1) { width: 53.89%; margin: 0 auto 1.56% auto; float: none; display: block;}
	#topContent h3 a img:nth-of-type(2) { width: 100%; float: none; display: block;} */
	
	#content .bnrBox ul { padding: 20px;}
	
}
@media only screen and (max-width:480px){



}
@media only screen and (max-width:360px){

}