@charset "utf-8";

/* ---------- page ---------- */
.pg_wrap { margin-top: 100px; width: 100%; text-align: center; float: inherit; }
.pg_page { font-size: 13px; background: transparent; border: 0; color: var(--gray-75) !important; }
.pg_current { width: 40px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 700; border-radius: 40px; background: var(--gray-11); color: #fff; text-align: center; border: 0; }
.pg_start { background: url(/theme/template04/images/basic/page_allPrev_g05.svg) no-repeat center/contain; }
.pg_prev { background: url(/theme/template04/images/basic/page_prev_g05.svg) no-repeat center/contain; margin-right: 10px;}
.pg_next { background: url(/theme/template04/images/basic/page_next_g05.svg) no-repeat center/contain; margin-left: 10px;}
.pg_end { background: url(/theme/template04/images/basic/page_allNext_g05.svg) no-repeat center/contain; }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
    .pg_wrap { margin-top: 80px;}
    .pg_page { font-size: 12px;}
    .pg_current { width: 30px; height: 30px; line-height: 30px; font-size: 12px; font-weight: 500; }
    .pg_start { background: url(/theme/template04/images/basic/page_allPrev_g05.svg) no-repeat center/25px 25px; }
    .pg_prev { background: url(/theme/template04/images/basic/page_prev_g05.svg) no-repeat center/25px 25px; margin-right: 5px;}
    .pg_next { background: url(/theme/template04/images/basic/page_next_g05.svg) no-repeat center/25px 25px; margin-left: 5px;}
    .pg_end { background: url(/theme/template04/images/basic/page_allNext_g05.svg) no-repeat center/25px 25px; }
}

/* 767px or less */
@media all and (max-width : 767px){
    .pg_wrap { margin-top: 60px;}
    .pg_page { font-size: 11px; min-width: 25px; width: 25px; height: 25px; }
    .pg_current { width: 25px; min-width: fit-content; height: 25px; line-height: 25px; font-size: 11px; font-weight: 400; padding: 0 3px; }
    .pg_start { background: url(/theme/template04/images/basic/page_allPrev_g05.svg) no-repeat center/22px 22px; }
    .pg_prev { background: url(/theme/template04/images/basic/page_prev_g05.svg) no-repeat center/22px 22px; margin-right: 3px;}
    .pg_next { background: url(/theme/template04/images/basic/page_next_g05.svg) no-repeat center/22px 22px; margin-left: 3px;}
    .pg_end { background: url(/theme/template04/images/basic/page_allNext_g05.svg) no-repeat center/22px 22px; }
}