@charset "UTF-8";

/*メインビジュアル*/

#schedule .MainVisual{
	margin-bottom: 30px;
}
#schedule .MainVisual img{
	width:100%;
	height:auto;
}

/*年間メニュー*/
#schedule .ScheduleContent a,
#schedule .ScheduleContent a:hover
{
	text-decoration: none;
}
#schedule .ScheduleContent li{
	list-style-type: none;
	background: none;
	margin:0;
	padding:0;
	margin-bottom: 20px;
}
#schedule .ScheduleContent .YearButton a{
	display: block;
	width: 100%;
}
#schedule .ScheduleContent .YearButton span{
	display: table;
	width: 100%;
	border: 1px solid #cf1313;
	box-shadow:0px 0px 6px 3px #fbdcdc;
	box-sizing: border-box;
}
#schedule .ScheduleContent .YearButton a span:hover{
	background-color: #f3dfe0;
	cursor:pointer;
}
#schedule .ScheduleContent .YearButton span i{
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #070703;
	font-size: 129%;
	padding:20px;
}
#schedule .ScheduleContent ul{
	letter-spacing: -0.4em;
	margin-top: 20px;
}
#schedule .ScheduleContent ul li{
	display: inline-block;
	width:15%;
	margin-right: 2%;
	margin-bottom: 10px;
	letter-spacing: 0em;
	box-sizing: border-box;
}
#schedule .ScheduleContent ul li:nth-child(6n){
	margin-right: 0;
}
#schedule .ScheduleContent ul li a{
	display: table;
	width: 100%;
	color:#313131;
}
#schedule .ScheduleContent ul li a:hover{
	color:#313131;
	text-decoration: none;
}
#schedule .ScheduleContent ul li span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding:5px;
	background-color: #FFF;
	border: solid 1px #CCC;
	box-sizing: border-box;
}
#schedule .ScheduleContent ul li span:hover{
	background-color: #f3dfe0;
	cursor:pointer;
}
#schedule .ScheduleContent .YearButton.title{
	background-color: #f3dfe0;
}

/*アイコンボタン　カテゴリー*/

#schedule .ScheduleIconList{
	letter-spacing: -0.4em;
}
#schedule .ScheduleIconList li{
	letter-spacing: 0em;
	list-style-type: none;
	background: none;
	margin:0;
	padding:0;
	display: inline-block;
	width:9.875%;
	margin-right:3%;
	box-sizing: border-box;
}
#schedule .ScheduleIconList li:last-child{
	margin-right:0%;
}
#schedule .ScheduleIconList li img{
	width:100%;
	height:auto;
}

@media only screen and (max-width: 640px) {
	
#schedule .ScheduleIconList li{
	width:19%;
	margin-right:8%;
	margin-bottom: 20px;
}
#schedule .ScheduleIconList li:nth-child(4n){
	margin-right:0%;
}
	
}

/*アイコンボタン 地域*/

#schedule .ScheduleIconList2{
	letter-spacing: -0.4em;
}
#schedule .ScheduleIconList2 li{
	letter-spacing: 0em;
	list-style-type: none;
	background: none;
	margin:0;
	padding:0;
	display: inline-block;
	width:22.75%;
	margin-right:3%;
	box-sizing: border-box;
}
#schedule .ScheduleIconList2 li:last-child{
	margin-right:0%;
}
#schedule .ScheduleIconList2 li img{
	width:100%;
	height:auto;
}

@media only screen and (max-width: 640px) {
	
#schedule .ScheduleIconList2 li{
	width:46%;
	margin-right:8%;
	margin-bottom: 20px;
}
#schedule .ScheduleIconList2 li:nth-child(2n){
	margin-right:0%;
}
	
}

/*テーブル*/

#schedule table{
	width:100%;
	border: 1px solid #afafaf !important;
}
#schedule table td{
	text-align: left;
	vertical-align: middle;
	border: 1px solid #afafaf !important;
	font-size: 80%;
	padding:5px;
	word-wrap: break-word;
}
#schedule table th{
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
	padding:5px;
}
#schedule table th:nth-child(1){
	/*カテゴリ*/
	width:10%;
}
#schedule table th:nth-child(2){
	/*期間*/
	width:10%;
}
#schedule table th:nth-child(3){
	/*イベント名*/
	width:20%;
}
#schedule table th:nth-child(4){
	/*事業内容*/
}
#schedule table th:nth-child(5){
	/*団体*/
	width:10%;
}
#schedule table td:first-child img{
	width:100%;
	height:auto;
}
#schedule .TopAnchor{
	width:100%;
	display: block;
	text-align: right;
	margin-bottom: 40px;
}

/*.ico-sをつけると小さいまま*/
#schedule img.ico-s{
	width:auto;
	height:auto;
	padding-bottom:0.5em;
}