/* pagination start */

#paginations {
    width: 100%;
    margin-top: 5.2vw;
}
#paginations,#paginationBtns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0; 
}
#paginationBtns {
    margin: 0;
}
.paginationBtnStyle {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-family: 'Noto Sans', sans-serif;
}
.paginationBtnStyle a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.paginationBtn {
    margin: 0 2px;
}
.paginationBtn.active {
    background-color: var(--webcolor_main01);
}
.paginationBtn.active a {
    color: #fff;
} 
.paginationBtn:hover {
    background-color: var(--webcolor_main01);
}  
.paginationBtn:hover a {
    color: #fff;
}
#pfirstPage:hover, #pprev:hover, #pnext:hover, #plastPage:hover {
    background-color: var(--webcolor_main01);
}
#pfirstPage, #pprev, #pnext, #plastPage {
    width: 36px;
    height: 36px;
    background-size: cover;
}
#pfirstPage {
    background-image: url(../images/pagination/buttonIcon_pagination_firstPage.svg);
}
    #pfirstPage:hover {
    background-image: url(../images/pagination/buttonIcon_pagination_firstPage-white.svg);
} 
#pprev {
    background-image: url(../images/pagination/buttonIcon_pagination_prev.svg);
} 
#pprev:hover {
    background-image: url(../images/pagination/buttonIcon_pagination_prev-white.svg);
}
#pnext {
    background-image: url(../images/pagination/buttonIcon_pagination_next.svg);
} 
#pnext:hover {
    background-image: url(../images/pagination/buttonIcon_pagination_next-white.svg);
} 
#plastPage {
    background-image: url(../images/pagination/buttonIcon_pagination_lastPage.svg);
}
#plastPage:hover {
    background-image: url(../images/pagination/buttonIcon_pagination_lastPage-white.svg);
}

/* pagination end */