h3{
	line-height: 1.5em;
}
.eventListContainer{
	flex-direction: column;
	gap: 10px;
}
.eventListContainer li{
	border: 1px solid #999;
	background: #fff;
}
.eventListContainer li a::after{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	font-size: 200%;
	color: currentColor;
	padding-right: 20px;
	display: block;
	color: #aaa;
}
.eventListContainer li :is(div.endEvent,a.flexBox){
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	width: 100%;
}
.eventListContainer li a[target="_blank"] h3 p::after {
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	font-weight: 900;
	font-size: 90%;
	color: currentColor;
	padding-left: 5px;
}
.eventListContents{
	width: 100%;
	gap: 20px;
	align-items: center;
}
.logoArea{
	width: min(100% ,150px);
	flex-direction: column;
	gap: 10px;
}
.eventIcon,.webSeminarIcon{
	text-align: center;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: 600;
	width: fit-content;
}
.eventIcon{
	background: var(--eventIcon);
}
.webSeminarIcon{
	background: var(--webSeminarIcon);
}
.eventSummaryArea{
	flex-direction: column;
	gap: 5px;
	flex: 1;
}
.eventTitle{
	margin-bottom: 10px;
	line-height: 1.5em;
}
.eventTitle:not(.endEvent .eventTitle){
	text-decoration: underline;
}
.eventDdate,.sponsorship{
	gap: 10px;
	align-items: baseline;
}
:is(.eventDdate,.sponsorship) span{
	font-weight: 500;
	text-align: center;
	display: block;
	background: #ccc;
	width: 55px;
}
:is(.eventDdate,.sponsorship) p{
	flex: 1;
}
.archiveLink,.eventLink{
	text-decoration: underline;
	width: fit-content;
}
.archiveLink{
	margin: 40px auto
}
.eventLink{
	margin: 0 auto;
}
@media (max-width: 580px){
	.eventIcon,.webSeminarIcon{
		margin: 0 auto;
	}
	.eventListContents,.eventTitle{
		flex-direction: column;
	}
	.eventListContainer li a.flexBox{
		flex-direction: column;
	}
	.eventListContainer li :is(div.endEvent,a.flexBox){
		justify-content: center;
	}
	.eventListContainer li a::after{
		content: "\f13a";
		margin-top: 10px;
		padding-right: 0;
	}

}