@charset "utf-8";
/* CSS Document */

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 1em;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	width: auto;
	color: #fff; /* 通常の文字色 */
	background: #666666; /* 通常の背景色 */
	border-radius: 50%; /* 角を丸くして円形に */
}
.pagination span.page-of {
	background: none;
	color:#666666;
}
.pagination a:hover{
	color: #FFFFFF; /* マウスホバー時の文字色 */
	background:#999999; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 14px 10px 14px;
	color: #FFFFFF; /* 現在のページの文字色 */
	background: #999999; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 7px 10px 7px 10px;
}
.pagination .current{
	padding: 7px 10px 7px 10px;
}
}