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


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


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




.news-container{
    color: white;
    width:70.42vw;
    margin:7.29vw auto;
}



.news-title::after{
    content:"";
    display: block;
    width:100%;
    height:.1vw;
    background-color: white;
    margin:2.6vw 0;
}
.news-title h4{
    font-size:1.3vw;
}
.news-title p{
    font-size:1.1vw;
    margin-top:1.72vw;
}


.news-article p{
    font-size:1.1vw;
    line-height:2.5vw;
}




.post-btn{
    margin-top:10.42vw;
    display: flex;
    justify-content: space-between;
}
.post-btn a{
    text-decoration: none;
    color: white;
}
.post-btn p{
    font-size:1.1vw;
}
.post-btn .not-btn{
    opacity: .5;
}


.previous:hover a,
.next:hover a{
    text-decoration: underline;
}

















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

@media(max-width:599px){

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

     /*パンクズリスト*/
     .breadcrumb-trail{
        flex-wrap: wrap;
     }


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


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


    .blue-content{
        width:90%;
    }
    
    
    
    .news-container{
        width:100%;
        margin:10.26vw auto;
    }



    .news-title::after{
        margin:2.6vw 0;
    }
    .news-title h4{
        font-size:4.5vw;
    }
    .news-title p{
        font-size:3.5vw;
    }
    
    
    .news-article p{
        font-size:3.5vw;
        line-height:6vw;
    }
    
    
    
    
    .post-btn{
        margin-top:12.82vw;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .post-btn a{
        text-decoration: none;
        color: white;
    }
    .post-btn p{
        font-size:3.5vw;
    }
    

    .previous{
        order:1;
        margin-top:15vw;
    }
    .previous::before{
        font-size:3.5vw;
        margin-right:2.5vw;
    }

    .next{
        order:3;
        margin-top:15vw;

    }
    .next::after{
        font-size:3.5vw;
        margin-left:2.5vw;
    }
    
    
    .previous:hover a,
    .next:hover a{
        text-decoration: underline;
    }
    





    .post-btn .archive-btn a{
        color: black;
    }
    .archive-btn{
        display: inline-block;
        background-color: white;
        padding:7.69vw 16.67vw;
        order:0;
        margin-left:20vw;
    }
    

}