@charset "UTF-8";

/* ===== お知らせ（トップの最新記事・一覧） ===== */

/* トップの最新記事・一覧：カテゴリーラベルを1行にまとめ、日付はその下の行にする（ラベルの数が違っても日付の位置がそろう） */
.post-labels {
	display: block;
}

/* 一覧のカテゴリーラベル：複数並ぶので右に間を空ける
 * （common.css の margin-bottom: 0 13px 14px 0 は値が不正で効いていない） */
.wp-post .blog_ttl {
	margin-right: 6px;
}

/* トップの最新記事のカテゴリーラベルを、一覧（.wp-post .blog_ttl）と同じ見え方にする */
.top--diary .icon {
	font-size: 12px;
	line-height: 21px;
	padding: 3px 11px;
	margin-right: 6px;
	margin-bottom: 0;
	border-radius: 6px;
}

/* ラベルと日付の間も一覧にそろえる（日付の行の高さが一覧より低い分を足す） */
.top--diary .post-labels {
	margin-bottom: 2px;
}

/* 一覧の日付を、トップの最新記事と同じグレーにする */
.wp-post .blog_time {
	color: #a29c99;
}

@media (max-width: 768px) {
	.top--diary .icon {
		margin-bottom: 10px;
	}
}
@media (max-width: 320px) {
	.top--diary .icon {
		margin-bottom: 0;
	}
}