.pagenation {
    /*height: 57px;*/
    text-align: center;
}
.page-numbers {
	justify-content: center;
	align-items: center;
	gap: 30px;
	/*margin-top: 64px;*/
	display: flex;
	flex-wrap: wrap;
}
.page-numbers .current {
	display: block;
	font-weight: 600;
	letter-spacing: 0;
	padding: 6.5px 15px;
    position: relative;
    color: #fff;
    z-index: 2;
}
.page-numbers .current::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -1px;
  width: 40px;
  height: 40px;
  background-color: #333333;
  border-radius: 50%;
  z-index: -1; /* テキストの下に配置 */
}
/* .page-numbers span.dots{
	color: #272727;
	background: transparent;
} */
.num .page-numbers a,
.num .page-numbers span {
    font-family: "Montserrat", sans-serif;
}
.page-numbers a:not(.prev, .next) {
	display: block;
	font-weight: 600;
	padding: 6.5px 0px;    
}
.page-numbers .prev,
.page-numbers .next {
    padding: 8px 5px ;
    position: relative;
	height: 40px;
}
.num .page-numbers .prev,
.num .page-numbers .next {
	font-family: "Montserrat", sans-serif;
}
.page-numbers .prev img,
.page-numbers .next img {
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    width: 6px;
}
.page-numbers .dots img{
    width: 11px;
}
.page-numbers .none {
    width: 79px;
}
@media screen and (max-width: 640px) {
    .page-numbers {
        gap: 25px;
    }
    .page-numbers .current::before {
        top: 0px;
        left: -3px;
    }
    .page-numbers .none {
        width: 71px;
    }
}