@charset "UTF-8";

    /* 記事一覧C */
    .listC h1 {
        text-align: center;
    }

.listC .container {
    display: flex;
    flex-wrap: wrap;
    max-width: none;
    padding: 0 10px 30px 30px;
}

.listC article {
    flex: 0 0 32%;
    text-align: left;
}

        .listC a:hover {
            opacity: 0.8;
        }

    .listC img {
        width: calc(100% - 5px);
    }

@media (min-width: 768px) {

        .listC article {
        flex: 0 0 180px;
    }
}