/* =====================================================================
   okr-net.css ─ 御来屋ネットワーク 共通の Web アプリ部品（2026-11-12）
   ・細い帯（#okr-net）・スマホのタブバー（#okr-tabs）・シート（#okr-sheet）・読み込みバー
   ・どのサイトの CSS にも負けないよう、id で囲って大事なところだけ !important
   ===================================================================== */
:root{
  --okr-ink:#1b1512; --okr-ink2:#2a211c; --okr-paper:#fffaf0; --okr-red:#a81c2b; --okr-gold:#ffd76a;
  --okr-sakura:#f2b6c6; --okr-sakura-d:#b4466a; --okr-line:rgba(255,255,255,.12);
  --okr-bar-h:30px; --okr-tab-h:58px;
  --okr-font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ---------- ① 細い帯 ---------- */
html body #okr-net{all:initial;display:block!important;position:relative!important;z-index:100000!important;height:var(--okr-bar-h)!important;
  background:var(--okr-ink)!important;color:#efe6d8!important;font:500 12px/1 var(--okr-font)!important;letter-spacing:.02em;
  border-bottom:1px solid #000;box-shadow:inset 0 -1px 0 rgba(255,215,106,.18);-webkit-font-smoothing:antialiased;margin:0!important;width:100%!important;box-sizing:border-box!important}
#okr-net *{box-sizing:border-box}
#okr-net .okr-net-in{display:flex;align-items:center;height:100%;max-width:1440px;margin:0 auto;padding:0 6px 0 4px;gap:6px}
#okr-net .okr-net-list{display:flex;align-items:center;gap:2px;list-style:none!important;margin:0!important;padding:0 18px 0 0!important;height:100%;flex:1 1 auto;min-width:0;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
#okr-net .okr-net-list::-webkit-scrollbar{display:none}
#okr-net .okr-net-list li{list-style:none!important;margin:0!important;padding:0!important;flex:none;scroll-snap-align:start;height:100%;display:flex;align-items:center}
#okr-net .okr-net-list li::before,#okr-net .okr-net-list li::marker{content:none!important}
html body #okr-net a.okr-net-a{display:inline-flex!important;align-items:center;gap:5px;height:22px;padding:0 10px!important;border-radius:999px;
  color:#e9dfcf!important;-webkit-text-fill-color:#e9dfcf!important;text-decoration:none!important;white-space:nowrap;font:500 12px/1 var(--okr-font)!important;
  background:transparent!important;border:0!important;box-shadow:none!important;transition:background .15s,color .15s;text-shadow:none!important}
html body #okr-net a.okr-net-a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #okr-net a.okr-net-a:focus-visible,#okr-net button:focus-visible{outline:2px solid var(--okr-gold)!important;outline-offset:1px}
html body #okr-net a.okr-net-a.on{background:rgba(255,215,106,.16)!important;color:var(--okr-gold)!important;-webkit-text-fill-color:var(--okr-gold)!important;font-weight:700!important}
html body #okr-net a.okr-net-brand{font-weight:800!important;letter-spacing:.12em;padding-left:4px!important}
#okr-net .okr-net-mark{font-style:normal;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--okr-red);color:#fff;
  font:900 11px/1 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;box-shadow:0 0 0 1px var(--okr-gold);letter-spacing:0}
html body #okr-net a.okr-net-ks span{color:#ffd9e3!important;-webkit-text-fill-color:#ffd9e3!important}
html body #okr-net a.okr-net-ks.on span{color:var(--okr-sakura)!important;-webkit-text-fill-color:var(--okr-sakura)!important}
html body #okr-net .okr-net-a em{font-style:normal;font-size:10px;font-weight:800;line-height:1;padding:3px 6px;border-radius:999px;background:var(--okr-sakura)!important;color:#5b1830!important;-webkit-text-fill-color:#5b1830!important;letter-spacing:.04em}
#okr-net .okr-net-find{all:unset;flex:none;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 7px;border-radius:999px;cursor:pointer;
  color:#e9dfcf;font:600 12px/1 var(--okr-font);background:rgba(255,255,255,.08);border:1px solid var(--okr-line)}
