@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

.page_title,
article p,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article span,
article div,
article label,
.single-sub p,
.single-sub h1,
.single-sub h2,
.single-sub h3,
.single-sub h4,
.single-sub h5,
.single-sub h6,
.single-sub span,
.single-sub div,
.single-sub label {
    font-family: 'Noto Sans JP', sans-serif;
    color: #222222;
}

article a {
    font-family: 'Noto Sans JP', sans-serif;
}

.single-sub time {
    font-family: 'Noto Sans JP', sans-serif;
}

article .thumbnail {
    width: 100%;
    height: auto;
}

article strong {
    /* background: linear-gradient(transparent 60%, rgba(0, 128, 0, .4) 70%); */
    background: linear-gradient(transparent 60%, #ccff33 70%);
    font-weight: normal;
}

article em {
    font-style: normal;
    font-weight: normal;
    background: linear-gradient(transparent 60%, rgba(255, 152, 136, .4) 70%);
    
}

@media screen and (min-width: 1081px) {
    .single {
        display: flex;
        justify-content: center;
        gap: 80px;
        padding: 0 80px;
        font-family: 'Zen Kaku Gothic New', sans-serif;
    }
    
    .single-content {
        width: 64%;
        max-width: 800px;
    }
    
    .single-sub {
        width: calc(36% - 80px);
        max-width: 440px;
    }
    
    .single-sub .col {
        display: block;
    }
    
    .single-sub .col .widget_card {
        width: 100%;
        margin-left: 0;
    }
    
    .single-sub .widget_card figure {
        width: 80px;
        height: 80px;
    }
    
    .single-sub .widget_card .text_area {
        width: calc(100% - 80px);
    }
}