@charset "UTF-8";

.title{
	font-size: 16px;
    margin: 8px 0 20px;
}

#content{
	margin-top: 50px;
}

#content .w980 > .flex{
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

#content .w980 > .event .flex {
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.event{
	margin-bottom: 20px;
}

.eventBox {
	margin-right: 25px;
}

.eventBox:nth-child(4n) {
	margin-right: 0px;
}

.eventBox a:hover{
	background: #f7f7f7;
	opacity: 1;
}

.date span{
	padding: 4px 6px; 
	color:#fff;
}

.yet{
	color:#FFF;
	background: #009fe8;
	padding: 5px;
	margin-right: 10px;
	font-size: 14px;
}
.now{
	color:#FFF;
	background: #e3007f;
	padding: 5px;
	margin-right: 10px;
	font-size: 14px;
}
.end{
	color:#FFF;
	background: #595757;
	padding: 5px;
	margin-right: 10px;
	font-size: 14px;
}
.etc{
	color:#FFF;
	background: #595757;
	padding: 5px;
	margin-right: 10px;
	font-size: 14px;
}
.eventnews{
	color:#000;
	background: #FFF100;
	padding: 5px;
	margin-right: 10px;
	font-size: 14px;
}