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

/* 全てのページャー */
.c-pagination .page-numbers {
	margin: 0;
	box-shadow: none;
	transition: var(--ani-t--normal) ease-out;
}

/* 「ドット」以外のページャー */
.c-pagination .page-numbers:not(.dots) {
	background: transparent;
	font-size: 1.75rem;
	font-weight: var(--fw-lg);
}

/* 「ドット」のページャー */
.c-pagination .page-numbers.dots {
	max-width: fit-content;
	min-width: auto;
	background-color: transparent;
	line-height: 0;
	font-size: 3rem;
	color: var(--c-blue--dark);
}

/* 「prev, next」のページャー */
.c-pagination :is(.page-numbers.prev, .page-numbers.next) {
	--pg-size: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: var(--pg-size);
	height: var(--pg-size);
	line-height: var(--pg-size);
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--c-act01);
}
.c-pagination :is(.page-numbers.prev, .page-numbers.next) svg {
	width: 1.25rem;
	color: var(--c-light);
}
/* 「prev」のページャー */
.c-pagination .page-numbers.prev {
	margin-right: 1.75rem;
}
.c-pagination .page-numbers.prev svg {
	transform: rotateY(180deg);
}
/* 「next」のページャー */
.c-pagination .page-numbers.next {
	margin-left: 1.75rem;
}

/* 「アクティブ」&&「ドット」以外のページャー */
.c-pagination .page-numbers:not(:is(.current, .dots)) {
	color: var(--c-blue--dark);
}

/* 「アクティブ」&&「ホバー時」のページャー */
.c-pagination .page-numbers:not(.dots).current,
.c-pagination .page-numbers:not(.dots):hover {
	color: var(--c-act01);
}