@charset "UTF-8";

/* !pagenavi
---------------------------------------------------------- */
.wp-pagenavi .pages {
	display: none;
}
.pagenation {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
}
.post-type-archive-shop  .pagenation,
.tax-shop-cat  .pagenation,
.post-type-archive-job .pagenation {
	justify-content: center;
}
.wp-pagenavi {
	margin-top: 4em;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-align:center;
	margin: 0 0.3em !important;
	display: inline-block;
	padding: 1.2em .8em;
}
.wp-pagenavi a.previouspostslink {
	padding: 1.2em 3em 1.2em 3.7em;
}
.wp-pagenavi a.nextpostslink {
	padding: 1.2em 3.7em 1.2em 3em;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	border-bottom: 1px solid;
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	border-bottom: none;
}
.wp-pagenavi span.extend {
	display: none;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	display: none;
}
@media screen and (max-width: 540px) {
	.wp-pagenavi {
		margin-top: 8vw;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		margin: 0 0.1em !important;
	}
}



.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	position: relative;
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.78em;
	height: 2em;
	display: block;
	content: "";
	background: #000;
	transition: .2s;
	border-radius: .28em;
}
.wp-pagenavi a.previouspostslink::after,
.wp-pagenavi a.nextpostslink::after {
	position: absolute;
	right: .65em;
	top: 50%;
	transform: translateY(-50%);
	width: 1.4em;
	height: .78em;
	display: block;
	content: "";
	background: #fff;
	transition: .2s;
	clip-path: polygon(0 42%, 85% 42%, 66% 11%, 72% 0%, 100% 50%, 72% 100%, 66% 89%, 85% 58%, 0 58%);
}
.wp-pagenavi a.previouspostslink::after {
	transform: translateY(-50%) rotate(180deg);
}
.wp-pagenavi a.previouspostslink:hover::before,
.wp-pagenavi a.nextpostslink:hover::before {
	background: #49a4b3;
}

.wp-pagenavi a.previouspostslink::before {
	right: inherit;
	left: 0;
}
.wp-pagenavi a.previouspostslink::after {
	right: inherit;
	left: .65em;
}
@media screen and (max-width: 540px) {
	.wp-pagenavi a.previouspostslink::before,
	.wp-pagenavi a.nextpostslink::before,
	.wp-pagenavi a.previouspostslink::after,
	.wp-pagenavi a.nextpostslink::after {
		content: none;
	}
	.wp-pagenavi a.previouspostslink {
		padding: 1.2em .7em 1.2em 0;
	}
	.wp-pagenavi a.nextpostslink {
		padding: 1.2em 0 1.2em .7em;
	}
}