#news-items-container
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
}
#news-items
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}
.news-list-row
{
	display: flex;
	overflow: hidden;
}
.news-list-row
{
	margin-bottom: 25px;
}
.news-list-image
{
	margin-right: 20px;
	flex-basis: 200px;
	flex-shrink: 0;
}
.news-list-image > a
{
	display: block;
}
.news-list-image img
{
	max-width: 100%;
	width: auto;
	height: auto;
}
.news-list-content
{
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}
.news-list-content > * + * { margin: 15px 0 0 0; }
.news-list-item-name
{
	font-size: 150%;
	font-weight: 700;
	color: #333;
}
.news-list-item-name a { text-decoration: none; }
.news-list-item-name a:not(:hover) { color: inherit; }
.news-item-info.news-list-item-info
{
	justify-content: flex-start;
}
.news-list-notice
{
	font-size: 110%;
	color: #666;
	line-height: 1.4;
}

#news-items-right
{
	margin-left: 30px;
	flex-basis: 200px;
	flex-shrink: 0;
}
#news-items-right:empty { display: none; }
#news-items-right > * + *
{
	margin-top: 30px;
}
#news-archive > ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#news-archive > ul > li { margin-bottom: 9px; }
#news-archive > ul > li a
{
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
}
#news-archive > ul > li > *:before
{
	font-family: "Font Awesome 5 Pro";
	content: '\f105';
	color: #f60;
	display: inline-block;
	margin-right: 9px;
}
#news-archive > ul > li > span::before { color: inherit; }

@media screen and (max-width: 800px)
{
	.adaptive #news-items-container
	{
		flex-flow: column nowrap;
	}
	.adaptive #news-items-right
	{
		margin: 20px 0 0 0;
		flex-basis: auto;
	}
}
@media screen and (max-width: 600px)
{
	.news-list-row
	{
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
	}
	.adaptive .news-list-image
	{
		margin: 0 0 20px 0;
		flex-basis: auto;
		max-height: none;
		flex-shrink: 0;
	}
}