.event_area ul.years li label:hover {
	opacity: .7;
}

.event_area ul.tags li label:hover {
	opacity: .7;
}

.event_area ul.tags label {
	cursor: pointer;
	color:#1b2f5b;
	font-size:16px;
	line-height:1;
	text-align: center;
	padding:10px;
	border:solid 1px #1b2f5b;
	box-sizing:border-box;
	display: block;
}
.event_area ul.tags .is-active{
	background: #1b2f5b;
	color: #fff;
}
.event_area ul.tags label input {
	display: none;
}

.event_area ul.years li label {
	cursor: pointer;
	color:#6f80aa;
	font-size:16px;
	line-height:1;
	text-align: center;
	padding:10px 15px;
	border:solid 1px #6f80aa;
	box-sizing:border-box;
	display: block;
}
.event_area ul.years li .is-active{
	background: #6f80aa;
	color: #fff;
}
.event_area ul.years li input {
	display: none;
}
@media only screen and (min-width:768px) { 
	.event_area ul.years li label {
		transition:ease .3s;
	}
	
}
@media only screen and (max-width:768px) { 
	.event_area .twocol .image img{
		height: auto !important;
	}
}
@media only screen and (max-width:376px) {
	.event_area .twocol .image img{
	width: 100%;
	max-width: 335px;
	height: 188px;
}
}