@charset "UTF-8"; /*ページネーション*/
#pageNaviWrap {
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
#pageNaviWrap li {
    width: auto!important;
    margin: 0 5px;
}
#pageNaviWrap li a,
#pageNaviWrap li .page-link {
    display: block;
    padding: 10px 15px;
    font-size: 16px;
    background-color: var(--color-gray);
}
#pageNaviWrap li span.active,
#pageNaviWrap a:hover {
    background-color: var(--main-color)!important;
    cursor: pointer;
}
#pageNaviWrap li span.active ,
#pageNaviWrap a:hover {
    color: #fff;
}
.dots {
    font-size: 16px;
    font-weight: bold;
    color: #aaa;
    letter-spacing: 3px;
}

@media screen and (max-width:480px) {
/* - - - - - - - - - - - - - - - - - - - - - - - - */
    #pageNaviWrap li a {
        padding: 5px 10px;
    }
}/* @media screen and (max-width:480px)  */