@charset "UTF-8";
/* ページネーション本体 */
.pagination {
    display: inline-flex;
    width: 1000px;
    max-width: 92%;
    margin: 10px auto 0;
}
 
    /* 前・次へ移動するボタン */
    .pagination .prev-page {}
    .pagination .next-page {}
        .pagination .prev-page button {}
        .pagination .next-page button {}
 
    /* 前・次へ移動するボタンの無効化時 */
    .pagination .prev-page.disabled {}
    .pagination .next-page.disabled {}
        .pagination .prev-page.disabled button {}
        .pagination .next-page.disabled button {}
 
    /* 最初・最後へ移動するボタン */
    .pagination .first-page {}
    .pagination .end-page {}
        .pagination .first-page button {}
        .pagination .end-page button {}
 
    /* 最初・最後へ移動するボタンの無効化時 */
    .pagination .first-page.disabled {}
    .pagination .end-page.disabled {}
        .pagination .first-page.disabled button {}
        .pagination .end-page.disabled button {}
 
    /* ページ別切り替えボタン */
    .pagination ul {
        display: inline-flex;
        width: auto;
        text-align: center!important;
        margin: 0 auto;
}
        .pagination li {
            width: 50px;
            line-height: 28px;
            height: 28px;
            background: #fff;
            margin: 0 8%;
            padding: 3px;
            box-sizing: border-box;
            border: 1px solid #ddd;
            position: relative;
}
            .pagination li a {
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                position: absolute;
                
}
        /* カレント時（現在位置） */
        .pagination li.current {
            background: #74B7B2;
}
            .pagination li.current a {
                color: #fff;
}
        /* 省略記号 */
        .pagination li.ellipsis {}
            .pagination li.ellipsis span {}
 
    /* ページ情報（現在のページ番号と最大数） */
    .pagination .page-info {}
@media screen and (max-width : 1300px) {
}

@media screen and (max-width : 1100px) {
}

@media screen and (max-width : 1024px) {
}

@media screen and (max-width : 768px) {
}
@media screen and (max-width : 634px) {

}
@media screen and (max-width : 480px) {
}
@media screen and (max-width : 320px) {
}