.blog_category {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.blog_category li{
    height: 24px;
}
.blog_category label{
    display: block;
    width: 120px;
/*    height: 24px; */
    padding: 4px 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
}
.blog_category a{
    display: block;
    width: 160px;
    height: 16px;
    padding: 4px 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-left: 20px;
    text-decoration: none;      // ラインを消す
}
.blog_category span{
    display: inline-block;
    width: 160px;
/*    height: 16px; */
    padding: 4px 10px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
/*    margin-left: 20px; */
}
.pager {
    clear: boss;
    overflow: hidden;
}
.pager .pagenavi {
    text-align:center;
    padding:15px 0 0
}
.pager span,
.pager a {
    display:inline-block;
    text-align:center;
    margin:0 3px;
    font-size:110%;
    width:33px;
//    height:30px;
    padding-top:3px;
    padding-bottom: 3px;
    color:#000;
/*    font-family:"Montserrat",Arial,"Noto Sans Japanese","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; */
    border:1px solid #B5B5B5
}
.pager a {
    border:1px solid #B5B5B5
}
.pager a:hover {
    background:#49abd9 !important;
    border:1px solid #49abd9;
    text-decoration:none;
    color:#fff
}
.pager .current {
    width:30px;
    background:#49abd9;
    border:1px solid #49abd9;
    color:#fff
}
.pager .extend {
    padding:0;
    vertical-align:3px
}
.commonPager-noborder .wp-pagenavi {
    border-top:none
}
.pager .previouspostslink,
.pager .nextpostslink {
    width:60px;
/*    font-family:"YakuHanJP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif */
}
.topBlog{
    text-align: center;
}
.topBlog table {
    border-collapse: collapse; 
    table-layout: fixed; 
    width: 90%;
}
.topBlogTitle {
   vertical-align: top; 
}
.topBlog li{
    display: inline-block;
/*    width: 20%; */
    width: 33%;
/*    padding: 0 2.5% 50px; */
    margin-bottom: 0;
    vertical-align: top;
    text-align: left;
}
.topBlog a {
    text-decoration: none;
}
.sizedown {
    transform: scale(0.8, 0.8);
}
.pagination {
    margin: 6px 0;
    overflow: hidden;
    clear: left;
    white-space: nowrap;
    ul {
        margin: 0;
        padding: 0 0 0 1px;
        vertical-align: middle;
        text-align: center;
        li {
            display: inline-block;
            padding: 0;
            margin: 0 5px;
            a {
                display: inline-block;
                border: 1px solid @pagination-border;
                font-size: 14px;
                margin-bottom: 2px;
                padding: 4px @pagination-side-padding;
                text-decoration: none;
                transition: all 0.15s;
                &,
                &.no-page:hover {
                    background-color: @pagination-bg;
                    color: @pagination-color;
                }
                &:hover{
                    background-color: @pagination-active-bg;
                    color: @pagination-active-color;
                }
                &.active {
                    background-color: @pagination-active-bg;
                    border-color: @pagination-active-border;
                    color: @pagination-active-color;
                    cursor: default;
                    font-weight: bold;
                    padding-left: @pagination-active-side-padding;
                    padding-right: @pagination-active-side-padding;
                }
                &.no-page {
                    background: none;
                    border: 0;
                    font-weight: bold;
                    padding: 5px ceil(@pagination-side-padding / 2);
                    * {
                        text-decoration: underline;
                    }
                    &:hover{
                        color: @pagination-no-page-hover-color;
                        * {
                            text-decoration: none;
                        }
                    }
                    .icon-f {
                        vertical-align: middle;
                        text-decoration: none;
                    }
                }
            }
            &.no-page {
                margin: 0;
                a {
                    display: inline-block;
                    font-size: 14px;
                    margin-bottom: 2px;
                    padding: 5px 0;
                    text-decoration: none;
                    border: 0;
                    background: none;
                    color: @pagination-color;
                    cursor: default;
                }
            }
            &:first-child {
                margin-left: 0;
            }
            &:last-child {
                margin-right: 0;
            }
        }
    }
    &.align-left {
        ul {
            text-align: left;
            li:first-child {
            margin-left: 0;
        }
    }
}

