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

.pager{
	display:         flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.pager > li{
	border: 1px solid #ccc;
	border-right: none;
}
.pager > li:last-child{
	border-right: 1px solid #ccc;
}

.pager .icon{
	width: 100%;
}

.pager .icon img{
	width: 100%;
	vertical-align: middle;
	max-width: 16px;
}

.pager .num{
	width: 100%;

}
.pager .num.current{
	background-color: #fffbcd;
}
.pager .icon , 
.pager .num , 
.pager .ellipsis{
	width: 50px;
	height: 50px;
	display:         flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

}

.pager > li:hover .icon,
.pager > li:hover .num{
	background-color: #f9ee00;
}



@media screen and (max-width: 767px){
	.pager {
		width: 100%;
	}
	.pager > li{
		width: calc(100% / 9);
	}
.pager .icon , 
.pager .num , 
.pager .ellipsis{
	width: 40px;
	height: 40px;

}
}