.archive-cat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 5%;
}
@media screen and (max-width: 769px){
    .archive-cat-list {
        margin-bottom: 10%;
    }
}

.archive-cat-list__item {
    font-size: 1.4rem;
    margin: 0 1%;
}
.archive-cat-list__item a {
    display: block;
    background: #a4a3a5;
    color: #fff;
    text-align: center;
    padding: 1em 3em;
}
.archive-cat-list__item:nth-child(2) a {
    background: #0092ce;
}
.archive-cat-list__item:nth-child(3) a {
    background: #700a0e;
}
.archive-cat-list__item:nth-child(4) a {
    background: #ee8921;
}
.archive-cat-list__item:nth-child(5) a {
    background: #009088;
}
.archive-cat-list__item:nth-child(6) a {
    background: #8163b0;
}
@media screen and (max-width: 769px){
    .archive-cat-list__item {
        width: calc((100% - 2%) / 3);
        width: -webkit-calc((100% - 2%) / 3);
        margin: 1% 1% 0 0;
    }
    .archive-cat-list__item:nth-child(3n){
        margin-right: 0;
    }
    .archive-cat-list__item a {
        padding: 5% 0;
    }
}