.page-info{
    right: 18% !important;
}



.bg-blue{
    padding-bottom:5vw;
}


.blue-content{
    width:84.17vw;
    margin:0 auto;
}



.news-content,.column-content{
    width:84.17vw;
    margin:6.77vw auto;
    display: flex;
    justify-content: space-between;
}





/*メインバー*/
.news-list,.column-list{
    width: 57.5vw;
}
.news-list::after,
.column-list::after{
    content:"";
    display: block;
    width:100%;
    height:.1vw;
    background-color: white;
}
.news-list:nth-child(1)::before,
.column-list:nth-child(1)::before{
    content:"";
    display: block;
    width:100%;
    height:.1vw;
    background-color: white;
}


.news-list a,
.column-list a{
    display:block;
    color: white;
    text-decoration: none;
    font-size: 1.1vw;
    padding:2.08vw 1vw;
}

.date-tag{
    display: flex;
}


.tag{
    display: inline-block;
    background-color: white;
    padding:0 3.39vw;
    color: black;
    margin-left:1.72vw;
}


.news-title,.column-title{
    margin-top:1.69vw;
}




/*サイドバー*/

.side-bar p{
    display: inline-block;
    background-color: white;
    padding:0.52vw 6.77vw 0.52vw 1.56vw;
    font-size: 1.1vw;
    margin-bottom:2.6vw;
}

.side-bar li{
    list-style: none;
    color: white;
    font-size: 1.1vw;
    margin-top:1vw;
    cursor: pointer;
}
.side-bar li:nth-child(1){
    margin-top:0;
}

.side-bar li::before{
    content:">";
    font-size:1.1vw;
    margin-right:.5vw;
}

.side-bar a{
    text-decoration: none;
    color: white;
}


/*ページネーション*/
.wp-pagenavi{
    text-align: center;
}
span.pages {
    display: none !important;
}

.current,
.wp-pagenavi a{
    background-color: white;
    font-size:1.1vw;
    border:none;
    color: black;
    padding:.3vw !important;
}
.wp-pagenavi span.current{
    border:none;
    font-weight: normal;
    padding:.5vw !important;
}

.wp-pagenavi span,
.wp-pagenavi a{
    margin:.3vw !important;
}





/*-----------------------------------------------------------------------------
レスポンシブ
-------------------------------------------------------------------------------*/

@media(max-width:599px){

    .page-info{
        right: 5% !important;;
    }




    /*---------------------------------------------------------------------
    メイン
    -----------------------------------------------------------------------*/


    .bg-blue{
        padding-bottom:15vw;
    }


    .blue-content{
        width:90%;
    }
    
    
    
    .news-content,
    .column-content{
        width:90%;
        margin:10.26vw auto;
        flex-flow: column-reverse;
        justify-content: center;
    }


    /*メインバー*/
    .news-list,
    .column-list{
        width: 100%;
    }

    .news-list a,
    .column-list a{
        font-size: 3.5vw;
        padding:5.13vw 2vw;
    }



    .tag{
        padding:0 4.36vw;
        margin-left:5.13vw;
    }


    .news-title{
        margin-top:3.33vw;
    }




    /*サイドバー*/

    .side-bar{
        margin-bottom:11.54vw;
    }


    .side-bar p{
        padding:0.52vw 10.26vw 0.52vw 3.85vw;
        font-size: 3.5vw;
        margin-bottom:5.13vw;
    }

    .side-bar ul{
        display: flex;
    }

    .side-bar li{
        font-size: 3.5vw;
        margin-top:0;
        margin-right:4vw;
    }
    .side-bar li::before{
        font-size:3.5vw;
        margin-right:1.5vw;
    }

    .side-bar a{
        text-decoration: none;
        color: white;
    }


    /*ページ数*/
    .current,
    .wp-pagenavi a{
        font-size:3.5vw;
        padding:1vw !important;
    }
    .wp-pagenavi span.current{
        padding:1.5vw !important;
    }
    
    .wp-pagenavi span,
    .wp-pagenavi a{
        margin:1.5vw !important;
    }
    

}