// .c-postTerms {}

.c-postTerms__item {
	margin-right: .25rem;
}

.c-postTerms__link {
	display: block;
	margin-right: .25rem;
	color: inherit;

}

// 投稿ページ上部での見た目
.p-entry__head {

	// .c-postTerms__item {}

	.c-postTerms__link:not(:hover) {
		text-decoration: none;
	}

	.c-postTerms__link:not(:last-child) {

		&::after {
			content: ",";
		}
	}

}


// 投稿ページ下部での見た目
.p-entry__foot {

	.c-postTerms {
		margin-bottom: 0;
	}

	.c-postTerms__item {
		margin-right: .5rem;
		margin-bottom: .25rem;
	}

	.c-postTerms__link {
		position: relative;
		display: block;
		padding: 6px 8px;
		color: #333;
		line-height: 1;
		text-decoration: none;
		background: #f7f7f7;
		border: none;
		transition: opacity .25s;

		&:hover {
			opacity: .75;
		}
	}
}