.post-year-list {
    margin-top: 40px;
}

.post-year-list span {
	font-size: calc(17 * 100vw / 1440);
	margin-bottom: 10px;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}

.news-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.news-item a {
	display: flex;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
	color: inherit;
}

.news-meta {
	white-space: nowrap;
}

.news-date {
	white-space: nowrap;
	margin-right: 12px;
}

.news-category {
	border-radius: calc(4 * 100vw / 1440);
	display: inline-block;
	padding: calc(6 * 100vw / 1440) calc(8 * 100vw / 1440);
	font-size: calc(12 * 100vw / 1440);
	background-color: #D0ED00;
}

.news-date,
.news-title {
	font-size: calc(17 * 100vw / 1440);
}

@media (hover: hover) {
	.post-link:hover .news-title,
	.post-year-list span:hover a{
		color: #D0ED00;
	}
}

@media (hover: none) {
	.post-link:active .news-title,
	.post-year-list span:active a{
		color: #D0ED00;
	}
}


/* SP */
@media (max-width: 768px) {
	.news-item a {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	
	.news-meta {
		display: flex;
		align-items: center;
		gap: 8px;
	}
}

@media (max-width: 1024px) {
	.contents.container{
		flex-flow: column-reverse;
	}
	
	.news-date,
	.news-title {
		font-size: calc(12 * 100vw / 375);
	}

	.post-year-list span {
		font-size: calc(9 * 100vw / 375);
	}
	
	.news-category {
		border-radius: calc(2 * 100vw / 375);
		font-size: calc(9 * 100vw / 375);
		padding: calc(4 * 100vw / 375) calc(6 * 100vw / 375);
	}
}