/*  blog responsive  */

.touch .mobile-hide-it {
    /*display: none;*/
}

.blog-narrow-mobile {
}

@media screen and (max-width: 603px) {
    #blog-explain {
        background-color: #f9f9f9;
    }

    #blog-explain input {
        font-size: 130%;
        padding: 1px;
    }

    #random-image {
        height: 44px;
    }

    .blog_light_box {
        width: 97%;
    }

    .light_box {
        padding: 14px 4px;
    }

    /*#side-bar-ham-btn, #side-bar-ham-search-btn {*/
    /*    display: none;*/
    /*}*/

    .light_box input, .light_box select {
        width: 100%;
    }

    .ua-safari.ua-mobile .light_box input, .light_box select {
        width: 100%;
    }

    .light_box textarea {
        width: 100%;
    }

    .mobile-hide-it {
        display: none;
    }

    .show-it {
        display: inline !important;
    }

    .blog-wide {
        width: 100%;
    }

    .blog-narrow {
        width: 98%;
    }

    #blog-section .blog-narrow {
        width: 100%;
    }

    .blog-narrow-mobile {
        width: 71% !important;
    }

    #adv-search-section .comment-section {
        display: none;
    }
}

@media screen and (max-width: 778px) {
    .blogitem .blogtext img {
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 620px) {
    .blogitem .blogtext img {
        margin-left: 3px;
        margin-right: 3px;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 360px) {
    .blogitem .blogtext img {
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 3px;
    }
}