/* =========================================================
   トピックス・ニュース アーカイブ（archive-news.php）
   yakujisc.css の末尾に追加してください。
   ページセレクタ（.news_pager）と戻るリンク（.news_more）は
   トップページ用に追加済みの指定をそのまま使います。
   ========================================================= */

/* ---------- ページタイトル ---------- */
.na_title {
	background: #F5F5F5;
	padding: 24px 0 0;
}
.na_title__inner {
	width: 1000px;
	margin: 0 auto;
}
.na_breadcrumb {
	margin: 0 0 10px;
	font-size: 13px;
	color: #666;
}
.na_breadcrumb a { color: #0066AB; text-decoration: none; }
.na_breadcrumb a:hover { text-decoration: underline; }
.na_breadcrumb span { margin: 0 .5em; color: #999; }
.na_title h2 {
	margin: 0;
	padding: 18px 28px 20px;
	background: #fff url(../img/top_news_topics_bg.png) no-repeat right 12px bottom 10px;
	border-left: 6px solid #1C82E0;
	border-bottom: 1px solid #000;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4;
	color: #000;
}
.na_title__en {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .25em;
	color: #1C82E0;
}

/* ---------- レイアウト（左：メイン 750px／右：サイド 225px） ---------- */
.news_archive {
	background: #F5F5F5;
	padding: 24px 0 280px;	/* 下は position:absolute のフッター分（トップの #top_contents と同じ考え方） */
	font-size: 15px;
}
.news_archive__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1000px;
	margin: 0 auto;
}
.news_archive__main { width: 750px; }
.news_archive__side { width: 225px; }

.na_card {
	background: #fff;
	padding: 24px 24px 26px;
}

/* ---------- 年別タブ ---------- */
.na_years ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.na_years a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 32px;
	padding: 0 9px;
	border: 1px solid #1C82E0;
	border-radius: 16px;
	color: #1C82E0;
	text-decoration: none;
	font-size: 13px;
	transition: background .2s, color .2s;
}
.na_years a:hover { background: #E3F1FC; }
.na_years a.is-current { background: #1C82E0; color: #fff; font-weight: bold; }
.na_years__count {
	min-width: 20px;
	padding: 0 5px;
	border-radius: 10px;
	background: #E3F1FC;
	color: #00468C;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
}
.na_years a.is-current .na_years__count { background: #fff; color: #1C82E0; }

/* ---------- 件数表示 ---------- */
.na_info {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 0 8px;
	padding-bottom: 8px;
	border-bottom: 2px solid #1C82E0;
	font-weight: bold;
	color: #00468C;
}
.na_info span { font-size: 13px; font-weight: normal; color: #666; }

/* ---------- 一覧 ---------- */
.na_list { margin: 0; }
.na_list dt {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 16px;
	padding: 18px 4px 6px;
}
.na_list__date {
	flex: 0 0 auto;
	min-width: 88px;
	color: #00468C;
	font-weight: bold;
}
.na_list__title {
	flex: 1 1 0;
	min-width: 0;
	color: #B20000;
	font-weight: bold;
	line-height: 1.6;
}
.na_list dd {
	margin: 0;
	padding: 0 4px 18px 108px;	/* 日付の幅だけ下げて、本文の先頭をタイトルにそろえる */
	border-bottom: 1px solid #D8D8D8;
	line-height: 1.75;
	overflow-wrap: anywhere;
}
.na_list dd img { max-width: 100%; height: auto; }
.na_list dd a { color: #0066AB; }
.na_empty { padding: 40px 0; text-align: center; color: #666; }

/* ---------- サイドバー ---------- */
.news_archive__side .sub_side_btn { margin: 0; padding: 0; list-style: none; }
.news_archive__side .sub_side_btn li { margin-bottom: 10px; }
.news_archive__side .sub_side_btn img { display: block; max-width: 100%; height: auto; }
.news_archive__side .btn_wforum img { cursor: pointer; }