/* =====================================================================
    archive
======================================================================*/
.archive_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.archive_list li {
    margin-bottom: 3%;
    width: 47.5%;
}

@media screen and (min-width: 768px) {

    .archive_list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .archive_list li {
        margin: 0 2% 2% 0;
        width: calc(94% / 4);
    }

    .archive_list li:nth-child(4n) {
        margin-right: 0;
    }

    .archive_list li a {
        display: block;
    }

    .archive_list li a img {
        width: 100%;
    }
}