@charset "utf-8";

/*ページャー
---------------------------------------------------------------------------*/
/*ブロック全体*/
.pager {
	margin-top: 3rem;		/*上に空けるスペース*/
	margin-bottom: 3rem;	/*下に空けるスペース*/
	text-align: center;		/*テキストをセンタリング*/
	color: #999;			/*文字色*/
}

/*ボタン一個あたり*/
.pager a {
	display: inline-block;text-decoration: none;
	margin-bottom: 5px;		/*下に空けるスペース。ボタンが２段になった場合用。*/
	padding: 0.5rem 1rem;	/*ボタン内の余白。上下、左右への順番。*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
	color: #555;			/*文字色*/
}

/*マウスオン時*/
.pager a:hover {
	background: #fff;	/*背景色*/
	color: #999;		/*文字色*/
	border: 1px solid #333;	/*枠線の幅、線種、色*/
}

/*リンクのないボタン*/
.pager span {
	display: inline-block;
	margin-bottom: 5px;		/*下に空けるスペース。ボタンが２段になった場合用。*/
	padding: 0.5rem 1rem;	/*ボタン内の余白。上下、左右への順番。*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: rgba(0,0,0,0.1);	/*背景色。0,0,0は黒、0.1は色が10%出た状態*/
}