.c-pagination {
	gap: 1rem;
	align-items: center;
	margin: var(--g-sec--md) 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){
	--pg-size: 4rem;
	height: var(--pg-size);
	line-height: var(--pg-size);
	min-width: var(--pg-size);
	border-radius: 50%;
	overflow: hidden;
	background: var(--c-light);
	font-size: 1.5rem;
	font-weight: var(--fw-lg);
}

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

/* 「アクティブ」&&「ドット」以外のページャー */
.c-pagination .page-numbers:not(:is(.current, .dots)){
	position: relative;
	color: var(--c-dark);
}
/* グラデーション線 */
.c-pagination .page-numbers:not(:is(.current, .dots))::before{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid transparent;
	background: var(--c-gradient) border-box border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	-webkit-mask-composite: destination-out;
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
	mask-composite: exclude;
}

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