/* =========================================================
    Component: Editorial Title
    File: assets/css/3_components/editorial-title.css
   ========================================================= */

.c-editorialTitle {
    margin-bottom: var(--wan-s-10);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

/* 英語（主役：装飾） */
.c-editorialTitle__en {
    display: block;
    font-family: var(--wan-font-en);
    font-size: var(--wan-f-size-5xl); /* 28px */
    color: var(--wan-color-brand, #ff922b);
    line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: var(--wan-s-2);
}

/* 日本語（補助：内容） */
.c-editorialTitle__main {
    display: block;
    font-family: var(--wan-font-jp); /* 💡 jpに変更 */
    font-size: var(--wan-f-size-xl);   /* 20px */
    font-weight: var(--wan-f-weight-bold);
    color: var(--wan-color-text, #333); /* 💡 色を明示 */
    padding-left: var(--wan-s-1);
}

/* --- スマホ表示 --- */
@media screen and (max-width: 768px) {
    .c-editorialTitle {
        align-items: center;
        text-align: center;
    }

    .c-editorialTitle__en {
        /* スマホでドカンと大きく見せる演出 */
        font-size: var(--wan-f-size-6xl); /* 40px */
        line-height: 0.9;
    }

    .c-editorialTitle__main {
        font-size: var(--wan-f-size-md); /* 16px */
        padding-left: 0;
    }
}