@charset "utf-8";

/* -------------------------------------------------
     event
 --------------------------------------------------- */
.event_list_area {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin:10px auto;
	overflow:hidden;
	border:solid 1px #ccc;
	padding: 10px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.8);
}

.event_list_area .event_img {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0;
	text-align:center;
}

.event_list_area .event_img img {
	max-width:100%;
	height:auto;
}

.event_list_area h2 {
	font-size: 18px;
	font-weight:bold;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}

.event_list_area h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0;
	color:#999;
}

.event_list_area .event_txt {
	float:left;
	width:100%;
	height:auto;
}


@media screen and (max-width: 770px) {
	.event_list_area {
		width:100%;
	}

}