/*------------------------------------------------------------
	ページネーション
------------------------------------------------------------*/
.u-pagination a,
.u-pagination i {
    font-style: normal!important;
}
button {
    /*background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    width: 50px;
    height: 50px;
    text-align-last: center;    
    font-weight: 900;
    font-size: 1.2em;
    padding: 10px 0;
	border-radius: 50px;*/
}
button:hover {
    /*background: #979797;
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
}
.u-pagination{
	margin-top: 3rem;
}
.u-pagination,
.page-number{
	display: -ms-flexbox;
	display: flex;
    justify-content: center;
	align-items: center;
    gap: 1rem;
}
.page-number {
	/*text-align: center;*/
	flex-wrap: wrap;
}
.pagination li{
	/*display: inline;
	margin: 0 2px;
	padding: 0;
	width: 50px;
	height: 50px;
	text-align: center;
	position: relative;	*/
}
.page-number li a{
	/*vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	display:table;
	color: #000000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	font-weight: 900;
	font-size: 1.2em;
	padding: 10px 0;
	border-radius: 50px;*/
	width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5rem;
	background: var(--color-pale);
	color: var(--color-bk);
}
.u-pagination .page-number li a:hover,
.u-pagination .page-number li.current a{
	/*background: #979797;
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;*/
	
	background: var(--color-bk);
	color: var(--color-wh);
	
}
/*.u-pagination .pagination li.current a{
	background: var(--color-bk);
	color: var(--color-wh);
}*/
.u-pagination button i{
	transition: 0.3s;
}
.u-pagination button:hover i:before{
	color: var(--color-mid);
}
.ellipsis span {
    /*position: absolute;
    top: 5px;
    left: 0;*/
    width: 100%;
}
@media only screen and (max-width: 960px){
	.u-pagination{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.page-number{
		display: none;
	}
	p.prev, p.next {
		width: calc(50% - 1rem);
		text-align-last: center;
	}
	.u-pagination button{
		min-width: 5rem;
		min-height: 5rem;
		width: 100%;
		background: var(--color-bk);
		border-radius: 5rem;
	}
	.u-pagination button i:before{		
		color: var(--color-wh);
	}
}