/* 顧客向けヘッダーのカスタムスタイル */

/* 固定ヘッダー時のみ会員登録/ログインリンクを表示 */
.header-nav3_auth {
    display: none;
}

.header.is-fixed .header-nav3_auth {
    display: block;
}

.header.is-fixed .header-nav3 .header-nav3_list {
    display: flex;
}

.header.is-fixed .header-nav3_auth a {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
}

.header.is-fixed .header-nav3_auth img {
    width: auto;
    height: 13px;
}

.header.is-fixed .header-nav3_auth span::after {
    content: none;
}

/* ヘッダーテキストバナー（SP: 左寄せ＋折り返し2行目の頭揃え） */
@media (max-width: 1024px) {
    .header_announcement .header_container {
        text-align: left;
        justify-content: flex-start;
    }

    .header_announcement .arrow-start {
        --arrow-indent: calc(28 * var(--min-fluid-ratio));
        padding-left: var(--arrow-indent);
        text-indent: calc(-1 * var(--arrow-indent));
    }
}

/* ヘッダーテキストバナー（PC: 幅制限＋折り返し2行目の頭揃え） */
@media (min-width: 1025px) {
    .header_announcement .arrow-start {
        width: 75%;

        --arrow-indent: min(14px, 14 * var(--max-fluid-ratio));
        padding-left: calc(min(5px, 5 * var(--max-fluid-ratio)) + var(--arrow-indent));
        text-indent: calc(-1 * var(--arrow-indent));
    }
}