@charset "utf-8";

/*----------------------------- pager -----------------------------*/
/****************************** all ******************************/
.pager_trigger_parent{
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

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

.pager_count_records_total, 
.pager_count_records_active{
	line-height:1.2;
}

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

.pager_count_records_active::after{
	content:"\4EF6";
}

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

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

.pager_trigger_parent_prev{
	margin-left:auto;
}

.pager_trigger_parent_next{
	margin-right:auto;
}

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

.pager_trigger_prev::before, 
.pager_trigger_next::before{
	aspect-ratio:1;
	background:#000;
	display:inline-block;
}

.pager_trigger_prev::before{
	content:"";
	clip-path:polygon(0 50%, 100% 0, 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{
	display:inline-block;
}

.pager_trigger_active{
	border:solid #000 1px;
	background:#fafafa;
}
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:1280px){
	.pager_trigger_parent{
		gap:10px;
	}
	
	.pager_count_records_parent{
		margin-bottom:15px;
	}
	
	.pager_limit_text_prev, 
	.pager_limit_text_next{
		font-size:16px;
	}
	
	.pager_count_records_total, 
	.pager_count_records_active{
		font-size:20px;
	}
	
	.pager_count_records_total::after, 
	.pager_count_records_active::after{
		font-size:16px;
		margin:0 3px;
	}
	
	.pager_list{
		gap:10px;
	}
	
	.pager_trigger_prev::before, 
	.pager_trigger_next::before{
		width:20px;
	}
	
	.pager_list .pager_trigger, 
	.pager_list .pager_trigger_active{
		font-size:18px;
		padding:6px;
	}
}
/****************************** /pc ******************************/

/****************************** tablet ******************************/
@media screen and (min-width:768px) and (max-width:1280px){
	.pager_trigger_parent{
		gap:1.0vw;
	}
	
	.pager_count_records_parent{
		margin-bottom:1.5vw;
	}
	
	.pager_limit_text_prev, 
	.pager_limit_text_next{
		font-size:1.6vw;
	}
	
	.pager_count_records_total, 
	.pager_count_records_active{
		font-size:2.0vw;
	}
	
	.pager_count_records_total::after, 
	.pager_count_records_active::after{
		font-size:1.6vw;
		margin:0 0.3vw;
	}
	
	.pager_list{
		gap:1.0vw;
	}
	
	.pager_trigger_prev::before, 
	.pager_trigger_next::before{
		width:2.0vw;
	}
	
	.pager_list .pager_trigger, 
	.pager_list .pager_trigger_active{
		font-size:1.8vw;
		padding:0.6vw;
	}
}
/****************************** /tablet ******************************/

/****************************** sp ******************************/
@media screen and (max-width:768px){
	.pager_trigger_parent{
		gap:2.0vw;
	}
	
	.pager_count_records_parent{
		margin-bottom:3.0vw;
	}
	
	.pager_limit_text_prev, 
	.pager_limit_text_next{
		font-size:3.0vw;
	}
	
	.pager_count_records_total, 
	.pager_count_records_active{
		font-size:5.0vw;
	}
	
	.pager_count_records_total::after, 
	.pager_count_records_active::after{
		font-size:4.0vw;
		margin:0 1.0vw;
	}
	
	.pager_list{
		gap:2.2vw;
	}
	
	.pager_trigger_prev::before, 
	.pager_trigger_next::before{
		width:5.0vw;
	}
	
	.pager_list .pager_trigger, 
	.pager_list .pager_trigger_active{
		font-size:5.2vw;
		padding:1.8vw;
	}
}
/****************************** /sp ******************************/
/*----------------------------- /pager -----------------------------*/