@charset 'utf-8';
@use '../global' as *;

/* ページネーション
---------------------------------------------*/
.pagination {
	margin-top: var(--contents-spacing);
}

.pagination__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	column-gap: .5em;
	align-items: center;
	font-size: var(--font-size);
	>li {
		border: 1px solid var(--ap-color-primary);
	}
}

.page-numbers {
	display: inline-flex;
	padding: .75em 1em;
	background: #fff;
	color: var(--ap-color-primary);
	line-height: 1;

	&:hover {
		background: var(--ap-color-primary);
		color: #fff;
	}

	&.current {
		background: var(--ap-color-primary);
		color: #fff;
	}
}