#news .detail {
	border-bottom: solid 1px #d8d8d8;
	padding-bottom: 32px;
}
#news .news-meta {
	display: flex;
	justify-content: space-between;
	font-size: 12px; font-size: 1.2rem;
	line-height: 24px; line-height: 2.4rem;
	border: solid 1px #d8d8d8;
	border-width: 1px 0;
	padding: 8px 4px;
}
#news .news-title {
	font-size: 14px; font-size: 1.4rem;
	line-height: 24px; line-height: 2.4rem;
	letter-spacing: 1px;
	font-weight: bold;
	padding: 0 4px;
	margin: 28px 0 18px 0;
}
#news .news-body {
	font-size: 12px; font-size: 1.2rem;
	line-height: 20px; line-height: 2.0rem;
	padding: 0 4px;
}

#news-pager {
	padding-top: 12px;
}
#news-pager ul {
	display: flex;
	justify-content: center;
}
#news-pager ul li {
	font-size: 12px; font-size: 1.2rem;
	line-height: 20px; line-height: 2.0rem;
	margin: 0 8px;
}
#news-pager ul li span {
	color: #d8d8d8;
}

#news .news-meta a,
#news-pager ul li a {
	text-decoration: none;
}
#news .news-meta a:hover,
#news-pager ul li a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 768px)
{
	#news .detail {
		padding-bottom: 42px;
	}
	#news .news-meta {
		font-size: 14px; font-size: 1.4rem;
		line-height: 24px; line-height: 2.4rem;
		padding: 12px;
	}
	#news .news-title {
		font-size: 20px; font-size: 2.0rem;
		line-height: 34px; line-height: 3.4rem;
		padding: 0 12px;
		margin: 32px 0 24px 0;
	}
	#news .news-body {
		font-size: 16px; font-size: 1.6rem;
		line-height: 28px; line-height: 2.8rem;
		padding: 0 12px;
	}

	#news-pager {
		padding-top: 24px;
	}
	#news-pager ul li {
		font-size: 14px; font-size: 1.4rem;
		line-height: 24px; line-height: 2.4rem;
		margin: 0 8px;
	}
}