.columnArchive__nav {
	display: grid;
	gap: 5px;
	grid-auto-flow: column;
    align-content: space-around;
}
.columnArchive__nav a {
	padding: 5px 10px;
	text-align: center;
	border-radius: 20px 0 0 0;
}

.columnArchive__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.columnCard {
	border-left: 5px solid #ddd;
	overflow: hidden;
	background: #fff;
}

.columnCard__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.columnCard__thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.columnCard__body {
	padding: 24px;
}

.columnCard__category {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 13px;
}

.columnCard__date {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
}

.columnCard__title {
	margin: 0 0 12px;
}

.columnCard__excerpt {
	margin: 0;
}

@media (max-width: 767px) {
	.columnArchive__list {
		grid-template-columns: 1fr;
	}
}

/* カテゴリ別カラー指定は「column-category-colors.css」 にあります  */