@charset "UTF-8";

/* --- 1. 通常時（初期状態の表示制御：ON画像のリスト枠を消す） --- */
/* ON画像（a.img-on）を内包している li 枠は、最初から最後までずっと非表示のままにします */
/* これにより、AEM標準の完璧な横並びレイアウト（liの構造）を1ミリも邪魔しません */
.question-area .g-BannerLinkP--v2__list__item:has(a.img-on) {
    display: none !important;
}


/* --- 2. 選択中（is-active）のスタイル（AEMホバー暴走・白被り対策） --- */
.question-area a.is-active,
.question-area a.is-active:hover,
.question-area a.is-active:focus,
.question-area a.is-active:active {
    opacity: 1 !important;
    background-color: transparent !important;
    filter: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.question-area a.is-active:hover img {
    opacity: 1 !important;
    filter: none !important;
}

.question-area a.is-active::after,
.question-area a.is-active::before,
.question-area a.is-active:hover::after,
.question-area a.is-active:hover::before {
    display: none !important;
    content: none !important;
}


/* --- 3. 「結果を見る」ボタンの制御 --- */
/* 【追加仕様反映】初期状態は半透明にしてクリックイベントを完全に遮断します */
a[href*="#calc-result"] {
    opacity: 0.3 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease;
}

/* 全問回答後に JS で is-ready クラスがついたら活性化 */
a[href*="#calc-result"].is-ready {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer;
}

a[href*="#calc-result"].is-ready:hover {
    opacity: 0.8 !important;
}