@charset "utf-8";

#event{
	padding-top:50px;
	padding-bottom:120px;
}

#event h2{
	font-size: 36px;
	font-weight: 700;
	line-height: 180%;
	text-align: center;
}

.event_list{
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-top:50px;
}

.event_list article{
	width:30.8%;
	margin-right:3.8%;
}

.event_list article:nth-child(3n){
	margin-right:0;
}

.event_list article:nth-child(n + 4){
	margin-top:60px;
}

.event_list article .image{
	width: 100%;
	overflow:hidden;
}

.event_list article .image img{
	width:100%;
	transition:all 0.7s;
}

.event_list article h4{
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	margin-top:10px;
}

.event_list article time{
	font-size: 15px;
	font-weight: 700;
	line-height: 150%;
	margin-top:10px;
	color:#545454;
	display:block;
}

ul.category{
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-top:10px;
}

ul.category li{
	font-size: 12px;
	font-weight: 700;
	height:26px;
	line-height:28px;
	color:#fff;
	text-align:center;
	padding:0 13px;
	background-color:#000;
	border-radius: 20px;
	margin-right:5px;
}

dl.category_list{
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	margin-top:70px;
}

dl.category_list dt{
	color:#989898;
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-right:6px;
	align-self: center;
}

dl.category_list dd ul{
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
}

dl.category_list dd ul li a{
	height:38px;
	line-height:38px;
	display:block;
	padding:0 20px;
	font-size: 18px;
	font-weight: 700;
	text-align:center;
	border:solid 1px #000;
	border-radius: 30px;
	margin-right:6px;
	margin-bottom:6px;
}

dl.category_list dd ul li.act a{
	border:solid 1px #000;
	background-color:#000;
	color:#fff;
}

dl.category_list_left dt{
	color:#989898;
	font-family:"mozaic-geo-variable","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-bottom:10px;
}

dl.category_list_left dd ul li a{
	height:26px;
	line-height:26px;
	display:inline-block;
	padding:0 13px;
	font-size: 12px;
	font-weight: 700;
	text-align:center;
	border:solid 1px #000;
	border-radius: 30px;
	margin-bottom:9px;
}

dl.category_list_left dd ul li.act a{
	border:solid 1px #000;
	background-color:#000;
	color:#fff;
}

@media only screen and (min-width: 825px) {

	dl.category_list dd ul li a:hover{
		border:solid 1px #000;
		background-color:#000;
		color:#fff;
	}

	dl.category_list_left dd ul li a:hover{
		border:solid 1px #000;
		background-color:#000;
		color:#fff;
	}
	.event_list article a:hover .image img{
		transform: scale(1.03);
	}

	dl.category_list dd ul li a:hover{
		border:solid 1px #000;
		background-color:#000;
		color:#fff;
	}

	dl.category_list_left dd ul li a:hover{
		border:solid 1px #000;
		background-color:#000;
		color:#fff;
	}


}

@media (max-width: 825px) {
	.event_list {
		justify-content:space-between;
	}

	.event_list article {
		width: 48%;
		margin-right:0;
	}

	.event_list article:nth-child(n + 3) {
		margin-top: 60px;
	}

}
@media (max-width: 425px) {
	#event{
		padding-bottom:50px;
	}


	.event_list article {
		width:100%;
	}


	.event_list article{
		margin-top: 60px;
	}

	.event_list article:first-child{
		margin-top:0;
	}

	.event_list article h4{
		font-size:20px;
	}


	.event_list {
		margin-top:20px;
	}

	dl.category_list{
		margin-top:30px;
	}

	dl.category_list dd ul li a {
		padding: 0 13px;
		font-size: 12px;
	}

	dl.category_list_left dd ul{
		justify-content:flex-start;
		display: flex;
		flex-wrap: wrap;
	}

	dl.category_list_left dd ul li{
		margin-right:5px;
	}

}