@charset "UTF-8";
/* ===========================================
記事カード
=========================================== */

.p-postList__body {
	display: flex;
	flex-direction: column;
}

.p-postList__times {
	font-size: 10px;
	color: var(--color-extra_dark_gray);
}

.p-postList__times .icon-posted::before {
	display: none;
}

.p-postList__title {
	margin-bottom: 12px;
}

.p-postList__link:hover .p-postList__title {
	color: var(--color-primary);
	transition: color 0.2s ease;
}

.p-postList__catWrap {
	margin-top: 12px;
}

/* ===========================================
カテゴリ ピル型ボタンスタイル
=========================================== */
.p-postList__cat,
.c-categoryList__link {
	display: inline-block;
	background: #E6E6E6;
	color: var(--color-extra_dark_gray);
	padding: 6px 16px;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 700;
}

.p-postList__cat.icon-folder::before,
.c-categoryList::before {
	display: none;
}

.p-postList__views {
	display: none;
}

/* ===========================================
レスポンシブ対応
=========================================== */
@media screen and (max-width: 599px) {
	.p-postList__cat {
		padding: 4px 12px;
		font-size: 12px;
	}
}