/* ==========================================================================
   追加CSS（既存デザインの上書きではなく、WP化にあたって新たに必要になった
   UI要素のみを追加しています）
   - サムネイル未設定時のプレースホルダー（ロゴ＋グレー背景）
   - 一覧ページのページネーション
   ========================================================================== */

/* サムネイルを使うすべての箇所で共通の「未設定プレースホルダー」表現 */
.sanzenin-noimg-bg{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
}
.sanzenin-noimg-bg img.sanzenin-noimg-logo{
	width: 40%;
	max-width: 90px;
	height: auto;
	object-fit: contain;
	opacity: 0.4;
}

/* ページネーション（お知らせ一覧・年間行事一覧 等） */
.sanzenin-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 60px 0 0;
	flex-wrap: wrap;
}
.sanzenin-pagination a,
.sanzenin-pagination span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 8px;
	border-radius: 999px;
	border: solid 1px #ddd;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #333;
}
.sanzenin-pagination a:hover{
	background-color: #f4f4f4;
}
.sanzenin-pagination .current{
	background-color: #333;
	border-color: #333;
	color: #fff;
}

@media (max-width: 767px){
	.sanzenin-pagination a,
	.sanzenin-pagination span{
		min-width: 36px;
		height: 36px;
		font-size: 13px;
	}
}

/* メインビジュアル：PC画像／スマホ画像の出し分け（スマホ用未登録時はPC画像がそのまま使われる） */
.main-slide .sp-only{ display: none; }
@media (max-width: 767px){
	.main-slide .pc-only{ display: none; }
	.main-slide .sp-only{ display: block; }
}