/* --- link 通常文字色・下線なし ＋ hoverで色変・下線あり--- */
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited{
	text-decoration:none;
}
.wp-pagenavi {
	text-align: center;
	margin: 2em 0;
	clear: both;
}
/* previouspostslink */
.wp-pagenavi a.previouspostslink {
	display: inline-block;
	margin: 10px 15px 0 0;
	position: relative;
	padding-left:20px;
	color:#1e8441 !important;

}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.previouspostslink:active,
.wp-pagenavi a.previouspostslink:focus
 {
     color:#db1e1e !important;
}
/* 矢印が右に移動 */
.wp-pagenavi a.previouspostslink::after,
.wp-pagenavi a.previouspostslink:link::after,
.wp-pagenavi a.previouspostslink:visited::after{
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top:25%;
	left: 10px;
	/*矢印の形状*/
	width: 7px;
	height: 7px;
	border-top: 2px solid #1e8441;
	border-right: 2px solid #1e8441;
	transform: rotate(-135deg);
	/*アニメーションの指定*/
	transition: all .3s;
}
/*hoverした際の移動*/
.wp-pagenavi a.previouspostslink:hover::after,
.wp-pagenavi a.previouspostslink:active::after,
.wp-pagenavi a.previouspostslink:focus::after{
	left: 5px;
	border-top: 2px solid #db1e1e;
	border-right: 2px solid #db1e1e;
}
/* nextpostslink */
.wp-pagenavi a.nextpostslink {
	display: inline-block;
	margin: 7px 0 0 15px;
	position: relative;
	padding-right:20px;
	color:#1e8441 !important;
}
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.nextpostslink:active,
.wp-pagenavi a.nextpostslink:focus
{
	color:#db1e1e !important;
}
/* 矢印が右に移動 */
.wp-pagenavi a.nextpostslink::after,
.wp-pagenavi a.nextpostslink:link::after,
.wp-pagenavi a.nextpostslink:visited::after{
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top:25%;
	right: 10px;
	/*矢印の形状*/
	width: 7px;
	height: 7px;
	border-top: 2px solid #1e8441;
	border-right: 2px solid #1e8441;
	transform: rotate(45deg);
	/*アニメーションの指定*/
	transition: all .3s;
}
/*hoverした際の移動*/
.wp-pagenavi a.nextpostslink:hover::after,
.wp-pagenavi a.nextpostslink:active::after,
.wp-pagenavi a.nextpostslink:focus::after{
	right: 5px;
	border-top: 2px solid #db1e1e;
	border-right: 2px solid #db1e1e;
}
/* LIST */
.wp-pagenavi a.page,
.wp-pagenavi span.current {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding-top: 3px;
	color: #222;
	text-align: center;
	vertical-align: top;
	background: #fcfcfc;
	border: 1px solid #222;
	border-radius: 40px;
	margin:0 0.2em;
}
.wp-pagenavi a.page:hover {
	color: #fff;
	background: #db1e1e;
	vertical-align: top;
	border: 1px solid #db1e1e;
	transition: all .3s;
}
.wp-pagenavi span.current {
	color: #fff;
	background: #222;
}