@charset "utf-8";

/*----------------------------- pager -----------------------------*/
.pager_top{
	margin-bottom:20px;
}

.pager_bottom{
	margin-top:20px;
}

.pager_trigger_parent{
	margin-bottom:5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.pager_count_records_parent{
	font-size:20px;
	line-height:20px;
	margin-bottom:10px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.pager_count_records_active:not(:empty)::after{
	content:"\4EF6";
}

.pager_count_records_total::before{
	content:"\FF08\5168";
}

.pager_count_records_total::after{
	content:"\4EF6\FF09";
}

.pager_list{
	display:flex;
	justify-content:center;
	align-items:center;
}

.pager_list > li{
	margin-right:5px;
}

.pager_list > li:last-child{
	margin-right:0;
}

.pager_trigger_parent_prev, 
.pager_trigger_parent_next{
	display:flex;
	justify-content:center;
	align-items:center;
}

.pager_trigger_parent_prev{
	margin-right:6px;
}

.pager_trigger_parent_next{
	margin-left:6px;
}

.pager_limit_text_prev, 
.pager_limit_text_next{
	font-size:30px;
}

.pager_trigger{
	border:none;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}

.pager_trigger_prev::before, 
.pager_trigger_next::before{
	padding:8px;
	background:#000;
	display:inline-block;
}

.pager_trigger_prev::before{
	content:"";
	clip-path:polygon(100% 0, 0 50%, 100% 100%);
}

.pager_trigger_next::before{
	content:"";
	clip-path:polygon(0 0, 100% 50%, 0 100%);
}

.pager_list .pager_trigger, 
.pager_list .pager_trigger_active{
	padding:10px;
	display:inline-block;
	color:#000;
	font-size:26px;
	line-height:1;
}

.pager_list .pager_trigger{
	border:solid #FFF 1px;
}

.pager_trigger_active{
	background:#eee;
	border:solid #333 1px;
}

@media screen and (max-width:950px){
	.pager_top{
		margin-bottom:3.0vw;
	}
	
	.pager_bottom{
		margin-top:3.0vw;
	}
	
	.pager_trigger_parent{
		margin-bottom:0.8vw;
	}
	
	.pager_count_records_parent{
		font-size:5.5vw;
		line-height:5.5vw;
		margin-bottom:2.0vw;
	}
	
	.pager_list > li{
		margin-right:1.2vw;
	}
	
	.pager_trigger_parent_prev{
		margin-right:1.0vw;
	}
	
	.pager_trigger_parent_next{
		margin-left:1.0vw;
	}
	
	.pager_limit_text_prev, 
	.pager_limit_text_next{
		font-size:6.5vw;
	}
	
	.pager_trigger_prev::before, 
	.pager_trigger_next::before{
		padding:1.5vw;
	}
	
	.pager_list .pager_trigger, 
	.pager_list .pager_trigger_active{
		padding:2.0vw;
		font-size:5.0vw;
	}
}
/*----------------------------- /pager -----------------------------*/