/* サカイタイムズ インタビュー改修：サイト共通（カテゴリ帯） */

/* トップページのカテゴリ帯に、ホバー色の淡い光が左から右へ1回流れる。
   ロゴの光（0.5秒後に開始、1.1秒）が終わってから始まる。
   調整用：--sthi-band-delay（開始までの秒数）、--sthi-band-time（流れる時間）、--sthi-band-strength（濃さ） */
html.sthi-home .category-band-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: 8px;
    background: linear-gradient(105deg, transparent 0 40%, rgba(247, 187, 93, .5) 50%, transparent 60% 100%);
    background: linear-gradient(105deg, transparent 0 40%, color-mix(in srgb, var(--orange, #f7bb5d) calc(var(--sthi-band-strength, .55) * 100%), transparent) 50%, transparent 60% 100%);
    background-size: 300% 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    opacity: 0;
    animation: sthi-band-sweep var(--sthi-band-time, 1.3s) ease-in-out var(--sthi-band-delay, 1.7s) 1 both;
}

@keyframes sthi-band-sweep {
    0% { background-position: 100% 0; opacity: 1; }
    95% { opacity: 1; }
    100% { background-position: 0% 0; opacity: 0; }
}

/* スマホ版のみ：カテゴリ帯の緑の背景を、鍵穴の柄の画像にする（PC版は今までの動画のまま）。
   画像の色をそのまま出すため、帯に重ねてある暗い膜は外す。 */
@media (max-width: 900px) {
    nav.category-band {
        background-color: #20502f;
        background-image: url("/wp-content/uploads/2026/11/sthi-category-band-mobile.webp");
        background-repeat: repeat-x;
        background-position: center center;
        background-size: auto 100%;
    }

    nav.category-band::after { background: transparent; }
    nav.category-band > video { display: none; }
}