// サムネイル
.c-postThumb {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.c-postThumb__figure {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    transform: perspective(0);
    backface-visibility: hidden;

    &::before {
        display: block;
        height: 0;
        padding-top: var(--card_posts_thumb_ratio);
        content: "";
    }


    // リスト型の比率
    .p-blogCard &::before,
    .-type-list &::before {
        padding-top: var(--list_posts_thumb_ratio);
    }
}


.c-postThumb__img {

    @extend %objFitCover;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.01) perspective(0);
    backface-visibility: hidden;
    transition: transform .25s;
}