/**
 * 時間帯による画像の表示/非表示制御
 * 0:00-17:59: 表示
 * 18:00-23:59: 非表示
 */

/* デフォルト: 非表示 (18:00-23:59) */
img[src*="scroll_icon_pc.svg"],
img[src*="scroll_icon_sp.svg"],
img[src*="scroll_icon_consult_booth_sp.svg"],
img[src*="menu_icon_sp.svg"],
img[src*="cta_reservations_sp.svg"],
img[src*="cta_reservations.svg"],
img[alt="保険相談の当日予約"][loading="lazy"],
img[alt="当日の保険相談もできる保険窓口"][loading="lazy"],
#svgicon,
.arrowTextWrap {
    display: none !important;
}

/* 0:00-17:59の時のみ表示 */
body.show-scroll-icons img[src*="scroll_icon_pc.svg"],
body.show-scroll-icons img[src*="scroll_icon_sp.svg"],
body.show-scroll-icons img[src*="scroll_icon_consult_booth_sp.svg"],
body.show-scroll-icons img[src*="menu_icon_sp.svg"],
body.show-scroll-icons img[src*="cta_reservations_sp.svg"],
body.show-scroll-icons img[src*="cta_reservations.svg"],
body.show-scroll-icons img[alt="保険相談の当日予約"][loading="lazy"],
body.show-scroll-icons img[alt="当日の保険相談もできる保険窓口"][loading="lazy"],
body.show-scroll-icons #svgicon,
body.show-scroll-icons .arrowTextWrap {
    display: block !important;
}

/* ページ最上部にいる時だけscroll_icon_pc.svgとsvgiconを非表示 */
body.show-scroll-icons.at-page-top img[src*="scroll_icon_pc.svg"],
body.show-scroll-icons.at-page-top #svgicon {
    display: none !important;
}

/* <picture>内のsource経由で読み込まれるcta_reservations対応 */
picture:has(source[srcset*="cta_reservations"]) {
    display: none !important;
}
body.show-scroll-icons picture:has(source[srcset*="cta_reservations"]) {
    display: block !important;
}

/* インライン要素として表示されるべき画像の場合 */
body.show-scroll-icons img[src*="scroll_icon_pc.svg"],
body.show-scroll-icons img[src*="scroll_icon_sp.svg"],
body.show-scroll-icons img[src*="scroll_icon_consult_booth_sp.svg"],
body.show-scroll-icons img[src*="menu_icon_sp.svg"],
body.show-scroll-icons img[src*="cta_reservations_sp.svg"],
body.show-scroll-icons img[src*="cta_reservations.svg"] {
    display: inline-block !important;
}

/* イラスト画像は時間制御の対象外（常に表示） */
picture:has(source[srcset*="img_cta_reservations"]) {
    display: block !important;
}