/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/



/*--------------------- SP ----------------------*/

@media(max-width: 600px) {
.wp-pagenavi {

	margin: 5% 0 5%;

	text-align: center;

	clear: both;
}


.wp-pagenavi a, .wp-pagenavi span {

	text-decoration: none;

	border: 1px solid #00b1ad;

	border-radius: 8px;

	padding: 2%;

	margin: 1%;
	color: #333333;
	font-size: 0.8em;
}


.wp-pagenavi a:hover, .wp-pagenavi span.current {

	border-color: #00b1ad;
	background-color: #00b1ad;
}


.wp-pagenavi span.current {

	font-weight: bold;
	color: #ffffff;
}

}

/*--------------------- PC ----------------------*/

@media(min-width: 601px) {
.wp-pagenavi {

	margin: 10% 0 10%;

	text-align: center;

	clear: both;
}


.wp-pagenavi a, .wp-pagenavi span {

	text-decoration: none;

	border: 1px solid #00b1ad;

	border-radius: 8px;

	padding: 2% 3%;

	margin: 1%;
	color: #333333;
}


.wp-pagenavi a:hover, .wp-pagenavi span.current {

	border-color: #00b1ad;
	background-color: #00b1ad;
}


.wp-pagenavi span.current {

	font-weight: bold;
	color: #ffffff;
}

}