@charset "UTF-8";


/*****************************************************
　イベント情報一覧　
*****************************************************/
/* ページヘッダー 
------------------------------------------------- */
.page-head{
	align-items:center;
	/*background:url('../img/event/event_bg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;*/
	color:#014099;
	display:flex;
	font-size:20px;
	font-size:2.0rem;
	height:220px;
	justify-content:center;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 auto;
	max-width:1750px;
	text-align:center;
	width:95%;
}
.page-head span{
	display:block;
	font-size:48px;
	font-size:4.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* 投稿リスト 
------------------------------------------------- */
#event .event-list{
	display:flex;
}
#event .event-list .event-item{
	max-width:350px;
	width:30%;
}
#event .event-list .event-item:nth-child(1){
	margin-bottom:60px;
}
#event .event-list .event-item:nth-child(2),
#event .event-list .event-item:nth-child(3){
	margin-bottom:60px;
	margin-left:5%;
}
#event .event-list .event-item:nth-child(5),
#event .event-list .event-item:nth-child(6){
	margin-left:5%;
}
#event .event-list .event-item .ttl{
	color:#365980;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:10px 10px 0;
	text-decoration:underline;
}
#event .event-list .event-item .date{
	color:#365980;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 10px;
	text-decoration:underline;
}
/* 投稿なし 
------------------------------------------------- */
#event .none{
	text-align:center;
}


/*****************************************************
　イベント情報詳細　
*****************************************************/
.s-event-item{
	margin:70px 0 0;
}
/* 日付・タイトル 
------------------------------------------------- */
.s-event-item .post-ttl{
	color:#014099;
	font-size:42px;
	font-size:4.2rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 0 15px;
	text-align:center;
}
.s-event-item .post-date{
	color:#014099;
	display:block;
	font-size:24px;
	font-size:2.4rem;
	line-height:1.4;
	margin:0 0 55px;
	text-align:center;
}
/* 本文 
------------------------------------------------- */
.s-event-item .contents{
	margin:0 0 70px;
}
.s-event-item .contents *{
	line-height:1.4;
}
.s-event-item .contents * + *{
	margin:1.5em 0 0;
}
/* ボタン 
------------------------------------------------- */
.return-btn{
	margin:40px auto 0;
	padding:10px 0;
	text-align:center;
	width:200px;
}
.return-btn span{
	background:url('../img/common/arrow_blue_left.png') no-repeat left center;
	background-size:10px 16px;
	-webkit-background-size:10px 16px;
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding-left:30px;
}
/* バナー 
------------------------------------------------- */
.single-event .banner{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:70px 0 80px;
	padding:0;
}
.single-event .banner img{
	width:100%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　イベント情報一覧　
	*****************************************************/
	/* ページヘッダー 
	------------------------------------------------- */
	.page-head{
		font-size:4.28vw;
		height:33.17vw;
	}
	.page-head span{
		font-size:6.9vw;
	}
	/* 投稿リスト 
	------------------------------------------------- */
	#event .event-list{
		display:block;
	}
	#event .event-list .event-item{
		margin:0 auto!important;
		max-width:none;
		width:69.04vw;
	}
	#event .event-list .event-item + .event-item{
		margin:4.76vw auto 0!important;
	}
	#event .event-list .event-item .img img{
		width:100%;
	}
	#event .event-list .event-item .ttl{
		font-size:3.75vw;
		margin:1.58vw 4.76vw 0;
	}
	#event .event-list .event-item .date{
		font-size:3.75vw;
		margin:0 4.76vw;
	}


	/*****************************************************
	　イベント情報詳細　
	*****************************************************/
	.s-event-item{
		margin:8.97vw 0 0;
	}
	/* 日付・タイトル 
	------------------------------------------------- */
	.s-event-item .post-ttl{
		font-size:5.71vw;
		margin:0 0 1.92vw;
	}
	.s-event-item .post-date{
		font-size:3.75vw;
		margin:0 0 7.05vw;
	}
	/* 本文 
	------------------------------------------------- */
	.s-event-item .contents{
		margin:0 0 8.97vw;
	}
	/* ボタン 
	------------------------------------------------- */
	.return-btn{
		margin:5.12vw auto 0;
		padding:1.58vw 0;
		width:39.68vw;
	}
	.return-btn span{
		background-size:2.22vw 3.57vw;
		-webkit-background-size:2.22vw 3.57vw;
		font-size:3.75vw;
		padding-left:4.76vw;
	}
	/* バナー 
	------------------------------------------------- */
	.single-event .banner{
		display:block;
		margin:8.97vw 0 10.25vw;
	}
	.single-event .banner li + li{
		margin:3.17vw 0 0;
	}
}