@media (max-width: 1024px) {
    .container {
        display: block;
    }
    .header_navi {
        display: none;
    }
    .container {
        padding: 0 10px;
    }
    .acount_outbox {
        margin: 30px auto;
    }
    .banner {
        text-align: center;
    }
}
@media (max-width: 850px) {
    .genre_container {
        max-width: 490px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .genre_container li {
        margin-bottom: 10px;
    }
    .writer_container, .reviw_container {
        display: block;
    }
    .writer_left, .writer_right, .reviw_left, .reviw_right {
        margin: 30px auto 30px;
    }
    .header_flex img {
        width: 150px;

    }
}
@media (max-width: 425px) {
    .search_window label {
        display: none;
    }
    input[type=submit] {
        background-image: none;
        padding-left: 5px;
    }
    .footer_frame li {
        font-size: 10px;
        margin: 0 10px;
    }
    .header_frame {
        background-size: 65%;
    }
    .icon_style {
        display: none;
    }
}