@charset "UTF-8";

.event-box{
	background-color: #ED0025;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 700px;
	height: 295px;
	padding: 13px;
}

.event-box div{
	width:276px;
	float: left;
}

.event-box div h1{
	height: 82px;
	padding-left: 5px;
}

.event-box div p{
	color: #fff;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	line-height: 1.3;
	padding-left: 5px;
	padding-top: 3px;
	margin: 0 0 10px 0;
}

.event-box div + div{
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 270px;
	float: right;
	padding: 2px;
	width: 385px;
}

.event-box div + div h2{
	background-color: #B38B28;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 3px 0;
	text-align: center;
}
.event-box span{
	float: right;
	background: url(../images/icon_list07.png) no-repeat 0.2em 0.5em; background-size:16px auto;
	padding-left: 25px;
	vertical-align: middle;
}

.event-box span a{
	color: #333 !important;
	font-size: 14px;
	margin-right: 5px;
	vertical-align: middle;
}

.event-box span a:hover{
	color: #3f5dae !important;
}

.top_seminar{
	height: 195px;
	overflow-y: scroll;
	padding-left: 10px;
	padding-top: 10px;
}
.top_seminar dl {
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.top_seminar dl dt{
	clear:both;
	/* float:left; */
	width:6em;
	padding:4px 0 4px 25px;
	background:url(../images/icon_list06.png) no-repeat 0.2em 0.5em;
	background-size:16px auto;
}

.top_seminar dl dt.special_seminar{
	background:url(../img/top/icon_special.png) no-repeat 0 0.3em;
}
.top_seminar dl dd{
	/* margin-left:7em; */
	padding:4px 0;
	width: calc(100% - 8em - 10px);
}

@media screen and (max-width: 640px) {
	.event-box{
		width: 95vw;
		height: 135px;
		padding: 5px 5px 0 5px;
		overflow-y: scroll;
		border-bottom: solid 5px #DF0025;
		-webkit-overflow-scrolling: touch;
	}
	.event-box div{
		float: none;
		width: auto;
	}
	.event-box div + div{
		float: none;
		width: 89vw;
		height: auto;
		overflow-y: scroll;
	}
	.event-box div h1,
	.event-box div p{
		display: none;
	}

	.event-box div img{
		display: none;
	}

	.event-box div + div h2{
		padding: 3px 0;
	}

	.event-box div + div .top_seminar{
		padding-left: 5px;
		padding-top: 5px;
	}
}