#okr-net .okr-net-find:hover{background:rgba(255,255,255,.14);color:#fff}
#okr-net .okr-net-find svg{width:14px;height:14px}
#okr-net .okr-net-find kbd{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 4px;border-radius:4px;background:rgba(255,255,255,.1);color:#cfc3b0}
@media (max-width:760px){#okr-net .okr-net-find span,#okr-net .okr-net-find kbd{display:none}#okr-net .okr-net-find{width:28px;justify-content:center;padding:0}}

/* ---------- ② スマホのタブバー ---------- */
#okr-tabs{display:none}
@media (max-width:860px){
  html body{padding-bottom:calc(var(--okr-tab-h) + env(safe-area-inset-bottom,0px))!important}
  html body #okr-tabs{all:initial;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99990!important;display:grid!important;grid-template-columns:repeat(5,1fr);
    height:calc(var(--okr-tab-h) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px)!important;box-sizing:border-box;
    background:rgba(255,250,240,.86);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);
    border-top:1px solid rgba(60,40,30,.14);box-shadow:0 -6px 22px rgba(40,20,10,.08);font:600 10.5px/1 var(--okr-font)}
  #okr-tabs .okr-tab{all:unset;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;
    color:#6b5a4c!important;-webkit-text-fill-color:#6b5a4c!important;text-decoration:none!important;font:600 10.5px/1 var(--okr-font)!important;position:relative;border-radius:14px;margin:5px 2px}
  #okr-tabs .okr-tab svg{width:23px;height:23px;transition:transform .18s}
  #okr-tabs .okr-tab:active svg{transform:scale(.86)}
  #okr-tabs .okr-tab.on{color:var(--okr-red)!important;-webkit-text-fill-color:var(--okr-red)!important}
  #okr-tabs .okr-tab.on::before{content:"";position:absolute;top:-5px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:currentColor}
  #okr-tabs .okr-tab-ks{color:var(--okr-sakura-d)!important;-webkit-text-fill-color:var(--okr-sakura-d)!important}
  #okr-tabs .okr-tab-ks.on{background:rgba(242,182,198,.22)}
  #okr-tabs .okr-tab span{white-space:nowrap}
}
@media print{#okr-net,#okr-tabs,#okr-sheet,#okr-prog{display:none!important}}

/* ---------- ③ シート（メニュー・検索） ---------- */
#okr-sheet{position:fixed;inset:0;z-index:100010;display:none;font:15px/1.5 var(--okr-font);color:#21180f}
#okr-sheet.open{display:block}
#okr-sheet *{box-sizing:border-box}
#okr-sheet .okr-sh-bg{position:absolute;inset:0;background:rgba(20,12,8,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
#okr-sheet.show .okr-sh-bg{opacity:1}
#okr-sheet .okr-sh{position:absolute;left:50%;top:9vh;width:min(640px,calc(100% - 24px));max-height:78vh;display:flex;flex-direction:column;transform:translate(-50%,10px) scale(.98);opacity:0;
  background:#fffdf8;border-radius:18px;box-shadow:0 30px 80px rgba(30,15,5,.35),0 0 0 1px rgba(60,40,30,.08);overflow:hidden;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),opacity .18s}
#okr-sheet.show .okr-sh{transform:translate(-50%,0) scale(1);opacity:1}
@media (max-width:860px){
  #okr-sheet .okr-sh{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88vh;border-radius:20px 20px 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom,0px)}
  #okr-sheet.show .okr-sh{transform:translateY(0)}
  #okr-sheet .okr-sh::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:#d9cfc2;margin:8px auto 0;flex:none}
}
#okr-sheet .okr-sh-top{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 16px;border-bottom:1px solid #efe7db;flex:none}
#okr-sheet .okr-sh-top svg{color:#9a8a78;flex:none}
#okr-sheet .okr-sh-q{all:unset;flex:1;min-width:0;font:500 17px/1.3 var(--okr-font);color:#21180f;padding:6px 0}
#okr-sheet .okr-sh-q::placeholder{color:#a8998a}
#okr-sheet .okr-sh-x{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#6b5a4c}
#okr-sheet .okr-sh-x:hover{background:#f4ede2}
#okr-sheet .okr-sh-body{overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 14px;-webkit-overflow-scrolling:touch}
#okr-sheet .okr-sh-g{margin:10px 0 2px}
#okr-sheet .okr-sh-g h3{all:unset;display:block;font:800 11px/1 var(--okr-font);letter-spacing:.14em;color:#9a8a78;padding:8px 10px 6px;text-transform:uppercase}
#okr-sheet .okr-sh-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 8px 6px;scrollbar-width:none}
#okr-sheet .okr-sh-chips::-webkit-scrollbar{display:none}
#okr-sheet .okr-sh-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;background:#f6efe4;color:#3b2a1e!important;text-decoration:none!important;font:700 13px/1 var(--okr-font)}
#okr-sheet .okr-sh-chip.on{background:var(--okr-ink);color:var(--okr-gold)!important}
#okr-sheet .okr-sh-chip.ks{background:#fde8ee;color:#8a2a4c!important}
#okr-sheet a.okr-sh-it,#okr-sheet button.okr-sh-it{all:unset;display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border-radius:12px;cursor:pointer;color:#21180f!important;text-decoration:none!important;box-sizing:border-box}
#okr-sheet .okr-sh-it:hover,#okr-sheet .okr-sh-it.sel{background:#f6efe4}
#okr-sheet .okr-sh-it .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3ebdf;color:#7a5a40}
#okr-sheet .okr-sh-it.ks .ic{background:#fde8ee;color:var(--okr-sakura-d)}
#okr-sheet .okr-sh-it .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#okr-sheet .okr-sh-it b{font:700 14.5px/1.35 var(--okr-font)}
#okr-sheet .okr-sh-it small{font:500 12px/1.3 var(--okr-font);color:#8a7a68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#okr-sheet .okr-sh-it .go{flex:none;color:#c2b4a3}
#okr-sheet .okr-sh-empty{padding:18px 12px;color:#8a7a68;font-size:14px}
#okr-sheet .okr-sh-foot{flex:none;display:flex;gap:14px;justify-content:center;padding:9px;border-top:1px solid #efe7db;font:500 11.5px/1 var(--okr-font);color:#9a8a78}
#okr-sheet .okr-sh-foot kbd{font:600 10.5px/1 ui-monospace,Menlo,monospace;padding:2px 5px;border-radius:4px;background:#f3ebdf;color:#6b5a4c}
@media (max-width:860px){#okr-sheet .okr-sh-foot{display:none}}
html.okr-lock,html.okr-lock body{overflow:hidden!important}

/* ---------- ④ 読み込みバー・お知らせ（トースト） ---------- */
#okr-prog{position:fixed;left:0;top:0;height:2.5px;width:0;z-index:100020;background:linear-gradient(90deg,var(--okr-red),var(--okr-gold));box-shadow:0 0 8px rgba(255,190,60,.7);opacity:0;transition:width .3s ease,opacity .3s;pointer-events:none}
#okr-prog.run{opacity:1}
#okr-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:100015;pointer-events:none;
  background:var(--okr-ink);color:#f4ead9;font:600 13.5px/1.4 var(--okr-font);padding:11px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .25s;max-width:calc(100% - 32px)}
#okr-toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){#okr-toast{bottom:calc(var(--okr-tab-h) + 14px + env(safe-area-inset-bottom,0px))}}

/* ---------- ⑤ トップの「御来屋の相談サービス ― 髪桜」 ---------- */
.okr-svc{max-width:1440px;margin:28px auto 8px;padding:0 12px;box-sizing:border-box;font-family:var(--okr-font)}
.okr-svc *{box-sizing:border-box}
.okr-svc-in{position:relative;border-radius:24px;overflow:hidden;padding:clamp(18px,3vw,34px);
  background:radial-gradient(120% 90% at 100% 0%,rgba(242,182,198,.55),transparent 60%),radial-gradient(90% 80% at 0% 100%,rgba(255,215,106,.35),transparent 60%),#fffaf3;
  border:3px solid #c45b7d;box-shadow:0 0 0 3px #ffd76a,0 14px 32px rgba(180,70,106,.18)}
html body .okr-svc-hd small{display:block;font:800 11px/1 var(--okr-font);letter-spacing:.26em;color:#b4466a!important;-webkit-text-fill-color:#b4466a!important;margin-bottom:8px}
html body .okr-svc-hd h2{margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;font:900 clamp(21px,3.2vw,32px)/1.25 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;color:#4a1426!important;-webkit-text-fill-color:#4a1426!important;letter-spacing:.04em}
html body .okr-svc-hd h2::before,html body .okr-svc-hd h2::after{content:none!important}
html body .okr-svc-hd p{margin:0 0 18px!important;font-size:14.5px!important;line-height:1.8!important;color:#6b3b48!important;-webkit-text-fill-color:#6b3b48!important;max-width:760px}
.okr-svc-grid{display:grid;grid-template-columns:minmax(260px,1fr) 1.35fr;grid-template-rows:auto auto;gap:14px}
@media (max-width:860px){.okr-svc-grid{grid-template-columns:1fr}}
html body a.okr-svc-main{grid-row:1/3;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;border-radius:18px;overflow:hidden;text-decoration:none!important;padding:20px;
  background:linear-gradient(160deg,#3a0f20 0%,#7a2442 55%,#c45b7d 100%)!important;color:#fff!important;box-shadow:0 10px 24px rgba(74,20,38,.3);transition:transform .2s}
html body a.okr-svc-main:hover{transform:translateY(-3px)}
@media (max-width:860px){html body a.okr-svc-main{grid-row:auto;min-height:190px}}
.okr-svc-seal{position:absolute;right:16px;top:14px;writing-mode:vertical-rl;font:900 clamp(40px,6vw,64px)/1 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;color:rgba(255,226,236,.22);letter-spacing:.1em;pointer-events:none}
.okr-svc-tx{position:relative;display:flex;flex-direction:column;gap:5px}
html body .okr-svc-tx small{font:800 11px/1 var(--okr-font)!important;letter-spacing:.22em;color:#ffd0dd!important;-webkit-text-fill-color:#ffd0dd!important}
html body .okr-svc-tx b{font:900 clamp(24px,3vw,32px)/1.2 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .okr-svc-tx>span{font-size:13.5px!important;line-height:1.7!important;color:#ffe8ef!important;-webkit-text-fill-color:#ffe8ef!important}
html body .okr-svc-tx em{align-self:flex-start;margin-top:8px;font-style:normal;font-weight:900;font-size:14.5px;padding:9px 18px;border-radius:999px;background:#ffd76a;color:#4a1426!important;-webkit-text-fill-color:#4a1426!important}
.okr-svc-menu{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:520px){.okr-svc-menu{grid-template-columns:1fr}}
.okr-svc-menu li{list-style:none!important;margin:0!important;padding:0!important}
.okr-svc-menu li::before,.okr-svc-menu li::marker{content:none!important}
html body .okr-svc-menu a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:12px 14px;border-radius:14px;text-decoration:none!important;
  background:rgba(255,255,255,.78)!important;border:1px solid rgba(196,91,125,.25);transition:background .15s,transform .15s;height:100%}
html body .okr-svc-menu a:hover{background:#fff!important;transform:translateY(-1px)}
html body .okr-svc-menu b{font:800 14.5px/1.35 var(--okr-font)!important;color:#4a1426!important;-webkit-text-fill-color:#4a1426!important}
html body .okr-svc-menu span{grid-column:1;font-size:12px!important;line-height:1.5!important;color:#8a5a68!important;-webkit-text-fill-color:#8a5a68!important}
.okr-svc-menu svg{grid-column:2;grid-row:1/3;color:#c45b7d;width:18px;height:18px}
.okr-svc-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
html body a.okr-svc-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:999px;text-decoration:none!important;font:800 14.5px/1 var(--okr-font)!important;
  background:#fff!important;color:#7a2442!important;-webkit-text-fill-color:#7a2442!important;border:2px solid #c45b7d}
html body a.okr-svc-btn svg{width:17px;height:17px}
html body a.okr-svc-btn-p{background:#b4466a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#b4466a;box-shadow:0 0 0 2px #ffd76a}

/* ---------- サイトの全体 CSS に負けないための押さえ（2026-11-12） ---------- */
html body #okr-sheet,html body #okr-sheet *,html body #okr-tabs,html body #okr-tabs *,html body #okr-net,html body #okr-net *{font-family:var(--okr-font)!important;letter-spacing:normal!important;text-transform:none!important}
html body #okr-net .okr-net-mark{font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important}
html body #okr-sheet .okr-sh-chip{border-radius:999px!important;border:0!important;box-shadow:none!important}
html body #okr-sheet .okr-sh-q,html body #okr-sheet .okr-sh-q:focus{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;height:auto!important;margin:0!important}
html body #okr-sheet .okr-sh-it b{color:#21180f!important;-webkit-text-fill-color:#21180f!important}
html body #okr-sheet .okr-sh-g h3{color:#9a8a78!important;-webkit-text-fill-color:#9a8a78!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;background:none!important;border:0!important;margin:0!important}

/* =====================================================================
   v1.1  御来屋のサービス（アプリのランチャー風）
   ===================================================================== */
.okr-apps{max-width:1440px;margin:26px auto 10px;padding:0 12px;box-sizing:border-box;font-family:var(--okr-font)}
.okr-apps *{box-sizing:border-box}
.okr-apps-in{background:rgba(255,250,243,.92);border:1px solid rgba(90,30,40,.12);border-radius:26px;padding:clamp(14px,2.4vw,24px);box-shadow:0 18px 40px rgba(60,20,20,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.okr-apps-hd{display:flex;align-items:baseline;gap:12px;margin:0 4px 14px;flex-wrap:wrap}
html body .okr-apps-hd small{font:800 11px/1 var(--okr-font)!important;letter-spacing:.28em!important;color:#a81c2b!important;-webkit-text-fill-color:#a81c2b!important}
html body .okr-apps-hd h2{margin:0!important;padding:0!important;border:0!important;background:none!important;font:900 clamp(19px,2.4vw,24px)/1.2 var(--okr-font)!important;color:#2a1512!important;-webkit-text-fill-color:#2a1512!important;letter-spacing:.04em!important}
html body .okr-apps-hd h2::before,html body .okr-apps-hd h2::after{content:none!important}
.okr-apps-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:stretch}
@media (max-width:900px){.okr-apps-grid{grid-template-columns:1fr}}
/* 髪桜 */
.okr-ks{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;overflow:hidden;min-width:0;
  background:radial-gradient(90% 120% at 100% 0%,rgba(242,182,198,.38),transparent 55%),radial-gradient(70% 90% at 0% 100%,rgba(255,215,106,.18),transparent 60%),linear-gradient(150deg,#2b0a16,#5e1a33 55%,#8e2f52);
  box-shadow:0 14px 30px rgba(60,10,30,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.okr-ks::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,182,198,.25),transparent 70%);pointer-events:none}
html body a.okr-ks-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-decoration:none!important;color:#fff!important}
.okr-ks-ic{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;flex:none;background:linear-gradient(160deg,#ffe3ec,#f2b6c6);color:#5b1830;
  font:900 19px/1 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;letter-spacing:.02em;box-shadow:0 0 0 2px #ffd76a,0 8px 18px rgba(0,0,0,.25);writing-mode:vertical-rl}
.okr-ks-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .okr-ks-tx small{font:800 10.5px/1.2 var(--okr-font)!important;letter-spacing:.2em!important;color:#ffc9d8!important;-webkit-text-fill-color:#ffc9d8!important}
html body .okr-ks-tx b{display:flex;align-items:center;gap:8px;font:900 clamp(24px,3vw,32px)/1.15 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .okr-ks-tx b i{font:800 11px/1 var(--okr-font)!important;font-style:normal;padding:5px 9px;border-radius:999px;background:#ffd76a;color:#4a1426!important;-webkit-text-fill-color:#4a1426!important;letter-spacing:.06em}
html body .okr-ks-tx>span{font-size:13.5px!important;line-height:1.6!important;color:#ffe3ec!important;-webkit-text-fill-color:#ffe3ec!important}
.okr-ks-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;transition:transform .2s,background .2s}
a.okr-ks-top:hover .okr-ks-go{transform:translateX(3px);background:rgba(255,255,255,.22)}
.okr-ks-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 24px),transparent)}
.okr-ks-chips::-webkit-scrollbar{display:none}
html body .okr-ks-chips a{flex:none;scroll-snap-align:start;padding:9px 14px;border-radius:999px;text-decoration:none!important;white-space:nowrap;font:700 13px/1 var(--okr-font)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18);transition:background .15s}
html body .okr-ks-chips a:hover{background:rgba(255,255,255,.2)!important}
.okr-ks-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
html body a.okr-ks-btn{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 18px;border-radius:999px;text-decoration:none!important;font:800 14.5px/1 var(--okr-font)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)}
html body a.okr-ks-btn.p{background:#ffd76a!important;color:#4a1426!important;-webkit-text-fill-color:#4a1426!important;border-color:#ffd76a;box-shadow:0 6px 16px rgba(255,200,80,.3)}
html body a.okr-ks-btn svg{width:17px;height:17px}
html body .okr-ks-st{font-size:12px!important;color:#ffc9d8!important;-webkit-text-fill-color:#ffc9d8!important;margin-left:auto}
@media (max-width:520px){html body .okr-ks-st{margin-left:0;width:100%}html body a.okr-ks-btn.p{flex:1;justify-content:center}}
/* SHOP・WIKI */
.okr-app-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:12px}
.okr-app-list li{list-style:none!important;margin:0!important;padding:0!important;flex:1;display:flex}
.okr-app-list li::before,.okr-app-list li::marker{content:none!important}
html body a.okr-app{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:20px;text-decoration:none!important;
  background:#fff!important;border:1px solid rgba(90,30,40,.1);box-shadow:0 6px 16px rgba(60,20,20,.06);transition:transform .18s,box-shadow .18s}
html body a.okr-app:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(60,20,20,.12)}
.okr-app-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:none}
.okr-app-ic svg{width:28px;height:28px}
.okr-app-shop .okr-app-ic{background:linear-gradient(150deg,#d8344a,#8f1322);box-shadow:0 0 0 2px #ffd76a}
.okr-app-wiki .okr-app-ic{background:linear-gradient(150deg,#3f86d9,#173f86);box-shadow:0 0 0 2px #ffd76a}
.okr-app-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .okr-app-tx b{font:900 16px/1.2 var(--okr-font)!important;letter-spacing:.04em!important;color:#2a1512!important;-webkit-text-fill-color:#2a1512!important}
html body .okr-app-tx span{font-size:12.5px!important;line-height:1.5!important;color:#7a6658!important;-webkit-text-fill-color:#7a6658!important}
html body .okr-app-get{font:900 13px/1 var(--okr-font)!important;padding:9px 16px;border-radius:999px;background:#f3ece4;color:#a81c2b!important;-webkit-text-fill-color:#a81c2b!important}
html body .okr-app-wiki .okr-app-get{color:#1f5aa6!important;-webkit-text-fill-color:#1f5aa6!important}

/* =====================================================================
   v1.1  子ヒーロー（トップ以外のページ）
   ===================================================================== */
.okr-ch{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:clamp(270px,34vw,440px);display:flex;flex-direction:column;justify-content:flex-end;
  background:#16070c;color:#fff;font-family:var(--okr-font);box-sizing:border-box;margin:0 0 18px}
.okr-ch *{box-sizing:border-box}
.okr-ch.okr-ch-c{min-height:clamp(190px,20vw,250px)}
.okr-ch-bg{position:absolute;inset:0;z-index:-1}
.okr-ch-bg img{position:absolute;right:0;top:0;height:100%;width:64%;object-fit:cover;object-position:50% 25%;opacity:.9;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%);animation:okr-kb 22s ease-in-out infinite alternate;transform-origin:70% 40%}
@keyframes okr-kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,1%)}}
.okr-ch-glow{position:absolute;inset:0;background:radial-gradient(60% 90% at 0% 100%,rgba(168,28,43,.85),transparent 70%),radial-gradient(40% 60% at 30% 0%,rgba(255,190,70,.22),transparent 70%),linear-gradient(90deg,#16070c 0%,rgba(22,7,12,.86) 38%,rgba(22,7,12,.2) 70%,rgba(22,7,12,.35) 100%)}
.okr-ch-grain{position:absolute;inset:0;opacity:.18;background:radial-gradient(rgba(255,255,255,.35) .6px,transparent .8px) 0 0/4px 4px;mix-blend-mode:overlay}
.okr-ch-wm{position:absolute;left:-.04em;bottom:44px;z-index:-1;font:900 clamp(90px,17vw,260px)/.8 var(--okr-font)!important;letter-spacing:-.02em!important;white-space:nowrap;
  color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.2px rgba(255,215,106,.28);pointer-events:none;user-select:none;animation:okr-wm 30s linear infinite alternate}
@keyframes okr-wm{to{transform:translateX(-6%)}}
.okr-ch-in{position:relative;max-width:1240px;width:100%;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,40px) 20px}
.okr-ch-crumb{display:flex;align-items:center;gap:8px;font:600 12px/1 var(--okr-font)!important;margin:0 0 14px;flex-wrap:wrap}
html body .okr-ch-crumb a,html body .okr-ch-crumb span{color:rgba(255,236,220,.75)!important;-webkit-text-fill-color:rgba(255,236,220,.75)!important;text-decoration:none!important}
html body .okr-ch-crumb a{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1)}
html body .okr-ch-crumb a:hover{background:rgba(255,255,255,.2)}
html body .okr-ch-crumb [aria-current]{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .okr-ch-eye{display:flex;align-items:center;gap:12px;margin:0 0 10px!important;font:800 12.5px/1 var(--okr-font)!important;letter-spacing:.42em!important;color:#ffd76a!important;-webkit-text-fill-color:#ffd76a!important}
.okr-ch-eye i{display:block;width:42px;height:2px;background:linear-gradient(90deg,#ffd76a,rgba(255,215,106,0))}
html body .okr-ch-tt{margin:0!important;padding:0!important;font:900 clamp(34px,6.2vw,76px)/1.08 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;letter-spacing:.03em!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 4px 30px rgba(0,0,0,.45),0 0 1px rgba(255,215,106,.6);max-width:16em;overflow-wrap:anywhere;animation:okr-up .7s cubic-bezier(.2,.8,.2,1) both}
.okr-ch-c .okr-ch-tt{font-size:clamp(26px,4vw,46px)!important}
html body .okr-ch-sub{margin:12px 0 0!important;max-width:36em;font-size:clamp(13.5px,1.4vw,16px)!important;line-height:1.75!important;color:rgba(255,236,220,.88)!important;-webkit-text-fill-color:rgba(255,236,220,.88)!important;animation:okr-up .7s .08s cubic-bezier(.2,.8,.2,1) both}
@keyframes okr-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.okr-ch-tabs{position:relative;border-top:1px solid rgba(255,215,106,.22);background:rgba(10,3,6,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.okr-ch-tabs-in{max-width:1240px;margin:0 auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px clamp(10px,4vw,34px);scroll-snap-type:x proximity}
.okr-ch-tabs-in::-webkit-scrollbar{display:none}
html body .okr-ch-tabs a{flex:none;scroll-snap-align:start;padding:9px 15px;border-radius:999px;text-decoration:none!important;white-space:nowrap;font:700 13.5px/1 var(--okr-font)!important;
  color:rgba(255,240,228,.86)!important;-webkit-text-fill-color:rgba(255,240,228,.86)!important;background:transparent!important;transition:background .15s}
html body .okr-ch-tabs a:hover{background:rgba(255,255,255,.1)!important}
html body .okr-ch-tabs a.on{background:#ffd76a!important;color:#2a0d14!important;-webkit-text-fill-color:#2a0d14!important}
html body .okr-ch-tabs a.ks{color:#ffc9d8!important;-webkit-text-fill-color:#ffc9d8!important}
@media (max-width:760px){
  .okr-ch-bg img{width:100%;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}
  .okr-ch-glow{background:radial-gradient(90% 70% at 0% 100%,rgba(168,28,43,.85),transparent 70%),linear-gradient(180deg,rgba(22,7,12,.15),rgba(22,7,12,.85) 75%)}
  .okr-ch-wm{bottom:48px}
}
@media (prefers-reduced-motion:reduce){.okr-ch-bg img,.okr-ch-wm,.okr-ch-tt,.okr-ch-sub{animation:none!important}}
/* v1.1 押さえ：サイト全体の文字の設定（丸い字・広い字間）に負けない */
html body .okr-apps,html body .okr-apps *,html body .okr-ch,html body .okr-ch *{font-family:var(--okr-font)!important;letter-spacing:normal!important}
html body .okr-ks-ic,html body .okr-ks-tx b,html body .okr-ch-tt{font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif!important}
html body .okr-ch-tt{letter-spacing:.03em!important}
html body .okr-ch-eye{letter-spacing:.42em!important}
html body .okr-apps-hd small{letter-spacing:.28em!important}
html body .okr-ks-tx small{letter-spacing:.2em!important}
html body .okr-ch-wm{font-family:var(--okr-font)!important;letter-spacing:-.02em!important}
html body a.okr-ks-btn,html body .okr-ks-chips a,html body .okr-ch-tabs a,html body .okr-app-get{white-space:nowrap!important}
/* v1.1 さらに押さえ：サイトの html:not(#_)… の強い指定と同じ強さで、文字の形と字間をこちらに戻す */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.okr-apps,.okr-ch,#okr-net,#okr-tabs,#okr-sheet) :is(*){font-family:var(--okr-font)!important;letter-spacing:normal!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.okr-ks-ic,.okr-ks-tx b,.okr-ch-tt,.okr-net-mark){font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch-tt{letter-spacing:.03em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch-eye{letter-spacing:.42em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-apps-hd small{letter-spacing:.28em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ks-tx small{letter-spacing:.2em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch-wm{letter-spacing:-.02em!important;-webkit-text-stroke:1.2px rgba(255,215,106,.2)}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-sh-g h3{letter-spacing:.14em!important}

/* =====================================================================
   v1.2  御来屋のサービス ― PV/MV 付きのアプリカード
   ===================================================================== */
.okr-a2{max-width:1240px;margin:clamp(36px,6vw,72px) auto;padding:0 clamp(12px,3vw,24px);box-sizing:border-box;font-family:var(--okr-font)}
.okr-a2 *{box-sizing:border-box}
.okr-a2-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 4px 18px}
html body .okr-a2-hd small{display:block;font:800 11px/1 var(--okr-font)!important;letter-spacing:.3em!important;color:#3a86c8!important;-webkit-text-fill-color:#3a86c8!important;margin-bottom:8px}
html body .okr-a2-hd h2{margin:0!important;padding:0!important;border:0!important;background:none!important;font:900 clamp(24px,3.4vw,36px)/1.15 var(--okr-font)!important;color:#16314f!important;-webkit-text-fill-color:#16314f!important;letter-spacing:.02em!important}
html body .okr-a2-hd h2::before,html body .okr-a2-hd h2::after{content:none!important;display:none!important}
html body .okr-a2-hd p{margin:0!important;font-size:14px!important;color:#4d6a86!important;-webkit-text-fill-color:#4d6a86!important}
/* PV の枠（共通） */
.okr-pv{position:relative;display:block;overflow:hidden;background:#14070b;isolation:isolate;text-decoration:none!important}
.okr-pv canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.okr-pv-pp{all:unset;position:absolute;right:12px;bottom:14px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:transform .15s,background .15s}
.okr-pv-pp:hover{background:rgba(0,0,0,.55);transform:scale(1.06)}
.okr-pv-pp:focus-visible{outline:2px solid #ffd76a;outline-offset:2px}
.okr-pv-pp .pl{display:none}.okr-pv.paused .okr-pv-pp .pl{display:block}.okr-pv.paused .okr-pv-pp .pa{display:none}
.okr-pv-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:2}
.okr-pv-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd76a,#fff);transform-origin:0 50%;transform:scaleX(0)}
.okr-pv-tag{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font:800 10px/1 var(--okr-font);letter-spacing:.14em;color:#fff;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.okr-pv-tag b{width:7px;height:7px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 3px rgba(255,77,94,.25);animation:okr-rec 1.4s infinite}
.okr-pv.paused .okr-pv-tag b{animation:none;background:#bbb;box-shadow:none}
@keyframes okr-rec{50%{opacity:.35}}
/* 髪桜：横長の大きなバナー＋左にガラスの情報パネル */
.okr-a2-ks{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(30,70,120,.45),0 0 0 1px rgba(255,255,255,.7);background:#1a0710}
.okr-a2-ks .okr-a2-pv{aspect-ratio:3.1/1;min-height:300px;max-height:400px;width:100%}
.okr-a2-over{position:absolute;left:clamp(14px,2.4vw,28px);top:50%;transform:translateY(-50%);width:min(440px,46%);z-index:4;color:#fff;
  padding:clamp(16px,2vw,22px);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.08));-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 20px 40px rgba(0,0,0,.25)}
.okr-a2-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.okr-a2-ic{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff}
.okr-a2-ic svg{width:26px;height:26px}
.okr-a2-ic.ks{background:linear-gradient(160deg,#ffe3ec,#f2a6bd);color:#5b1830;font:900 15px/1 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;writing-mode:vertical-rl;box-shadow:0 0 0 2px rgba(255,215,106,.9)}
.okr-a2-ic.shop{background:linear-gradient(150deg,#ff5a6e,#a5162b)}
.okr-a2-ic.wiki{background:linear-gradient(150deg,#5aa2ff,#1d4fa0)}
html body .okr-a2-id small{display:block;font:800 10.5px/1 var(--okr-font)!important;letter-spacing:.22em!important;color:#ffd2de!important;-webkit-text-fill-color:#ffd2de!important;margin-bottom:5px}
html body .okr-a2-id b{display:block;font:900 30px/1 "Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.okr-a2-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:800 11px/1 var(--okr-font);font-style:normal;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff}
.okr-a2-live i{width:7px;height:7px;border-radius:50%;background:#5ef0a0;box-shadow:0 0 0 3px rgba(94,240,160,.25)}
html body .okr-a2-desc{margin:12px 0!important;font-size:13.5px!important;line-height:1.75!important;color:#fff3f6!important;-webkit-text-fill-color:#fff3f6!important}
.okr-a2-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
html body .okr-a2-chips a{padding:7px 11px;border-radius:999px;font:700 12px/1 var(--okr-font)!important;text-decoration:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .15s;white-space:nowrap}
html body .okr-a2-chips a:hover{background:rgba(255,255,255,.28)!important}
.okr-a2-act{display:flex;gap:8px;flex-wrap:wrap}
html body a.okr-a2-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;text-decoration:none!important;white-space:nowrap;font:800 14.5px/1 var(--okr-font)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:transform .15s,background .15s}
html body a.okr-a2-btn svg{width:18px;height:18px}
html body a.okr-a2-btn.p{background:#fff!important;color:#7a1e3f!important;-webkit-text-fill-color:#7a1e3f!important;box-shadow:0 10px 24px rgba(0,0,0,.25)}
html body a.okr-a2-btn:active{transform:scale(.96)}
html body .okr-a2-note{margin:10px 0 0!important;font-size:11.5px!important;color:#ffd2de!important;-webkit-text-fill-color:#ffd2de!important}
/* SHOP・WIKI：PV バナー＋アプリの行 */
.okr-a2-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);margin-top:clamp(14px,2vw,22px)}
.okr-a2-app{border-radius:28px;overflow:hidden;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 26px 50px -30px rgba(30,70,120,.45),0 0 0 1px rgba(255,255,255,.9);display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.okr-a2-app:hover{transform:translateY(-4px)}
.okr-a2-app .okr-a2-pv{aspect-ratio:2.35/1;width:100%;border-radius:0}
html body a.okr-a2-info{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;text-decoration:none!important}
.okr-a2-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
html body .okr-a2-tx b{display:flex;align-items:center;gap:8px;font:900 16.5px/1.2 var(--okr-font)!important;color:#16314f!important;-webkit-text-fill-color:#16314f!important;letter-spacing:.03em!important}
html body .okr-a2-tx b i{font:800 10px/1 var(--okr-font)!important;font-style:normal;padding:4px 7px;border-radius:999px;background:#eaf4fd;color:#3a86c8!important;-webkit-text-fill-color:#3a86c8!important}
html body .okr-a2-tx>span{font-size:12.5px!important;line-height:1.5!important;color:#5b7690!important;-webkit-text-fill-color:#5b7690!important}
html body .okr-a2-get{font:900 13px/1 var(--okr-font)!important;padding:10px 18px;border-radius:999px;background:#eaf4fd;color:#2a74b8!important;-webkit-text-fill-color:#2a74b8!important;white-space:nowrap;transition:background .15s}
.okr-a2-app.shop .okr-a2-get{background:#fdecef;color:#c0283f!important;-webkit-text-fill-color:#c0283f!important}
html body a.okr-a2-info:hover .okr-a2-get{background:#16314f;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media (max-width:900px){
  .okr-a2-row{grid-template-columns:1fr}
  .okr-a2-ks .okr-a2-pv{aspect-ratio:16/8.5;min-height:0;max-height:none}
  .okr-a2-over{position:relative;left:auto;top:auto;transform:none;width:auto;margin:-46px 10px 10px;border-radius:22px;background:linear-gradient(160deg,#4a1229,#7a2442);-webkit-backdrop-filter:none;backdrop-filter:none}
  .okr-a2-app .okr-a2-pv{aspect-ratio:16/7.5}
}
@media (max-width:520px){html body .okr-a2-id b{font-size:26px!important}.okr-a2-act a.okr-a2-btn.p{flex:1;justify-content:center}}

/* =====================================================================
   v1.2  空のテーマ（御来屋）：薄い水色＋白い雲の切り絵・余白・つながり
   ・html.okr-sky のときだけ（okr_net_head が付ける）
   ===================================================================== */
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______){background:linear-gradient(180deg,#a9dcff 0%,#cdeeff 26%,#e4f6ff 55%,#f3fbff 80%,#fbfeff 100%) fixed!important;background-color:#dff3ff!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______)::before{display:none!important;content:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body{background:transparent!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body::after{display:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xfg-sky{display:none!important}
#okr-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#okr-sky::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 8%,rgba(255,214,236,.55),transparent 70%),radial-gradient(50% 45% at 8% 30%,rgba(214,226,255,.6),transparent 70%),radial-gradient(70% 40% at 50% 100%,rgba(255,255,255,.9),transparent 70%)}
#okr-sky canvas{position:absolute;inset:0;width:100%;height:100%}
/* セクションの背景・区切り（ガーランド・チェック柄・額縁）をなくして、空にそのまま乗せる */
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs,.xfg-sec,.xfc,.xfc-band,.explore-zone,.pu-sec,.section-head,.layout,.main-col,.side,.xfs-home,.xfs-foot,.tweet-zone){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs,.xfg-sec,.xfc,.xfc-band)::before,
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs,.xfg-sec,.xfc,.xfc-band)::after{display:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs,.xfg-sec,.xfc,.xfc-band,.okr-apps){margin-top:clamp(28px,5vw,64px)!important;margin-bottom:clamp(28px,5vw,64px)!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .explore-zone{border:0!important}
/* カード：白いガラス・大きな角丸・やわらかい影（太い黄色の枠はやめる） */
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs-block,.xfp-wrap,.xms-ser,.xfs-post,.panel,.ab-plate,.zk-hero,.side,.rxb,.blk,.music-item,.xfc-act,.xfc-formcard,.xbiz,.ab-tl-i,.empty-note,.xfs-player,.of-card,.honpen-card,.media-card,.zk-card,.pu-lib-card,.ch-card,.ec-card,.xcd,.ca2,.mtrk-card,.sr-pcard,.xfs-vi){
  background:rgba(255,255,255,.78)!important;background-image:none!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:24px!important;
  box-shadow:0 18px 40px -26px rgba(40,90,150,.45),0 2px 6px rgba(40,90,150,.05)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .side{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .side > *{border-radius:24px!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.of-card,.honpen-card)::before,
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.of-card,.honpen-card)::after{display:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xfp-cell{border-radius:20px!important;border-color:rgba(255,255,255,.95)!important;box-shadow:0 14px 30px -20px rgba(40,90,150,.5)!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xfs-post.xfs-lead1{border-width:1px!important}
/* 見出しの飾りを軽く */
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.pu-sec,.section-head)::after{opacity:.55}
/* フッター：夕方の空（赤い帯から、空の色へ） */
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body footer.xff{background:linear-gradient(180deg,rgba(84,140,205,0) 0,#5f93cf 90px,#3d6aa6 55%,#27497f 100%)!important;padding-top:90px!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body footer.xff :is(.xff-tiles,.xff-bot){background:rgba(10,30,70,.18)!important}
/* 子ヒーローも空になじませる（下の端をふわっと） */
html.okr-sky .okr-ch{border-radius:0 0 34px 34px;margin-bottom:clamp(24px,4vw,48px)}

/* =====================================================================
   v1.2  Web アプリらしさ（全サイト）
   ===================================================================== */
/* 押した手ごたえ */
:is(.okr-a2-app,.okr-tab,.okr-sh-it,.okr-net-a,.okr-sh-chip,.okr-ch-tabs a):active{transform:scale(.97)}
/* 画像はふわっと出す（読み込みが終わったら） */
img.okr-fade{opacity:0;transition:opacity .45s ease}
img.okr-fade.okr-in{opacity:1}
/* シート：スマホは下から引き出し、つまんで下ろすと閉じる */
#okr-sheet .okr-sh.drag{transition:none!important}
#okr-sheet .okr-sh-inst{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;margin:8px 8px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#16314f,#3a86c8);color:#fff;font:700 14px/1.3 var(--okr-font)}
#okr-sheet .okr-sh-inst small{display:block;font-weight:500;font-size:12px;opacity:.85}
/* タブバー：ガラスをもっと強く・選んだタブの丸 */
@media (max-width:860px){
  html body #okr-tabs{background:rgba(255,255,255,.72)!important;border-top:0!important;box-shadow:0 -1px 0 rgba(255,255,255,.9),0 -10px 30px rgba(40,90,150,.12)!important;-webkit-backdrop-filter:saturate(1.8) blur(22px)!important;backdrop-filter:saturate(1.8) blur(22px)!important}
  #okr-tabs .okr-tab.on{background:rgba(58,134,200,.1)}
  #okr-tabs .okr-tab.on::before{display:none}
  #okr-tabs .okr-tab.on svg{transform:translateY(-1px) scale(1.08)}
}
/* v1.2 押さえ：PV カードの字体／残っていた黄色い額縁 */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 :is(*){font-family:var(--okr-font)!important;letter-spacing:normal!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 :is(.okr-a2-id b,.okr-a2-ic.ks){font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-hd small{letter-spacing:.3em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-id small{letter-spacing:.22em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-pv-tag{letter-spacing:.14em!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.pu-side-box,.pu-mag,.ix-mw,.official-zone,.ab-tl,.zk-stat){
  background:rgba(255,255,255,.78)!important;background-image:none!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:24px!important;
  box-shadow:0 18px 40px -26px rgba(40,90,150,.45)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.zk-hero,.ab-plate,.ab-tl,.official-zone,.ix-mw,.zk-stat)::before,
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.zk-stat,.ix-mw)::after{display:none!important}
html.okr-sky:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.ab-photo,blockquote){border-color:rgba(255,255,255,.95)!important;border-radius:20px!important}
/* v1.3 重なりの整理 */
@media (max-width:860px){html body{padding-bottom:calc(var(--okr-tab-h) + var(--okr-dock-h,0px) + env(safe-area-inset-bottom,0px))!important}}
@media (min-width:861px){html:not(#_):not(#__):not(#___):not(#____):not(#_____) body aside.side{top:calc(var(--okr-gh-h,0px) + 14px)!important}}
html{scroll-padding-top:calc(var(--okr-gh-h,0px) + 12px)}

/* =====================================================================
   v1.4.2  白の背景（御来屋）：消すのは「背景」の派手な黄色・柄だけ（空の写真・チェック柄・レースの縁・セクションの柄）
   ・カードの枠・飾り・字体・文字の色・フッターなど、個別のデザインはそのまま（2026-11-12 ご指示で戻した）
   ・前の版（全体を白・黒文字・字体統一にしていた v1.4）：/root/backup/kamisakura-move-20261112-0934/okr-net.css.v141
   ===================================================================== */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______){background:#fff!important;background-image:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______)::before{display:none!important;content:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body{background:#fff!important;background-image:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body::after{display:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfg-sky,#okr-sky){display:none!important}
/* セクションの「背景の柄」だけ外す（枠・飾り・見出しの飾りは残す） */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.xfs,.xfg-sec,.xfc,.xfc-band,.xfs-home,.xfs-foot){background-color:transparent!important;background-image:none!important}
/* v1.4 子ヒーロー（白）：白地に作品の絵、文字は黒 */
html.okr-white .okr-ch{background:#fff;color:#111;border-bottom:1px solid #eee;border-radius:0;margin-bottom:clamp(16px,3vw,32px);min-height:clamp(220px,26vw,340px)}
html.okr-white .okr-ch.okr-ch-c{min-height:clamp(170px,16vw,220px)}
html.okr-white .okr-ch-bg img{opacity:1;width:58%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 55%);animation-duration:26s}
html.okr-white .okr-ch-glow{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,0) 62%)}
html.okr-white .okr-ch-grain{display:none}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch-wm{-webkit-text-stroke:1px rgba(0,0,0,.07)!important;color:transparent!important;bottom:52px}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch :is(.okr-ch-crumb a,.okr-ch-crumb span){color:#666!important;-webkit-text-fill-color:#666!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-crumb a{background:#f3f3f3}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-eye{color:#d1233f!important;-webkit-text-fill-color:#d1233f!important;font-size:12px!important;letter-spacing:.32em!important}
html.okr-white .okr-ch-eye i{background:#d1233f}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-tt{color:#111!important;-webkit-text-fill-color:#111!important;text-shadow:none!important;font-size:clamp(28px,4.4vw,52px)!important;font-weight:900!important;letter-spacing:.01em!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch.okr-ch-c .okr-ch-tt{font-size:clamp(22px,3vw,34px)!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-sub{color:#444!important;-webkit-text-fill-color:#444!important;font-size:14px!important}
html.okr-white .okr-ch-tabs{background:rgba(255,255,255,.9);border-top:1px solid #eee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-tabs a{color:#333!important;-webkit-text-fill-color:#333!important;font-size:13px!important;background:transparent!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-tabs a:hover{background:#f3f3f3!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-tabs a.on{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ch .okr-ch-tabs a.ks{color:#c2386a!important;-webkit-text-fill-color:#c2386a!important}
@media (max-width:760px){
  html.okr-white .okr-ch-bg img{width:100%;height:62%;opacity:1;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%)}
  html.okr-white .okr-ch-glow{background:linear-gradient(180deg,rgba(255,255,255,0) 20%,#fff 62%)}
}
/* v1.4 サービス欄（白・明るい PV） */
html.okr-white .okr-a2{margin:clamp(20px,4vw,48px) auto}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-hd small{color:#d1233f!important;-webkit-text-fill-color:#d1233f!important;font-size:11px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-hd h2{color:#111!important;-webkit-text-fill-color:#111!important;font-size:clamp(20px,2.4vw,26px)!important;font-weight:900!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-hd p{color:#555!important;-webkit-text-fill-color:#555!important;font-size:13px!important}
html.okr-white .okr-a2-ks{display:grid;grid-template-columns:minmax(300px,380px) 1fr;background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:none}
html.okr-white .okr-a2-ks .okr-a2-pv{order:2;aspect-ratio:auto;min-height:300px;max-height:none;height:100%}
html.okr-white .okr-a2-over{order:1;position:relative;left:auto;top:auto;transform:none;width:auto;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-radius:0;padding:20px 20px 18px}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 :is(.okr-a2-id b,.okr-a2-desc){color:#111!important;-webkit-text-fill-color:#111!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-id b{font-size:26px!important;font-weight:900!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-id small{color:#c2386a!important;-webkit-text-fill-color:#c2386a!important;font-size:10.5px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-desc{font-size:13px!important;line-height:1.7!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-note{color:#888!important;-webkit-text-fill-color:#888!important;font-size:11px!important}
html.okr-white .okr-a2-live{background:#eafbf2;color:#0a7d4a}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-chips a{background:#fdf0f4!important;color:#a3264f!important;-webkit-text-fill-color:#a3264f!important;box-shadow:none;font-size:12px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 a.okr-a2-btn{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;box-shadow:inset 0 0 0 1px #ddd;height:42px;font-size:14px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 a.okr-a2-btn.p{background:#ff5c93!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 16px rgba(255,92,147,.3)}
html.okr-white .okr-a2-app{background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-tx b{color:#111!important;-webkit-text-fill-color:#111!important;font-size:15px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-a2 .okr-a2-tx>span{color:#666!important;-webkit-text-fill-color:#666!important;font-size:12px!important}
/* PV の上の小さなボタン・表示は白（黒を使わない） */
.okr-pv-pp{color:#ff4d8d;background:rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(255,77,141,.25)}
.okr-pv-pp:hover{background:#fff}
.okr-pv-tag{color:#ff4d8d;background:rgba(255,255,255,.88);font-weight:900}
.okr-pv-bar{background:rgba(255,255,255,.5)}.okr-pv-bar i{background:linear-gradient(90deg,#ff5c93,#ffd23f,#5ccfff)}
.okr-a2-ks,.okr-pv{background:#fff0f6}
@media (max-width:900px){html.okr-white .okr-a2-ks{grid-template-columns:1fr}html.okr-white .okr-a2-ks .okr-a2-pv{order:1;aspect-ratio:16/8.5;min-height:0;height:auto}html.okr-white .okr-a2-over{order:2;margin:0;border-radius:0}}
/* アートウォール：絵をぎっしり（文字は最小限） */
.okr-wall{max-width:1240px;margin:clamp(20px,4vw,44px) auto;padding:0 clamp(10px,2.4vw,24px);box-sizing:border-box;font-family:var(--okr-font-ui,var(--okr-font))}
.okr-wall *{box-sizing:border-box}
.okr-wall-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 10px;flex-wrap:wrap}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-hd h2{margin:0!important;padding:0!important;border:0!important;background:none!important;font:900 clamp(18px,2vw,22px)/1.2 var(--okr-font-ui,var(--okr-font))!important;color:#111!important;-webkit-text-fill-color:#111!important;display:flex;align-items:baseline;gap:8px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-hd h2::before,html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-hd h2::after{content:none!important;display:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-hd h2 small{font-size:12px!important;color:#999!important;-webkit-text-fill-color:#999!important;font-weight:700}
.okr-wall-hd nav{display:flex;gap:6px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-hd nav a{font:700 12.5px/1 var(--okr-font-ui,var(--okr-font))!important;padding:8px 12px;border-radius:999px;background:#f3f3f3!important;color:#111!important;-webkit-text-fill-color:#111!important;text-decoration:none!important}
.okr-wall-grid{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:118px;grid-auto-flow:dense;gap:4px}
@media (max-width:600px){.okr-wall-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:31vw;gap:3px}}
.okr-wall-grid li{list-style:none!important;margin:0!important;padding:0!important;position:relative;overflow:hidden;border-radius:6px;background:#f4f4f4}
.okr-wall-grid li::before,.okr-wall-grid li::marker{content:none!important}
.okr-wall-grid li.big{grid-column:span 2;grid-row:span 2}
.okr-wall-grid a{display:block;width:100%;height:100%}
.okr-wall-grid img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1);margin:0!important;max-width:none!important}
.okr-wall-grid a:hover img{transform:scale(1.06)}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wall-grid span{position:absolute;left:5px;bottom:5px;font:800 10px/1 var(--okr-font-ui,var(--okr-font))!important;padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.92);color:#111!important;-webkit-text-fill-color:#111!important;opacity:0;transition:opacity .2s}
.okr-wall-grid a:hover span,.okr-wall-grid a:focus-visible span{opacity:1}
/* v1.4.3 音楽プレイヤーは全版でいちばん手前（帯・タブバー・ヘッダー・コメント欄より前）。開いたメニューのシート（#okr-sheet）だけはその上 */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #mdock .md-scrim{z-index:2147480000!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #mdock .md-tab{z-index:2147480100!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #mdock .md-rail{z-index:2147480100!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #mdock .md-panel{z-index:2147480200!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #okr-sheet{z-index:2147480500!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #okr-toast{z-index:2147480400!important}
/* v1.4.4 黄色い飾りの棒・線（疑似要素）を外す：カードの上の黄色い帯・額縁の線・見出しの下線など */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.of-card,.honpen-card,.zk-hero,.ab-plate,.ab-tl,.official-zone,.ix-mw,.zk-stat,span.frame,.xfs-block,.xfs-post,.music-item,.pu-side-box)::before,
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.of-card,.honpen-card,.zk-stat,.ix-mw,span.frame,.ab-plate,.zk-hero)::after{display:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(.pu-sec,.section-head)::after{display:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body hr{border-color:#eee!important;background:#eee!important}
/* =====================================================================
   v1.5 キャラクター（切り抜き）
   ===================================================================== */
.okr-chr{position:absolute;pointer-events:none;user-select:none;max-width:none!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;
  filter:drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff) drop-shadow(0 6px 8px rgba(60,30,40,.18));
  opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,1.4,.4,1);will-change:transform}
.okr-chr.in,.in>.okr-chr,.okr-chr-h.in .okr-chr,.okr-chr-ft.in .okr-chr{opacity:1}
/* 見出しの右端 */
.okr-chr-h{position:absolute;right:4px;bottom:-2px;display:flex;align-items:flex-end;pointer-events:none;z-index:2;line-height:0}
.okr-chr-h .okr-chr{position:relative}
.okr-chr-h .okr-chr.peek{transform:translateY(14px) rotate(4deg)}.okr-chr-h.in .okr-chr.peek{transform:rotate(4deg)}
.okr-chr-h .okr-chr.hop{transform:translateY(18px)}.okr-chr-h.in .okr-chr.hop{transform:none;animation:okr-hop 3.2s ease-in-out 1s infinite}
.okr-chr-h .okr-chr.duo1{transform:translateY(12px) rotate(-5deg);margin-right:-14px;z-index:2}.okr-chr-h.in .okr-chr.duo1{transform:rotate(-5deg)}
.okr-chr-h .okr-chr.duo2{transform:translateY(12px) rotate(6deg)}.okr-chr-h.in .okr-chr.duo2{transform:rotate(6deg)}
@keyframes okr-hop{0%,70%,100%{transform:none}78%{transform:translateY(-8px)}86%{transform:none}92%{transform:translateY(-3px)}}
/* ブロックの上辺にちょうど乗せる（上半身の下端＝ブロックの上辺） */
.okr-chr.ontop{bottom:100%;z-index:3;transform:translateY(10px)}.okr-chr.ontop.in{transform:none}
.okr-chr.ontop.r{right:18px}.okr-chr.ontop.l{left:18px}
/* フッターの上辺に並ぶ */
.okr-chr-ft{position:absolute;left:0;right:0;bottom:100%;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none;z-index:2;padding:0 6%;line-height:0}
.okr-chr-ft .okr-chr{position:relative;transform:translateY(16px)}
.okr-chr-ft.in .okr-chr{transform:none}
.okr-chr-ft.in .okr-chr:nth-child(2n){transition-delay:.12s}.okr-chr-ft.in .okr-chr:nth-child(3n){transition-delay:.22s}
/* スマホのタブバーの上辺から顔を出す（音楽プレイヤー・コメントのボタンより下） */
#okr-tabs .okr-chr.tab{bottom:100%;top:auto;z-index:-1;opacity:1;transform:translateY(6px)}
/* PC の左右の余白に立つ */
.okr-chr.side{position:fixed;bottom:0;z-index:5;transform:translateY(30px)}
.okr-chr.side.in{transform:none;animation:okr-sway 7s ease-in-out 1.2s infinite;transform-origin:50% 100%}
@keyframes okr-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(1.2deg)}}
.okr-chr-still .okr-chr{animation:none!important;transition:none!important}
@media print{.okr-chr,.okr-chr-h,.okr-chr-ft{display:none!important}}
/* v1.5.1 キャラ：サイト全体の画像の飾り（白い地・影・枠・余白）を確実に外す */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body img.okr-chr{background:none!important;background-color:transparent!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;
  filter:drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff) drop-shadow(0 6px 8px rgba(60,30,40,.18))!important;max-width:none!important;object-fit:contain!important;aspect-ratio:auto!important}

/* =====================================================================
   v1.6  影・陰影は全部なし／ボタンは背景なし・黒い太字／上の細い帯は白（御来屋・白のテーマ）
   ===================================================================== */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(*,*::before,*::after){box-shadow:none!important;text-shadow:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body img.okr-chr{filter:none!important}
/* ボタン：背景の色・枠・グラデーションをなくし、黒い太字＋下線で「押せる」と分かるように */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],a[class*="-pill"],[role="button"],input[type="submit"],input[type="button"],.okr-a2-btn,.okr-a2-get,.okr-a2-chips a,.okr-wall-hd nav a,.xfs-tab,.xfs-chip,.xfs-tabs a,.xfs-tabs button,.xfc-act,.xigm-go,.okr-ch-tabs a,.okr-sh-chip):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,.md-panel *,.md-tab *,#gh *,.okr-pv *,#okr-tabs *,.xigm-x,.xigm-pv,.xigm-nx,.xfyt-play,.mxArw,.okr-pv-pp,.zone,.okr-net-find))
 {background:transparent!important;background-image:none!important;border-color:transparent!important;color:#111!important;-webkit-text-fill-color:#111!important;font-weight:900!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],[role="button"],.xfs-tab,.xfs-tabs a,.xfs-tabs button,.okr-ch-tabs a,.okr-sh-chip):is(.on,.active,[aria-current],[aria-pressed="true"],[aria-selected="true"]):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,#gh *,#okr-tabs *))
 {text-decoration-color:#e8336b!important;text-decoration-thickness:4px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],[role="button"]) :is(span,b,small,i,em,strong):not(:empty):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,#gh *,#okr-tabs *,.okr-pv *)){color:#111!important;-webkit-text-fill-color:#111!important;background:transparent!important}
/* 上の細い帯：白・黒文字 */
html body #okr-net{background:#fff!important;color:#111!important;border-bottom:1px solid #eee!important}
html body #okr-net a.okr-net-a{color:#111!important;-webkit-text-fill-color:#111!important;font-weight:700!important}
html body #okr-net a.okr-net-a:hover{background:transparent!important;text-decoration:underline!important;text-underline-offset:4px}
html body #okr-net a.okr-net-a.on{background:transparent!important;color:#111!important;-webkit-text-fill-color:#111!important;font-weight:900!important;text-decoration:underline!important;text-decoration-color:#e8336b!important;text-decoration-thickness:3px!important;text-underline-offset:5px}
html body #okr-net a.okr-net-ks span,html body #okr-net a.okr-net-ks.on span{color:#111!important;-webkit-text-fill-color:#111!important}
html body #okr-net .okr-net-a em{background:transparent!important;color:#e8336b!important;-webkit-text-fill-color:#e8336b!important;padding:0!important;font-weight:900}
html body #okr-net .okr-net-find{background:transparent!important;border:0!important;color:#111!important}
html body #okr-net .okr-net-find kbd{background:transparent!important;color:#666!important}
html body #okr-net .okr-net-list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
/* Latest Posts：スマホ 3 列・PC 6 列で大胆に（大きな正方形の絵・題は 2 行まで） */
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 8px!important}
@media (min-width:700px){html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1000px){html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px 10px!important}}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd{border:0!important;background:transparent!important;padding:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd-p{aspect-ratio:1/1!important;border-radius:10px!important;overflow:hidden!important;display:block!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd-p img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd:hover .xcd-p img{transform:scale(1.06)}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd-b b{font-size:12.5px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111!important;-webkit-text-fill-color:#111!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-grid .xcd-b small{font-size:11px!important}
/* NEW のシール（平成のサイト風・つや消し・点滅） */
html:not(#_):not(#__):not(#___):not(#____):not(#_____) body .xcd-new{background:#ff2e63!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:900 11px/1 "Arial Black",system-ui,sans-serif!important;padding:4px 7px!important;border-radius:4px!important;transform:rotate(-8deg);animation:okr-blink 1.1s steps(1) infinite;border:0!important}
@keyframes okr-blink{50%{background:#ffd400;color:#111;-webkit-text-fill-color:#111}}
@media (prefers-reduced-motion:reduce){html body .xcd-new{animation:none!important}}
/* =====================================================================
   v1.6  WordPress 風のナビ・パンくず・平成のアニメサイト風の飾り（白地・黒文字・影なし・つや消し）
   ===================================================================== */
.okr-wp{max-width:1240px;margin:clamp(30px,5vw,60px) auto 20px;padding:0 clamp(12px,3vw,24px);box-sizing:border-box;font-family:var(--okr-font-ui,var(--okr-font));color:#111}
.okr-wp *{box-sizing:border-box}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-h{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;font:900 16px/1.3 var(--okr-font-ui,var(--okr-font))!important;color:#111!important;-webkit-text-fill-color:#111!important;letter-spacing:.04em!important;display:flex;align-items:center;gap:6px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-h::before,html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-h::after{content:none!important;display:none!important}
.okr-wp-h i{font-style:normal;color:#ff2e63}
.okr-wp-w:nth-child(2) .okr-wp-h i{color:#ffb300}.okr-wp-w:nth-child(3) .okr-wp-h i{color:#00b3c6}.okr-wp-w:nth-child(4) .okr-wp-h i{color:#8a3fd1}
.okr-wp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
@media (max-width:1000px){.okr-wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.okr-wp-grid{grid-template-columns:1fr}}
.okr-wp-w{min-width:0}
.okr-wp-l{list-style:none!important;margin:0 0 18px!important;padding:0!important}
.okr-wp-l li{list-style:none!important;margin:0!important;padding:5px 0!important;font-size:13.5px;line-height:1.5}
.okr-wp-l li::before{content:"♪ "!important;color:#ff2e63;font-weight:900}
.okr-wp-l li::marker{content:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-l a{color:#111!important;-webkit-text-fill-color:#111!important;text-decoration:none!important;font-weight:700!important;background:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-l a:hover{text-decoration:underline!important;text-underline-offset:3px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp .okr-wp-l a[aria-current]{text-decoration:underline!important;text-decoration-color:#ff2e63!important;text-decoration-thickness:3px!important}
.okr-wp-l small{color:#666;font-size:11.5px;margin-left:4px}
.okr-wp-recent li small{display:block;margin:2px 0 0}
.okr-new{font-style:normal;font:900 10.5px/1 "Arial Black",system-ui,sans-serif;color:#fff;background:#ff2e63;padding:2px 5px;border-radius:3px;display:inline-block;transform:rotate(-6deg);animation:okr-blink 1.1s steps(1) infinite}
.okr-wp-s{display:flex;gap:6px;margin:0 0 18px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp-s input{flex:1;min-width:0;padding:9px 0!important;border:0!important;border-bottom:2px solid #111!important;border-radius:0!important;background:transparent!important;font:600 14px var(--okr-font-ui,var(--okr-font))!important;color:#111!important}
.okr-wp-s input:focus{outline:0;border-bottom-color:#ff2e63!important}
/* 前後の記事・関連 */
.okr-wp-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 30px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp-pn a{display:flex;flex-direction:column;gap:4px;text-decoration:none!important;color:#111!important;-webkit-text-fill-color:#111!important;padding:8px 0}
.okr-wp-pn a.next{text-align:right}
.okr-wp-pn small{font-weight:900;color:#ff2e63;font-size:12px}
.okr-wp-pn b{font-weight:800;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.okr-wp-pn a:hover b{text-decoration:underline;text-underline-offset:3px}
.okr-wp-rel{margin:0 0 34px}
.okr-wp-rel ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 10px}
@media (max-width:900px){.okr-wp-rel ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.okr-wp-rel li{list-style:none!important;margin:0!important;padding:0!important}.okr-wp-rel li::before,.okr-wp-rel li::marker{content:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp-rel a{display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:#111!important;-webkit-text-fill-color:#111!important}
.okr-wp-rel img,.okr-wp-rel .ph{width:100%!important;aspect-ratio:1;object-fit:cover;border-radius:10px;display:grid;place-items:center;background:#fff3f6;color:#ff2e63;font-size:28px;margin:0!important}
.okr-wp-rel b{font-size:12.5px;font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 平成のアニメサイト風：キリ番カウンター・88×31 のバナー */
.okr-kiri{font-size:13px;font-weight:700;margin:0 0 6px;line-height:1.9}
.okr-cnt{display:inline-flex;gap:2px;margin:0 4px;vertical-align:middle}
.okr-cnt i{font-style:normal;font:900 15px/1 "Courier New",ui-monospace,monospace;color:#fff;width:18px;height:24px;display:grid;place-items:center;border-radius:3px}
.okr-cnt i.d0{background:#ff2e63}.okr-cnt i.d1{background:#ff8a00}.okr-cnt i.d2{background:#ffc400;color:#111}.okr-cnt i.d3{background:#21c06a}.okr-cnt i.d4{background:#1e9bff}.okr-cnt i.d5{background:#8a3fd1}
.okr-kiri-hit{font-weight:900;color:#ff2e63;animation:okr-blink 1.1s steps(1) infinite;margin:0 0 8px}
.okr-kiri-note{font-size:11.5px;color:#666;margin:0 0 10px}
.okr-88{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 :is(a,span){width:88px;height:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:900 9.5px/1.05 "Arial Black",system-ui,sans-serif!important;text-decoration:none!important;border-radius:2px;letter-spacing:.04em!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 small{font:700 8px/1 system-ui,sans-serif!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 .b1{background:#ff2e63;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 .b2{background:#ffc400;color:#111!important;-webkit-text-fill-color:#111!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 .b3{background:#ffd3e1;color:#111!important;-webkit-text-fill-color:#111!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 .b4{background:#1e9bff;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-88 :is(.b1,.b4) small{color:#fff!important;-webkit-text-fill-color:#fff!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-wp-top a{font-weight:900;color:#111!important;-webkit-text-fill-color:#111!important}
/* パンくず（子ヒーローが無いページ） */
.okr-crumb{max-width:1240px;margin:10px auto 6px;padding:0 clamp(12px,3vw,24px);box-sizing:border-box;font:600 12.5px/1.4 var(--okr-font-ui,var(--okr-font))}
.okr-crumb ol{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.okr-crumb li{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;gap:8px}
.okr-crumb li::marker{content:none}.okr-crumb li+li::before{content:"›";color:#ff2e63;font-weight:900}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-crumb a{color:#111!important;-webkit-text-fill-color:#111!important;text-decoration:underline!important;text-underline-offset:3px}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-crumb span{color:#555!important;-webkit-text-fill-color:#555!important}
/* キラキラのカーソル（PC だけ・平成のサイト風） */
.okr-spark{position:fixed;z-index:2147480300;pointer-events:none;font:900 14px/1 system-ui,sans-serif;animation:okr-sp .8s ease-out forwards}
@keyframes okr-sp{from{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,10px) scale(.4) rotate(160deg)}}
/* v1.6.1 残っていた「背景のあるボタン風のリンク」も、背景なし・黒い太字・下線に */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(a.more,a[class*="more"],.of-cat-label,.ptag,.chip,.tag-mini,.okr-ch-crumb a,.xfp-head a,.xfs-head a,.bar a,a.pu-more,.xms-epbtn):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,#gh *,#okr-tabs *,.okr-pv *)){background:transparent!important;border-color:transparent!important;color:#111!important;-webkit-text-fill-color:#111!important;font-weight:900!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.of-cat-label,.ptag,.chip,.xms-epbtn):is(.on,.all,.active,[aria-current]):not(.inactive){text-decoration-color:#e8336b!important;text-decoration-thickness:4px!important}
/* v1.7 黄色い「影」の正体（ブロック・セクションの下に付く飾り）をすべて外す */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.xfs-block,.xfc-formcard,.xfs,.xfg-sec,.xfc,.xfc-band,.xfs-home,.xfs-foot,.ab-tl-i,footer.xff,.panel,.blk,.pu-side-box)::after,
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.ab-tl-i,footer.xff)::before{display:none!important;content:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(*,*::before,*::after){filter:none}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(h1,h2,h3)::before,html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(h1,h2,h3)::after{filter:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.ab-photo){background:transparent!important;background-image:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(h1,h2,h3) span[style*="gradient"],html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .xfg-h2 span{background:none!important;background-image:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body a::before{box-shadow:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body footer a::before{background-color:transparent!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.blk.xfv,.xfc-formside){background-image:none!important}

/* v1.7 ボタンの中のアイコン：背景を透明にしたので、白いアイコンは黒に（見えなくならないように） */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],[role="button"]):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,.md-panel *,.md-tab *,#gh *,.okr-pv *,#okr-tabs *,.xfyt-play,.mxArw)) svg :is([fill="#fff"],[fill="#ffffff"],[fill="#FFF"],[fill="#FFFFFF"],[fill="white"]){fill:#111!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],[role="button"]):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,.md-panel *,.md-tab *,#gh *,.okr-pv *,#okr-tabs *,.xfyt-play,.mxArw)) svg :is([stroke="#fff"],[stroke="#ffffff"],[stroke="white"]){stroke:#111!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(button,.btn,.pu-btn,a[class*="btn"],[role="button"]):not(:is([class*="play"],[class*="play"] *,[class*="ico"],[class*="-cover"] *,.xfv *,.xfyt *,#mdock *,.md-panel *,.md-tab *,#gh *,.okr-pv *,#okr-tabs *)) svg{color:#111!important;opacity:1!important;visibility:visible!important}
/* =====================================================================
   v1.7  News（画像のカードで密度を上げる）・音楽（コンパクトな一覧）・画像の補充（どのエリアにも 2〜4 枚）
   ===================================================================== */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
@media (min-width:760px){html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news{grid-template-columns:1.05fr 1fr!important;align-items:start}}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-big{border:0!important;background:none!important;padding:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-big .xcd-p{aspect-ratio:4/3!important;border-radius:12px!important;overflow:hidden!important;display:block!important;max-height:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-big .xcd-p img{width:100%!important;height:100%!important;object-fit:cover!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-big .xcd-b b{font-size:16px!important;line-height:1.5!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important;margin:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-row{display:flex!important;flex-direction:column!important;gap:6px!important;border:0!important;background:none!important;padding:0!important;min-width:0}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-row .xcd-p{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/10!important;border-radius:10px!important;overflow:hidden!important;flex:none!important;display:block!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-row .xcd-p img{width:100%!important;height:100%!important;object-fit:cover!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-row .xcd-b b{font-size:12.5px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .xcd-news .xcd-none{display:block;width:100%;height:100%;background:#fff3f6}
/* 音楽：1 曲 1 行のコンパクトな形（ジャケット・題・再生・時間） */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:4px 12px!important;align-items:center!important;padding:8px 2px!important;margin:0!important;border:0!important;border-bottom:1px solid #f1f1f1!important;border-radius:0!important;background:none!important;min-height:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-cover{width:58px!important;height:58px!important;border-radius:10px!important;overflow:hidden!important;position:relative!important;margin:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-cover img,html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-autocover{width:100%!important;height:100%!important;object-fit:cover!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-kind{display:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca-spectrum{display:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-body{min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-head{margin:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-title{font-size:13.5px!important;font-weight:800!important;line-height:1.35!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-by{font-size:11px!important;color:#777!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-controls{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 :is(.ca-time,.ca-dur){font-size:11px!important;min-width:2.6em}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca-seek{flex:1!important;height:4px!important;border-radius:2px!important;background:#eee!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca-seek-fill{background:#ff2e63!important}
/* 再生のボタン：背景なしでも形がはっきり見えるように（黒い三角・黒い二本線） */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-play{width:30px!important;height:30px!important;padding:0!important;display:grid!important;place-items:center!important;text-decoration:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-coverbtn{position:absolute!important;inset:0!important;background:rgba(255,255,255,.0)!important;display:grid!important;place-items:center!important;text-decoration:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .ca2 .ca2-coverbtn .ca2-cover-ico{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92)!important;display:grid;place-items:center}
/* 画像の補充（どのエリアにも 2〜4 枚・軽い 200px の WebP） */
.okr-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0 2px;list-style:none;padding:0}
.okr-strip.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.okr-strip a{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f6f6f6}
.okr-strip img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;transition:transform .3s}
.okr-strip a:hover img{transform:scale(1.07)}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-strip a{text-decoration:none!important;border:0!important;background:#f6f6f6!important;padding:0!important}
/* v1.7.1 音楽の一覧：1 曲ずつの枠（.panel・中の箱）をなくして、行だけで並べる */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .panel:has(> .ca2),
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .panel:has(> div > .ca2){border:0!important;padding:0!important;margin:0!important;background:transparent!important;border-radius:0!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.panel,div):has(> .ca2) > .ca2{border:0!important;border-bottom:1px solid #f1f1f1!important;border-radius:0!important}
/* v1.7 動くサンタリア */
.okr-mas{position:absolute;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s;line-height:0}
.okr-mas.in{opacity:1}
.okr-mas img{width:auto!important;max-width:none!important;margin:0!important;border:0!important;background:none!important;transform-origin:50% 100%;will-change:transform;display:block}
.okr-mas-peek{overflow:hidden}
@media print{.okr-mas{display:none!important}}
/* v1.7 再生ボタン：絵の上でもはっきり見えるように白い丸に黒い三角（影なし） */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.xfs-bigplay,.xfyt-play){background:rgba(255,255,255,.94)!important;color:#111!important;border-radius:50%!important;text-decoration:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.xfs-bigplay,.xfyt-play) svg{fill:#111!important;color:#111!important;width:42%!important;height:42%!important}
/* v1.7.2 トップの大きな枠（ヒーローの文字の箱）の黄色い線・下の黄色い帯もなし */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .xfgh-in{border-color:transparent!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.xfgh,.xf-hero-slot){border-bottom-color:transparent!important}
/* =====================================================================
   v1.8 超越ヒーロー
   ===================================================================== */
.okr-ohero{position:relative;width:100%;height:min(94svh,940px);min-height:420px;overflow:hidden;background:#fff;margin:0 0 6px;isolation:isolate}
.okr-ohero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ohero .okr-oh-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0!important;padding:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ohero .okr-oh-sub{position:absolute;left:0;right:0;bottom:12%;margin:0!important;text-align:center;display:flex;justify-content:center;gap:.4em;flex-wrap:wrap;pointer-events:none;
  font:900 clamp(16px,2.6vw,30px)/1.3 "Noto Sans JP","Hiragino Sans",system-ui,sans-serif!important;color:#111!important;-webkit-text-fill-color:#111!important;letter-spacing:.12em!important}
.okr-oh-sub span{background:#fff;padding:.12em .5em;border-radius:6px;opacity:0;transform:translateY(14px);animation:okr-ohs .6s cubic-bezier(.2,1.4,.4,1) forwards}
.okr-oh-sub span:nth-child(2){animation-delay:.5s;color:#ff2a1a;-webkit-text-fill-color:#ff2a1a}
@keyframes okr-ohs{to{opacity:1;transform:none}}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ohero .okr-oh-next{all:unset;position:absolute;left:50%;bottom:3%;transform:translateX(-50%);cursor:pointer;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff!important;color:#ff2a1a!important;font:900 18px/1 system-ui,sans-serif!important;animation:okr-ohn 1.4s ease-in-out infinite;text-decoration:none!important}
@keyframes okr-ohn{50%{transform:translate(-50%,6px)}}
@media (prefers-reduced-motion:reduce){.okr-oh-sub span{animation:none;opacity:1;transform:none}.okr-ohero .okr-oh-next{animation:none}}
@media (max-width:700px){.okr-ohero{height:min(78svh,700px)}}

/* v1.8.1 ハンバーガーメニューの閉じる ×（線で描く部品）を黒い線ではっきり */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.hb-x,.xdw-x) i{background:#111!important;opacity:1!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body :is(.hb-x,.xdw-x){opacity:1!important}
/* v1.9 キャラ 1 体ずつの小さなアニメーション（位置の transform とは別の translate・rotate・scale で動かす） */
.okr-chr.okr-an-bob{animation:okr-an-bob 3s ease-in-out infinite}
.okr-chr.okr-an-sway{animation:okr-an-sway 3s ease-in-out infinite;transform-origin:50% 100%}
.okr-chr.okr-an-hop{animation:okr-an-hop 3s ease-in-out infinite;transform-origin:50% 100%}
.okr-chr.okr-an-breathe{animation:okr-an-breathe 3s ease-in-out infinite;transform-origin:50% 100%}
.okr-chr.okr-an-spin{animation:okr-an-spin 3s ease-in-out infinite;transform-origin:50% 60%}
.okr-chr.okr-an-drift{animation:okr-an-drift 3s ease-in-out infinite}
@keyframes okr-an-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes okr-an-sway{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@keyframes okr-an-hop{0%,60%,100%{translate:0 0;scale:1 1}66%{translate:0 0;scale:1.06 .92}76%{translate:0 -14px;scale:.96 1.05}86%{translate:0 0;scale:1.04 .96}}
@keyframes okr-an-breathe{0%,100%{scale:1 1}50%{scale:1.03 1.045}}
@keyframes okr-an-spin{0%,70%,100%{rotate:0deg}80%{rotate:-8deg}90%{rotate:6deg}}
@keyframes okr-an-drift{0%,100%{translate:0 0;rotate:-1.5deg}33%{translate:4px -4px;rotate:1deg}66%{translate:-3px -2px;rotate:2deg}}
@media (prefers-reduced-motion:reduce){.okr-chr[class*="okr-an-"]{animation:none!important}}
/* v1.9 読む画面（reader.php）の「前の号・目次・閲覧室・次の号」：はみ出さないように並べ直す */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;align-items:start!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav > *{min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;width:auto!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav > a:first-child,
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav > :last-child{grid-column:1 / -1!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;line-height:1.5!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav > :last-child{text-align:right!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav > span:first-child:empty{display:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-reader-nav .pu-btn::after{display:none!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-pagejump{max-width:100%!important;box-sizing:border-box!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .pu-pagejump select{max-width:100%!important}
/* v1.9 BookBottle への大きな案内 */
.okr-bookcta{margin:16px 0 18px;text-align:center}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-bookcta a{display:flex;flex-direction:column;gap:6px;align-items:center;padding:18px 16px;border-radius:16px;background:#fff1f5!important;text-decoration:none!important;color:#111!important;-webkit-text-fill-color:#111!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-bookcta b{font:900 clamp(18px,3vw,24px)/1.3 var(--okr-font-ui,var(--okr-font))!important;color:#d1233f!important;-webkit-text-fill-color:#d1233f!important;text-decoration:underline!important;text-underline-offset:5px;text-decoration-thickness:3px!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-bookcta span{font-size:13px!important;color:#444!important;-webkit-text-fill-color:#444!important}
.okr-bookcta small{display:block;margin-top:8px;font-size:12px;color:#777}
/* v1.9.1 reader.php の号の移動（短い言葉＋題名は小さく 1 行） */
.okr-rnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 16px;max-width:100%;box-sizing:border-box}
@media (max-width:700px){.okr-rnav{grid-template-columns:1fr 1fr}.okr-rnav .prev,.okr-rnav .next{order:-1}}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-rnav-a{display:flex;flex-direction:column;gap:3px;min-width:0;text-decoration:none!important;padding:8px 2px;color:#111!important;-webkit-text-fill-color:#111!important;background:none!important;border:0!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-rnav-a b{font:900 14.5px/1.3 var(--okr-font-ui,var(--okr-font))!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;white-space:nowrap}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-rnav-a small{font-size:11.5px!important;color:#666!important;-webkit-text-fill-color:#666!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.okr-rnav .next{text-align:right}.okr-rnav .next b,.okr-rnav .next small{margin-left:auto}
.okr-rnav-a.off{visibility:visible}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .okr-rnav-a small{max-width:100%!important;margin-left:0!important}
.okr-rnav .next b{margin-left:auto}
/* v1.9.2 超越ヒーロー：テーマの言葉は下の端に小さく／キャラはいちばん手前 */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ohero .okr-oh-sub{bottom:2.5%!important;font-size:clamp(12px,1.6vw,18px)!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .okr-ohero .okr-oh-next{bottom:auto!important;top:12px!important;width:38px;height:38px}
html body :is(.okr-chr,.okr-chr-h,.okr-chr-ft,.okr-mas){z-index:2147479000!important}
html body .okr-chr.side{z-index:2147479000!important}
/* v1.9.3 重なり順：キャラ ＜ ヘッダー・上の帯・言語の帯 ＜ 音楽プレイヤー・メニュー */
html body :is(.okr-chr,.okr-chr-h,.okr-chr-ft,.okr-mas){z-index:2147478000!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(#gh,header.gh){z-index:2147479500!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(#okr-net,.xlb,.xnt){z-index:2147479400!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(#hb-drawer,.hb-drawer,.hb-panel,.xdw){z-index:2147479800!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body #okr-tabs{z-index:2147479600!important}
/* 2026-11-12 お問い合わせフォームの修理：入力欄は枠が見えないと書けないので、細いグレーの枠だけ残す（黄色・影はなし）。送信ボタンは黒い太字＋下線 */
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body form :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=range]),textarea,select):not(.okr-sh-q):not(.okr-wp-s input){border:1px solid #b9b9b9!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;color:#111!important;-webkit-text-fill-color:#111!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body form :is(input,textarea,select):focus{border-color:#111!important;outline:2px solid #111!important;outline-offset:0!important;box-shadow:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx .cfx-tile{border:1px solid #d6d6d6!important;background:#fff!important;box-shadow:none!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx .cfx-tile:has(input:checked){border:2px solid #111!important;background:#fff4f7!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx .cfx-submit{border-top:0!important;background:#fff!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx :is(.cfx-send,.cfx-send *:not(svg):not(svg *),.cfx-submit,.cfx-submit p){color:#111!important;-webkit-text-fill-color:#111!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx :is(input,textarea)::placeholder{color:#999!important;-webkit-text-fill-color:#999!important}
html.okr-white:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______):not(#_______) body .cfx .cfx-card::before{display:none!important}
/* 2026-11-12 メニュー（ハンバーガー）を開いている間は、メニューが音楽プレイヤーより前。プレイヤーの小さな札は隠す（閉じれば元どおり最前面） */
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body :is(#hb-drawer,.hb-drawer,.hb-panel,.xdw){z-index:2147480300!important}
html:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#______) body .hb-scrim{z-index:2147480250!important}
html:is(.hb-open,:has(body.hb-open),:has(#hb-btn[aria-expanded="true"])) body #mdock :is(.md-tab,.md-rail,.md-scrim){visibility:hidden!important;pointer-events:none!important}
/* 2026-11-12 お問い合わせの帯（電話・メール・フォーム）：下線は大きい行（番号・24時間受付）だけ。補充の絵は中に入れない */
html.okr-white:not(#p1):not(#p2):not(#p3):not(#p4):not(#p5):not(#p6):not(#p7):not(#p8) body .xfc-act{text-decoration:none!important}
html.okr-white:not(#p1):not(#p2):not(#p3):not(#p4):not(#p5):not(#p6):not(#p7):not(#p8) body .xfc-act .xfc-act-b{min-width:0;flex:1 1 auto}
html.okr-white:not(#p1):not(#p2):not(#p3):not(#p4):not(#p5):not(#p6):not(#p7):not(#p8) body .xfc-act .xfc-act-b b{display:inline-block;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}
html body .xfc-act .okr-strip{display:none!important}