/* 資金繰り総研の共通ヘッダー・フッター（2026-11-13 本人「ヘッダー・フッターは全ページ同じ形に」）。投資総研の .hd/.ft と同じ組み。
   HTML は ~/finance-wp/hf-20261113/header.html・footer.html、静的ページは apply_static.py、WordPress は mu-plugins/fin-hf.php が差し込む。 */
:root{--ix-nv:#17324A;--ix-nv2:#2F5D7E;--ix-gd:#8A6A2E;--ix-gd2:#B99A4F;--ix-gdl:#D9C48C;--ix-mk:#F2DD9B;--ix-soft:#F7F5EF;--ix-soft2:#EFEBE1;--ix-bd:#E4E0D6;--ix-ink:#22302E;--ix-sub:#57635F;--ix-min:"Shippori Mincho","YuMincho","Hiragino Mincho ProN",serif}
/* ヘッダー（投資総研 .hd と同じ寸法） */
html body:not(#_):not(#_):not(#_) .ixh{position:sticky;top:0;z-index:200;background:rgba(251,250,247,.94);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid #DED9CC}
html body:not(#_):not(#_):not(#_) .ixh-in{max-width:1160px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;gap:26px}
html body:not(#_):not(#_):not(#_) .ixh-lg{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none}
html body:not(#_):not(#_):not(#_) .ixh-lg i{width:24px;height:24px;border-radius:5px;background:var(--ix-nv) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 17V12M10 17V8M14 17V10M18 17V6' stroke='%23D9C48C' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat}
html body:not(#_):not(#_):not(#_) .ixh-lg b{font-family:var(--ix-min);font-weight:700;font-size:21px;letter-spacing:.04em;color:var(--ix-nv)}
html body:not(#_):not(#_):not(#_) .ixh-nav{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:13px}
html body:not(#_):not(#_):not(#_) .ixh-nav a{padding:8px 12px;border-radius:999px;color:var(--ix-nv)!important;text-decoration:none;font-weight:500;white-space:nowrap;transition:.14s}
html body:not(#_):not(#_):not(#_) .ixh-nav a:hover{background:var(--ix-soft2)}
html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-start{background:var(--ix-mk);font-weight:800}
html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-start:hover{background:#ecd285}
html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-search::before{content:"";display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:-1px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-cta{margin-left:8px;padding:10px 20px;background:var(--ix-nv);color:#fff!important;font-weight:700}
html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-cta:hover{background:#234760}
html body:not(#_):not(#_):not(#_) .ixh-dd{position:relative;display:inline-flex}
html body:not(#_):not(#_):not(#_) .ixh-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
html body:not(#_):not(#_):not(#_) .ixh-pn{display:none;position:absolute;top:100%;left:-160px;z-index:60;width:640px;margin-top:8px;padding:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#fff;border:1px solid var(--ix-bd);border-radius:6px;box-shadow:0 24px 50px -24px rgba(23,50,74,.4)}
html body:not(#_):not(#_):not(#_) .ixh-dd:hover .ixh-pn,html body:not(#_):not(#_):not(#_) .ixh-dd:focus-within .ixh-pn{display:grid}
html body:not(#_):not(#_):not(#_) .ixh-pc{display:flex;flex-direction:column;gap:1px;padding:12px 10px;border-radius:4px;border-top:3px solid var(--tc)}
html body:not(#_):not(#_):not(#_) .ixh-pc.c1{--tc:#17324A;background:#F3F5F7}
html body:not(#_):not(#_):not(#_) .ixh-pc.c2{--tc:#B99A4F;background:#FBF7EC}
html body:not(#_):not(#_):not(#_) .ixh-pc.c3{--tc:#2F5D7E;background:#F1F5F8}
html body:not(#_):not(#_):not(#_) .ixh-pc b{font-family:var(--ix-min);font-size:14px;font-weight:700;color:var(--ix-nv);margin:0 0 6px 4px}
html body:not(#_):not(#_):not(#_) .ixh-pc b i{display:block;font:700 10.5px "Zen Kaku Gothic New",sans-serif;color:var(--ix-sub);margin-top:2px}
html body:not(#_):not(#_):not(#_) .ixh-pn a{padding:6px 8px!important;border-radius:4px!important;font-size:12.5px!important}
html body:not(#_):not(#_):not(#_) .ixh-pn a:hover{background:#fff!important}
html body:not(#_):not(#_):not(#_) .ixh-pf{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px dashed #DED9CC;padding-top:8px}
/* フッター（投資総研 .ft と同じ：濃紺・金の明朝の見出し） */
html body:not(#_):not(#_):not(#_) .ixf{background:var(--ix-nv);color:#DDE3DF;padding:76px 0 40px}
html body:not(#_):not(#_):not(#_) .ixf-w{max-width:1160px;margin:0 auto;padding:0 24px}
html body:not(#_):not(#_):not(#_) .ixf-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:34px;margin-bottom:44px;border-bottom:1px solid rgba(255,255,255,.16)}
html body:not(#_):not(#_):not(#_) .ixf-lg{text-decoration:none}
html body:not(#_):not(#_):not(#_) .ixf-lg b{font-family:var(--ix-min);font-weight:700;font-size:26px;letter-spacing:.06em;color:#fff}
html body:not(#_):not(#_):not(#_) .ixf-hd p{max-width:470px;margin:0;font-size:13px;line-height:1.95;color:#BFC9C4}
html body:not(#_):not(#_):not(#_) .ixf-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
html body:not(#_):not(#_):not(#_) .ixf h4{margin:0 0 16px;font-family:var(--ix-min);font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--ix-mk)}
html body:not(#_):not(#_):not(#_) .ixf ul{list-style:none;margin:0;padding:0}
html body:not(#_):not(#_):not(#_) .ixf li{margin:0 0 10px}
html body:not(#_):not(#_):not(#_) .ixf a{font-size:12.5px;color:#fff!important;text-decoration:none}
html body:not(#_):not(#_):not(#_) .ixf a:hover{color:var(--ix-mk)!important}
html body:not(#_):not(#_):not(#_) .ixf-l{margin:50px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);max-width:920px;font-size:11px;line-height:1.95;color:#BFC9C4}
html body:not(#_):not(#_):not(#_) .ixf-c{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0 0;font-size:11px;font-weight:700;letter-spacing:.06em;color:#BFC9C4}
@media(max-width:1100px){
  html body:not(#_):not(#_):not(#_) .ixh-in{flex-wrap:wrap;height:auto;padding:10px 0 0;gap:0}
  html body:not(#_):not(#_):not(#_) .ixh-lg{padding:0 20px}
  html body:not(#_):not(#_):not(#_) .ixh-nav{width:100%;overflow-x:auto;scrollbar-width:none;margin:9px 0 0;padding:0 20px 9px;gap:6px}
  html body:not(#_):not(#_):not(#_) .ixh-nav::-webkit-scrollbar{display:none}
  html body:not(#_):not(#_):not(#_) .ixh-nav a{flex:none;padding:7px 13px;border:1px solid var(--ix-bd);background:#fff;font-size:12.5px}
  html body:not(#_):not(#_):not(#_) .ixh-nav a.ixh-cta{margin-left:0;padding:7px 13px}
  html body:not(#_):not(#_):not(#_) .ixh-pn{display:none!important}
  html body:not(#_):not(#_):not(#_) .ixh-dd::after{display:none}
}
@media(max-width:900px){
  html body:not(#_):not(#_):not(#_) .ixf-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body:not(#_):not(#_):not(#_) .ixf-hd{flex-direction:column;align-items:flex-start}
}
html body:not(#_):not(#_):not(#_) .ixf li{padding:0!important;margin:0 0 11px!important;line-height:1.5!important;list-style:none!important}
html body:not(#_):not(#_):not(#_) .ixf li::before{display:none!important}
html body:not(#_):not(#_):not(#_) .ixf a{display:inline!important;padding:0!important;line-height:1.5!important}
/* 本番直書きの追記（2026-11-13）：.fpd-hd h2 em の nowrap、#about-us .ix-large（1億円以上の箱を運営の帯へ）。HTML側の変更は ~/finance-wp/top-edit-20261113/after2.html */
/* 2段になる幅では貼り付けない（投資総研と同じ） */
@media(max-width:1100px){ html body:not(#_):not(#_):not(#_) .ixh{position:static!important} }
/* サブヘッダーの骨組み（元はページごとのインライン。サブヘッダーを新しく足すページのためにここにも置く） */
.sh5s{position:sticky;top:70px;z-index:55;background:#EAF5FD;border-bottom:1px solid #CFE2EF;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif}
.sh5s-in{max-width:1184px;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;gap:16px}
.sh5s-lock{display:flex;align-items:center;gap:9px;flex:none;text-decoration:none!important}
.sh5s-lock i{width:30px;height:30px;border-radius:8px;background:linear-gradient(140deg,#1E8BE8,#123A5A);display:grid;place-items:center}
.sh5s-lock i svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sh5s-lock b{font-size:19.5px;font-weight:900;color:#123A5A;letter-spacing:.04em;white-space:nowrap}
.sh5s-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}
.sh5s-nav::-webkit-scrollbar{display:none}
.sh5s-nav a{flex:none;font-size:18px;font-weight:700;color:#40566A;padding:6px 7px;border-radius:999px;white-space:nowrap;text-decoration:none!important}
.sh5s-nav a:hover{background:#fff;color:#1E8BE8}
.sh5s-sp{flex:1}
.sh5s-cta{flex:none;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #1E8BE8;color:#1E8BE8!important;font-size:17.5px;font-weight:800;text-decoration:none!important;white-space:nowrap}
@media(max-width:860px){.sh5s{top:60px}.sh5s-in{padding:0 12px;gap:10px;height:48px}.sh5s-lock b{font-size:18px}.sh5s-cta{display:none}.sh5s-nav a{font-size:17px;padding:6px 9px}}
@media(max-width:600px){.sh5s{top:60px}}

/* サブヘッダー（方法ごとの段）を新しいヘッダーの下に合わせる */
html body:not(#_):not(#_):not(#_) .sh5s{top:66px}
@media(max-width:1100px){ html body:not(#_):not(#_):not(#_) .sh5s{top:0} }

/* サブヘッダー（方法ごとの段：ファクタリング等）：生成りの帯・明朝の名前・濃紺の相談 */
html body:not(#_):not(#_):not(#_) .sh5s{background:#FBFAF7!important;border-bottom:1px solid #DED9CC!important;box-shadow:none!important}
html body:not(#_):not(#_):not(#_) .sh5s-in{max-width:1160px!important;height:52px!important}
html body:not(#_):not(#_):not(#_) .sh5s-lock{color:var(--ix-nv)!important;text-decoration:none!important}
html body:not(#_):not(#_):not(#_) .sh5s-lock i{background:var(--ix-nv)!important;color:var(--ix-gdl)!important;border-radius:4px!important}
html body:not(#_):not(#_):not(#_) .sh5s-lock i svg{color:var(--ix-gdl)!important;stroke:var(--ix-gdl)!important}
html body:not(#_):not(#_):not(#_) .sh5s-lock b{font-family:var(--ix-min)!important;font-weight:700!important;font-size:16px!important;letter-spacing:.06em;color:var(--ix-nv)!important}
html body:not(#_):not(#_):not(#_) .sh5s-nav a{color:var(--ix-sub)!important;font-weight:600!important;border-radius:999px!important;padding:6px 12px!important;background:none!important}
html body:not(#_):not(#_):not(#_) .sh5s-nav a:hover,html body:not(#_):not(#_):not(#_) .sh5s-nav a[aria-current],html body:not(#_):not(#_):not(#_) .sh5s-nav a.on{background:#EFEBE1!important;color:var(--ix-nv)!important}
html body:not(#_):not(#_):not(#_) .sh5s-cta{background:var(--ix-nv)!important;border-color:var(--ix-nv)!important;color:#fff!important;border-radius:999px!important}

/* 右下に浮く「今すぐ無料相談」（全ページ共通）：濃紺＋金 */
html body:not(#_):not(#_):not(#_) .shkfab{background:var(--ix-nv)!important;border:1px solid rgba(217,196,140,.45)!important;box-shadow:0 18px 40px -16px rgba(13,30,47,.7)!important;color:#fff!important}
html body:not(#_):not(#_):not(#_) .shkfab i{background:var(--ix-mk)!important;color:var(--ix-nv)!important}
html body:not(#_):not(#_):not(#_) .shkfab i svg{color:var(--ix-nv)!important;stroke:var(--ix-nv)!important}
html body:not(#_):not(#_):not(#_) .shkfab span{color:#fff!important}
html body:not(#_):not(#_):not(#_) .shkfab small{color:var(--ix-gdl)!important}
/* ヘッダーのロゴとサブヘッダーのアイコンを外す（2026-11-13 本人「資金繰り総研とファクタリングとかヘッダーにあるアイコン削除して」） */
html body:not(#_):not(#_):not(#_) .ixh-lg>i,html body:not(#_):not(#_):not(#_) .sh5s-lock>i{display:none!important}
html body:not(#_):not(#_):not(#_) .ixh-lg,html body:not(#_):not(#_):not(#_) .sh5s-lock{gap:0!important}