@charset "UTF-8";
.blog-main{
    max-width: 70%;
}
.side-bar{
    max-width: 30%;
}
.blog-post img{
    width: 100%;
    margin: 5px 0;
}
.blog-post pre{
    font-size: 85%;
    overflow-x: auto;
    margin: 5px 0;
}
.blog-post h3{
    margin: 20px 0 10px;
    border-bottom: 1px rgb(230, 230, 230)  solid;
}

/*----------------media--------------*/
@media screen and (min-width: 1200px){
    .container{
        max-width: 1140px;
    }
}
@media screen and (max-width: 1199px){
    .container{
        max-width: 960px;
    }

}
@media screen and (max-width: 991px){
    .container{
        max-width: 720px;
    }

    .standout-left, .standout-img-box{
        max-width: 100%;
    }
    .standout-img-box{
        display: none;
    }

    .blog-main{
        max-width: 70%;
    }
    .side-bar{
        max-width: 30%;
    }
}
@media screen and (max-width: 767px){
    main h3{
        font-size: 5vw;
    }
    .container{
        max-width: 540px;
    }
    nav{
        overflow-x: scroll;
    }
    nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
    .category{
        white-space:nowrap;
    }

    .standout-left{
        padding: 0 30px;
        font-size: 16px;
    }
    .standout-left h2{
        font-size: 40px;
    }
    .standout-left a{
        font-size: 18px;
    }

    .blog-main, .side-bar{
        max-width: 100%;
    }
}
@media screen and (max-width: 575px){
    .container{
        max-width: 540px;
    }
}