/* eventslist */
 
#local.eventslist #container .eventslist_cont {
	background-color: white;
} 
#local.eventslist #container h1{
	margin-bottom: 0;
} 
#local.eventslist #container .eventslist_cont .eventslist_block{
	padding-left: 20px;
} 

#local.eventslist #container .eventslist_cont .title_area{
	background-color: #F2F2F2;
	font-size: 20px;
	padding: 10px 0 10px 20px;
} 
#local.eventslist #container .eventslist_cont .eventslist_block .wrapper{
	display: grid;
	grid-template-columns: 2fr 1fr ;
} 
#local.eventslist #container .eventslist_cont .eventslist_block{
	display: block;
	padding: 15px 0 15px 20px;
    border-bottom: 1px solid #AFAFAF;
	height: 76px;
}
#local.eventslist #container .eventslist_cont .eventslist_block:last-child{
	border-bottom: none;
	padding-bottom: 20px;
}
#local.eventslist #container .eventslist_cont .eventslist_block .events_title{
	font-weight: bold;
}
#local.eventslist #container .eventslist_cont .eventslist_date p{
	text-align: right;
	vertical-align: bottom;
	padding-top: 20px;
	padding-right: 10px;
}

/* =========================================================================

　sp

===========================================================================*/
@media screen and (max-width:960px){
	#local.eventslist {
		width: 100%;
	}
	#local.eventslist #container{
		width: 100%;
	}
	#local #container img {
		width: 100%;
		height: auto;
	}
	#local.eventslist #container .bread{
		padding-left: 20px;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block{
		padding-left: 10px;
	} 
	
	#local.eventslist #container .eventslist_cont .title_area{
		font-size: 18px;
		padding: 10px 0 10px 20px;
	} 

	#local.eventslist #container .eventslist_cont .eventslist_block{
		display: block;
		padding: 15px 0 15px 20px;
		height: 80px;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block:last-child{
		border-bottom: none;
		padding-bottom: 20px;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block .events_title{
		font-weight: bold;
	}
	#local.eventslist #container .eventslist_cont .eventslist_date p{
		text-align: right;
		vertical-align: bottom;
		padding-top: 20px;
	}
}

@media screen and (max-width:768px){
	#local.eventslist {
		width: 100%;
	}
	#local.eventslist #container{
		width: 100%;
	}
	#local.eventslist #container .bread{
		padding-left: 10px;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block{
		display: block;
		padding: 10px;
		height: auto;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block .eventslist_date{
		height: 30px;
		margin-bottom: 10px;
	}
	#local.eventslist #container .eventslist_cont .eventslist_block .wrapper{
		display: block;
	} 

}