@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* ===== PPI-JAPAN 台灣化 2026-10-12 ===== Diver のオプションが head に出す色（メイン #24af2b・ヘッダー #abe8b1）を子テーマ側で上書き。差し色は珊瑚紅 #c0504d */
:root { --ppi-accent: #c0504d; --ppi-text: #1a1a1a; --ppi-line: #e5e5e5; }
body, input, button, textarea, select, .content, #header, #footer, #sidebar { font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "微軟正黑體", sans-serif !important; }
body { background: #fff !important; color: var(--ppi-text); }
.header-wrap, #header ul.sub-menu, #header ul.children, #scrollnav, .description_sp, .header_small_menu { background: #fff !important; color: var(--ppi-text) !important; }
.header-wrap { border-bottom: 1px solid var(--ppi-line); }
.content h2:where(:not([class])), :where(.is-editor-blocks) :where(.content) h2:not(.sc_heading) { color: var(--ppi-text) !important; background: transparent !important; border-bottom: 2px solid var(--ppi-accent) !important; padding: 0.3em 0 !important; font-weight: 700; }
.content h2:where(:not([class]))::after, :where(.is-editor-blocks) :where(.content) h2:not(.sc_heading)::after, .content h2:where(:not([class]))::before, :where(.is-editor-blocks) :where(.content) h2:not(.sc_heading)::before { display: none !important; content: none !important; }
.content h3:where(:not([class])), :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading) { color: var(--ppi-text) !important; background: transparent !important; border-left: 4px solid var(--ppi-accent) !important; border-bottom: 0 !important; padding: 0.2em 0 0.2em 0.6em !important; font-weight: 700; }
.content h3:where(:not([class]))::before, .content h3:where(:not([class]))::after, :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading)::before, :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading)::after { display: none !important; content: none !important; }
.content h4:where(:not([class])), :where(.is-editor-blocks) :where(.content) h4:not(.sc_heading) { border-bottom: 2px solid var(--ppi-line) !important; }
.pagination .current, .newlabel, .newlabel span, #page-top a { background: var(--ppi-accent) !important; color: #fff !important; }
.widget_post_list .newlabel::before, .pickup-cat-img .newlabel::before { border-left-color: var(--ppi-accent) !important; }
.widgettitle, .widget.widget_block .wp-block-group h2:first-child, .widget.widget_block .wp-block-group h3:first-child { background: transparent !important; color: var(--ppi-text) !important; border-bottom: 2px solid var(--ppi-accent); font-weight: 700; }
.nav_in_btn li a { background: #fff !important; color: var(--ppi-text) !important; }
.content p, .content li { font-size: 17px; line-height: 1.8; }
.diver_widget_adarea:has(.diver_ad:empty) { display: none; }
.cta-box a { background: var(--ppi-accent) !important; }
/* カテゴリのラベル（一覧カードと記事上部） */
.post-cat, .single-post-category { background: var(--ppi-accent) !important; }
.post-cat a, .single-post-category a { color: #fff !important; }
/* カテゴリのラベル（一覧カードと記事上部） */
.post-cat, .single-post-category { background: var(--ppi-accent) !important; }
.post-cat a, .single-post-category a { color: #fff !important; }

/* ロゴ画像（白文字の PNG。白いヘッダーでは見えないので色を反転。作り直すまでの仮） */
#logo img { filter: invert(1) hue-rotate(180deg); }

/* ヘッダー帯: 真っ白だと素っ気ないので、薄いクリーム色＋上に差し色の線 */
.header-wrap { background: #fbf7f4 !important; border-top: 4px solid var(--ppi-accent); }
.header-wrap .header_small_menu, .header-wrap #header { background: transparent !important; }
/* NEW ラベル: 大きなリボンをやめて小さなチップに（awa 2026-10-12「NEW の帯でかいね」） */
.newlabel { position: absolute !important; top: 8px !important; left: 8px !important; width: auto !important; height: auto !important; padding: 0 !important; transform: none !important; overflow: visible !important; background: transparent !important; }
.newlabel span { display: inline-block !important; position: static !important; transform: none !important; font-size: 11px !important; line-height: 1 !important; padding: 4px 8px !important; border-radius: 3px !important; width: auto !important; }
.newlabel::before, .newlabel::after { display: none !important; content: none !important; }