.c-pagination {
	gap: .75rem;
	align-items: center;
	margin: var(--g-sec--sm) 0 0 0; /* 既存スタイルも変更 */
}

/* 全てのページャー */
.c-pagination [class*="page-numbers"] {
	margin: 0;
	padding: 0;
	box-shadow: none;
}

/* 「ドット」以外のページャー */
.c-pagination [class*="page-numbers"]:not(:is([class*="dots"], [class*="prev"], [class*="next"])) {
	--pg-size: 3rem;
	height: var(--pg-size);
	line-height: var(--pg-size);
	min-width: var(--pg-size);
	border: 1px solid var(--c-main);
	border-radius: 50%;
	background-color: var(--c-main);
	overflow: hidden;
	font-size: 1.5rem;
	color: var(--c-light);
}

/* 「ドット」のページャー */
.c-pagination [class*="dots"] {
	max-width: fit-content;
	min-width: auto;
	background-color: transparent;
	font-size: 3rem;
	color: var(--c-main);
}

/* 「prev, next」のページャー */
.c-pagination :is([class*="prev"], [class*="next"]) {
	background-color: transparent;
	font-size: 1rem;
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
	color: var(--c-dark);
}
.c-pagination :is([class*="prev"], [class*="next"]) svg {
	width: .75em;
}
/* 「prev」のページャー */
.c-pagination [class*="prev"]{
	margin-right: 1.75rem;
}
.c-pagination [class*="prev"] svg{
	transform: rotateY(180deg);
}
/* 「next」のページャー */
.c-pagination [class*="next"]{
	margin-left: 1.75rem;
}

/* アクティブ＆ホバー時 */
.c-pagination [class*="page-numbers"]:not([class*="dots"]).current,
.c-pagination [class*="page-numbers"]:not([class*="dots"]):hover {
	background-color: var(--c-light);
	color: var(--c-main);
}