@charset "utf-8";

/*******************************************************
 *
 * ページ送り
 *
 *******************************************************/
/* 普通のページャ */
.pager-box .pager-regular-box {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.pager-box .pager-regular-box .pager-button-box {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.pager-box .pager-regular-box .pager-button-box:nth-child(2) {
	min-width: 4em;
	text-align: center;
}
.pager-box .pager-regular-box .pager-button-box:first-child {
	text-align: right;
}
.pager-box .pager-regular-box .pager-button-box:last-child {
	text-align: left;
}
.pager-box .pager-regular-box .pager-button {
	position: relative;
	color: #285ca9;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
.pager-box .pager-regular-box .pager-button-box:first-child .pager-button {
	padding-right: 1.6em;
}
.pager-box .pager-regular-box .pager-button-box:first-child .pager-button:after {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #285ca9;
	border-left: 1px solid #285ca9;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	margin-top: -0.32em;
	right: 0.2em;
}
.pager-box .pager-regular-box .pager-button-box:last-child .pager-button {
	padding-left: 1.6em;
}
.pager-box .pager-regular-box .pager-button-box:last-child .pager-button:before {
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #285ca9;
	border-right: 1px solid #285ca9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	margin-top: -0.32em;
	left: 0.2em;
}

/* 簡易ページャ */
.pager-box .pager-simple-box {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.pager-box .pager-simple-box .pager-button-box {
	display: table-cell;
	width: 3em;
	vertical-align: middle;
}
.pager-box .pager-simple-box .pager-button {
	display: block;
	overflow: hidden;
	width: auto;
	padding: 0.4em 0;
	text-align: center;
	border-radius: 0.2em;
	border: solid 1px #bfbfbf;
	background-color: white;
	color: #285ca9;
}
.pager-box .pager-simple-box .pager-button.disabled {
	color: #bfbfbf;
}

/* 文字サイズ */
.pager-font-size-default,
.pager-font-size-auto {
	font-size: 130%;
}
@media (min-width: 321px) and (max-width: 340px) {
	.ios .pager-font-size-auto {
		font-size: 120%;
	}
	.android .pager-font-size-auto {
		font-size: 120%;
	}
}

/* ページ位置情報 */
.pager-page-info {
	text-align: center;
}
.pager-box .pager-simple-box  .pager-page-info {
	display: table-cell;
	vertical-align: middle;
}
.pager-page-info .pager-info-text {
	display: inline-block;
	font-size: 120%;
	color: #515151;
}
.pager-page-info .pager-info-text .highlight {
	margin: 0 0.2em;
	color: #285ca9;
}