@charset "utf-8";

@media (min-width: 768px) {
/* PC用 */
/* information
-----------------------------------------*/
#infoAll { width:1200px; margin: 50px auto 50px auto; clear: both; overflow: hidden;}

#infoAll .yearList{width: 100%; margin-bottom: 50px; overflow: hidden; padding-left: 0px;}
#infoAll .yearList li{list-style: none; float: left; width: 9%; text-align: center; border-left:1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; margin-bottom: 5px; display: block; padding: 3px 0 3px 0;}
#infoAll .yearList li:hover{ background-color: #eee;transition: 0.3s;}
#infoAll .yearList li a{ text-decoration: none; color: #4d4d4d;}
h2{ font-family: Arial, Helvetica, "sans-serif"; color: #82AE46; font-size: 30px;}

	
	
	
}

@media (max-width: 767px) {
/* tablet用 */
/* information
-----------------------------------------*/
#infoAll { width:90%; margin: 5% auto 0 auto; clear: both; overflow: hidden;}

#infoAll .yearList{width: 100%; margin-bottom: 50px; overflow: hidden; padding-left: 0px;}
#infoAll .yearList li{list-style: none; float: left; width: 9%; text-align: center; border-left:1px solid #ccc; border-right: 1px solid #ccc; margin-right: -1px; margin-bottom: 5px; display: block; padding: 3.5%;}
#infoAll .yearList li:hover{ background-color: #eee;transition: 0.3s;}
#infoAll .yearList li a{ text-decoration: none; color: #4d4d4d;}
h2{ font-family: Arial, Helvetica, "sans-serif"; color: #82AE46; font-size: 30px;}

	
	
	
	
}