/* お知らせ：カテゴリ別ボタン（news_category_nav.php 用）
   形・文字サイズは記事のカテゴリラベル（.catName）と同じ。選択中は記事と同じカテゴリ色にする */
.catNav{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 12px;
	padding:0;
}
.catNav a{
	display:inline-block;
	padding:2px 10px;
	border:1px solid #ccc;
	border-radius:6px;
	background:#fff;
	color:#666;
	font-size:11px;
	line-height:1.6;
	text-decoration:none;
	cursor:pointer;
}
.catNav a:hover{
	background:#f2f2f2;
	color:#333;
	text-decoration:none;
}
/* 選択中：文字は白、背景は記事のカテゴリラベルと同じ色（news.php / news-top.php の .cat-N .catName と同期） */
.catNav a.is-active,
.catNav a.is-active:hover{
	color:#FFF;
}
.catNav a.cat-all.is-active{ background:#666; }
.catNav a.cat-0.is-active{ background:#48d1cc; }
.catNav a.cat-1.is-active{ background:#2B4868; }
.catNav a.cat-2.is-active{ background:#F8CC5A; }
.catNav a.cat-3.is-active{ background:#ffb3f5; }
.catNav a.cat-4.is-active{ background:#71c5f9; }
/* イベント版（news_event_all.php）は記事側の色が一部違う */
.catNav.is-event a.cat-1.is-active{ background:#71c5f9; }
.catNav.is-event a.cat-2.is-active{ background:#ccaaff; }
.catEmpty{
	margin:10px 0;
	color:#666;
	font-size:85%;
}

/* ページ送り（1 2 3 Next）：Ver2.6と同じ見た目。ボタンを大きくし、現在のページを色付きで強調 */
.pager{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:wrap;
	gap:4px;
	margin:0;
	padding:16px 0;
	clear:both;
}
.pager a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 12px;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:6px;
	background:#fff;
	color:#333;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	margin:0;
}
.pager a:hover{
	border-color:#2B4868;
	background:#e8eef5;
	color:#2B4868;
}
.pager a.current,
.pager a.current:hover{
	border-color:#2B4868;
	background:#2B4868;
	color:#fff;
}
.overPagerPattern{
	padding:0 8px;
	color:#999;
}