@charset "utf-8";
/* CSS Document */

.gravureList {
}
.gravureList .gravureListItem {
    font-family: 'Josefin Sans', 'Kiwi Maru', serif;
}
.gravureList .gravureListItem:last-child {
}
.gravureList .gravureLink {
    display: block;
}
.gravureList .gravureImageBox {
}
.gravureList .gravureImage {
    display: block;
    object-fit: cover;
    object-position: top center;
}
.gravureList .gravureNoimage {
    display: block;
    color: #fff;
    background: #333;
}
.gravureList .gravureDate {
    color: var(--textColor);
}
.gravureList .gravureTitle {
    color: var(--textColor);
}
.gravureList .gravureTxt {
    color: var(--textColor);
}


@media screen and (min-width: 768px) {
    .gravureList {
        width: 900px;
        margin: 0 auto;
    }
    .gravureList .gravureListItem {
        margin-bottom: 50px;
    }
    .gravureList .gravureListItem:last-child {
        margin-bottom: 0;
    }
    .gravureList .gravureLink {
    }
    .gravureList .gravureImageBox {
        margin-bottom: 10px;
    }
    .gravureList .gravureImage {
        width: 900px;
        height: 450px;
    }
    .gravureList .gravureNoimage {
        width: 730px;
        text-align: center;
        padding: 150px 0;
        margin-bottom: 10px;
    }
    .gravureList .gravureDate {
        font-size: 24px;
    }
    .gravureList .gravureTitle {
        font-size: 26px;
        margin-bottom: 4px;
    }
    .gravureList .gravureTxt {
        font-size: 22px;
    }
}

@media all and (max-width: 767px) {
    .gravureList {
    }
    .gravureList .gravureListItem {
        margin-bottom: 7.5vw;
    }
    .gravureList .gravureListItem:last-child {
        margin-bottom: 0;
    }
    .gravureList .gravureLink {
        margin-bottom: 2.5vw;
    }
    .gravureList .gravureImageBox {
        margin-bottom: 1vw;
    }
    .gravureList .gravureImage {
        width: 100%;
        height: 50vw;
    }
    .gravureList .gravureNoimage {
        width: 100%;
        text-align: center;
        padding: 17.25vw 0;
        margin-bottom: 1vw;
    }
    .gravureList .gravureDate {
        display: block;
        font-size: 4.0vw;
        margin-bottom: 1.0vw;
    }
    .gravureList .gravureTitle {
        font-size: 4.25vw;
        line-height: 1.25;
        margin-bottom: 0.5vw;
    }
    .gravureList .gravureTxt {
        font-size: 3.25vw;
    }
}
