@charset "utf-8";

.post-classic:hover .bgimg {
    opacity: 0.8;
    transform: scale(1.05);
}

.post-classic-img .bgimg {
    transition: all .5s;
    will-change: transform;
}

.single-post-author-img {
    min-width:40%;
}

.single-post-author-img .bgimg {
    min-height: auto;
    aspect-ratio: 4 / 3;/* 幅に対して高さを自動算出 */
}

.pt-0 { padding-top: 0    !important; }
.pt-1 { padding-top: 4px  !important; }
.pt-2 { padding-top: 8px  !important; }
.pt-3 { padding-top: 16px !important; }
.pt-4 { padding-top: 24px !important; }
.pt-5 { padding-top: 48px !important; }

.pb-0 { padding-bottom: 0    !important; }
.pb-1 { padding-bottom: 4px  !important; }
.pb-2 { padding-bottom: 8px  !important; }
.pb-3 { padding-bottom: 16px !important; }
.pb-4 { padding-bottom: 24px !important; }
.pb-5 { padding-bottom: 48px !important; }