/* ページネーション本体 */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}

/* 前・次へ移動するボタン */
.pagination .prev-page,
.pagination .next-page{margin-bottom: 0;}
.pagination .prev-page button,
.pagination .next-page button {
	display: block;
	padding: 9px 10px;
	padding: 15.6% 10px;
	border-width: 0;
	color: #30834e;
	background-color: #eaf3ed;
}
.pagination .prev-page button:hover,
.pagination .next-page button:hover {
	color: #fff;
	background-color: #30834e;
	cursor: pointer;
}

/* 前・次へ移動するボタンの無効化時 */
.pagination .prev-page.disabled {}
.pagination .next-page.disabled {}
.pagination .prev-page.disabled button {}
.pagination .next-page.disabled button {}

/* 最初・最後へ移動するボタン */
.pagination .first-page {}
.pagination .end-page {}
.pagination .first-page button {}
.pagination .end-page button {}

/* 最初・最後へ移動するボタンの無効化時 */
.pagination .first-page.disabled {}
.pagination .end-page.disabled {}
.pagination .first-page.disabled button {}
.pagination .end-page.disabled button {}

/* ページ別切り替えボタン */
.pagination ul {
	display: flex;
	padding: 0 10px;
}
.pagination li {}
.pagination li:not(:last-child) {margin-right: 10px;}
.pagination li a {
	padding: 4px 10px;
	color: #30834e;
	background-color: #eaf3ed;
	text-decoration: none;
}
.pagination li a:hover{
	color: #fff;
	background-color: #30834e;
}

/* カレント時（現在位置） */
.pagination li.current {}
.pagination li.current a {
	color: #fff;
	background-color: #30834e;
}
/* 省略記号 */
.pagination li.ellipsis {}
.pagination li.ellipsis span {}

/* ページ情報（現在のページ番号と最大数） */
.pagination .page-info {}