/* 年でフィルター*/
#yearFilter{
	padding:5px 15px;
	margin-bottom: 20px;
}

#yearFilter option{
}

/* ページャーのスタイル */
.pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	flex-wrap: wrap;
	gap: 10px;
}

.pagination a {
	color: #000;
	padding: 8px 16px;
	text-decoration: none;
	margin: 0 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: background-color 0.3s, color 0.3s;
}

.pagination a.active {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}

.pagination a:hover {
	background-color: #f0f0f0;
}

/* 前頁・次頁のスタイル */
.pagination .nav-link {
	font-weight: bold;
}

/* ニュースリストのスタイル */
.c-news_list {
	list-style: none;
	padding: 0;
	margin: 0 auto 40px;
}

.c-news_list li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;

	display: flex;
	flex-wrap: wrap;
	gap: 3px 10px;
	align-items: center; /* アイテムを縦方向に中央揃え */
}



.c-news_list .date {
	width: 95px;
	padding-top:3px;
	text-align: center; /* 中央揃え */
	font-weight: bold; /* 太字 */
	flex-shrink: 0;
}

.c-news_list .cat {
	width:120px;
	flex-shrink: 0;

	padding: 6px 0 4px;
	font-size: 1.1rem;
	line-height: 1;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;



}

.c-news_list .tit {
	flex-grow: 1;
}



.c-news_list .tit a {
	color: #000;
	text-decoration: none; /* 下線を削除 */
	position: relative;
	display: inline-block;
}

.c-news_list .tit a:hover {
	text-decoration: underline;
}

/* 他のリンク用クラス */
.c-news_list a.otherlnk::after {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(/assets/news_csv/images/icon_other.png) no-repeat center center;
	background-size: contain;
	margin-top:3px;
	margin-left:10px;
}

/* PDFリンク用クラス */
.c-news_list a.pdflnk::after { 
	content: "PDF";

	width:20px;
	aspect-ratio: 40 / 20; /* 比率だけ指定（＝約 1.62 : 1） */
	object-fit: cover;       /* はみ出した分はトリミング */

	display: inline-block;
	background-size: contain;
	margin-left:10px;
	margin-top:0;
	background:#989898;
	color:#fff;
	font-size:11px;
	border-radius:3px;
	line-height:1;
	padding:2px 5px 2px 3px;
	height:10px;
}

/* レスポンシブデザインの調整 */
@media (max-width: 767px) {
	.c-news_list li {
		align-items: flex-start;
	}

	.c-news_list .date {
		text-align: left;
	}

	.c-news_list .cat {
		margin-top: 5px;
	}

	.c-news_list .tit {
		width: 100%;
	}
	.c-news_list .tit a {
		padding-left: 0;
	}

	.c-news_list a.otherlnk::after,
	.c-news_list a.pdflnk::after {
		left: auto;
		top: auto;
		transform: none;
		margin-left: 10px;
	}


	.pagination {
		flex-wrap: wrap;
		gap: 5px;
	}

	.pagination a {
		color: #000;
		padding: 0px 5px;
		margin: 0px;
	}

}