/* ============================================================
   ookubo-design-base.css  v1.0.0 (2026-08-20)【headの前半・Cocoonインラインより前】
   senjutsu.jp デザイン集約ファイル（フェーズ0）
   これまで各MUプラグインが wp_head/wp_footer/本文へインライン出力していた
   <style> を1つの静的ファイルへ集約。ブラウザキャッシュが効くため、
   2ページ目以降は共通CSS約44KBの転送がゼロになる。
   出力は mu-plugins/ookubo-design.php（?v= はそちらの定数と同期）。
   編集ルール：
   - 以後のCSS変更はこのファイルへ。各MUに<style>を書き戻さない
   - セクション見出し（=== 由来ファイル ===）を崩さない・順序を変えない
     （site-fonts → 汎用 → ツール → チャンス の順は上書き関係を保つため）
   - 変更したら ookubo-design.php の OOKUBO_DESIGN_VER を必ず上げる
   ============================================================ */

/* === デザイントークン（節0の正）。既存ルールは段階的にこの変数へ寄せる === */
:root{
  --ck-primary-a:#8c3f52; --ck-primary-b:#a2606e;          /* 主CTA 深紅グラデ */
  --ck-brand:#7a6997; --ck-brand-dark:#3d2952;             /* 紫（副CTA枠・見出し文字） */
  --ck-ink:#1a1a1a; --ck-ink-sub:#555; --ck-ink-note:#6a6a6a;
  --ck-radius-xs:4px; --ck-radius-btn:8px; --ck-radius-card:12px; --ck-radius-pill:999px;
  --ck-shadow-sm:0 1px 3px rgba(61,41,82,.12);
  --ck-shadow-md:0 2px 6px rgba(61,41,82,.16);
  --ck-shadow-lg:0 4px 12px rgba(61,41,82,.18);
  --ck-shadow-cta:0 2px 6px rgba(140,63,82,.3);
}

/* === WP global-styles 無効化の補填（has-background の既定余白。使用2ページ: 22961,24936） === */
.has-background{padding:1.25em 2.375em;}

/* === 由来: ookubo-site-fonts.php（全体タイポグラフィ・PCメニュー・見出し余白・日本語組版）  (旧 <style id="ookubo-site-fonts">) === */
body{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic","Meiryo",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}#wpadminbar,#wpadminbar *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}input,textarea,select,button{font-family:inherit!important}h1,h2,h3,h4,h5,h6,.entry-title,.article-title{font-family:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;font-weight:800!important;letter-spacing:.04em}.fa,.fas,.far,.fab,.fal,i[class*="fa-"]{font-family:FontAwesome,"FontAwesome","Font Awesome 5 Free","Font Awesome 5 Brands","Font Awesome 6 Free","Font Awesome 6 Brands"!important}#header.header.cf{padding:0!important}#header-in.header-in{padding-top:.45em!important;padding-bottom:.4em!important}#header-in .tagline{margin:0 0 .85em!important;padding:0!important;line-height:1.3!important;font-size:.86em!important}#header-in .logo,#header-in .logo-header,#header-in .logo-image{margin:0!important;padding:0!important;line-height:1!important}#header-in .site-name,#header-in .site-name-text-link,#header-in .site-name-text{display:inline-block!important;line-height:1!important;margin:0!important;padding:0!important}#header-in .header-site-logo-image{margin:0 auto!important;display:block!important}#navi.navi.cf{margin-top:0!important;padding-top:0!important}@media (min-width:1024px){#navi.navi.cf{padding-bottom:.85em!important}}#navi #navi-in ul.menu-pc{display:flex!important;flex-wrap:wrap!important;gap:.32em .42em!important;padding:.55em .5em!important;margin:0 auto!important;list-style:none!important;justify-content:center!important}#navi #navi-in ul.menu-pc>li{margin:0!important;padding:0!important;list-style:none!important;background:none!important;border:0!important;height:auto!important;line-height:1.2!important}#navi #navi-in ul.menu-pc>li>a{display:inline-flex!important;align-items:center!important;padding:.5em .95em!important;background:linear-gradient(135deg,#f5f0fa 0%,#ede4f5 100%)!important;border:1px solid #d4b3e8!important;border-radius:6px!important;color:#3d2952!important;text-decoration:none!important;font-size:.86em!important;line-height:1.25!important;font-weight:500!important;transition:transform .12s ease , box-shadow .12s ease , background .12s ease , color .12s ease!important;box-shadow:0 1px 2px rgba(122,105,151,.10)!important;height:auto!important}#navi #navi-in ul.menu-pc>li>a:hover{background:linear-gradient(135deg,#7a6997 0%,#9c8ab8 100%)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px rgba(122,105,151,.35)!important;border-color:#7a6997!important}#navi #navi-in ul.menu-pc>li.current-menu-item>a,#navi #navi-in ul.menu-pc>li.current_page_item>a{background:linear-gradient(135deg,#7a6997 0%,#9c8ab8 100%)!important;color:#fff!important;border-color:#7a6997!important}#navi #navi-in ul.menu-pc>li>a .caption-wrap{display:inline-flex!important;align-items:center!important;gap:0!important;line-height:1.25!important;background:none!important}#navi #navi-in ul.menu-pc>li>a .item-label{display:inline-block!important;line-height:1.25!important}#navi #navi-in ul.menu-pc .sub-menu{background:#fff!important;border:1px solid #d4b3e8!important;border-radius:6px!important;padding:.3em!important;box-shadow:0 4px 12px rgba(122,105,151,.18)!important}#navi #navi-in ul.menu-pc .sub-menu li>a{padding:.4em .8em!important;color:#3d2952!important;border-radius:4px!important;font-size:.85em!important;display:block!important;background:none!important}#navi #navi-in ul.menu-pc .sub-menu li>a:hover{background:#ede4f5!important}#navi #navi-in ul.menu-pc>li.menu-item-has-children>a .top-has-sub,#navi #navi-in ul.menu-pc>li.menu-item-has-children>a .has-sub{margin-left:.25em!important}#navi #navi-in ul.menu-pc>li.ck-menu-popular>a .item-label::before{content:"\01F525 \5927\597D\8A55";display:inline-block;background:#f03;color:#fff;padding:.06em .42em .08em;border-radius:4px;font-size:.72em;font-weight:bold;margin-right:.36em;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 2px rgba(255,0,51,.32);line-height:1.2}#navi #navi-in ul.menu-pc>li.ck-menu-popular:hover>a .item-label::before,#navi #navi-in ul.menu-pc>li.ck-menu-popular.current-menu-item>a .item-label::before{background:#fff;color:#f03}#navi #navi-in ul.menu-pc>li.ck-menu-popular2>a .item-label::before{content:"\01F525 \5927\4EBA\6C17";display:inline-block;background:#f03;color:#fff;padding:.06em .42em .08em;border-radius:4px;font-size:.72em;font-weight:bold;margin-right:.36em;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 2px rgba(255,0,51,.32);line-height:1.2}#navi #navi-in ul.menu-pc>li.ck-menu-popular2:hover>a .item-label::before,#navi #navi-in ul.menu-pc>li.ck-menu-popular2.current-menu-item>a .item-label::before{background:#fff;color:#f03}#navi #navi-in ul.menu-pc>li.ck-menu-admin-only{display:none!important}ul.menu-drawer li.ck-menu-admin-only{display:none!important}@media (max-width:1023px){#navi #navi-in ul.menu-pc,#navi #navi-in::before,#navi #navi-in::after{display:none!important}.article-header.entry-header{margin-top:.55em!important;padding-top:0!important;margin-bottom:0!important}h1.entry-title,.entry-title,.article-title{margin-top:0!important;margin-bottom:.45em!important;padding-top:0!important;padding-bottom:0!important;line-height:1.35!important}.widget-below-page-content-title{margin-top:0!important}}ul.menu-drawer li.ck-menu-popular>a::before,ul.menu-drawer li.ck-menu-popular>a .item-label::before{content:"\01F525 \5927\597D\8A55";display:inline-block;background:#f03;color:#fff;padding:.06em .42em .08em;border-radius:4px;font-size:.72em;font-weight:bold;margin-right:.4em;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 2px rgba(255,0,51,.32);line-height:1.2}ul.menu-drawer li.ck-menu-popular2>a::before,ul.menu-drawer li.ck-menu-popular2>a .item-label::before{content:"\01F525 \5927\4EBA\6C17";display:inline-block;background:#f03;color:#fff;padding:.06em .42em .08em;border-radius:4px;font-size:.72em;font-weight:bold;margin-right:.4em;vertical-align:middle;letter-spacing:.02em;box-shadow:0 1px 2px rgba(255,0,51,.32);line-height:1.2}:target{scroll-margin-top:24px}.entry-content p:empty{display:none}.adsbygoogle{min-height:100px}.adsbygoogle[data-ad-status="unfilled"]{display:none!important}blockquote.haio-ai-prompt-text{max-height:300px;overflow-y:auto;overscroll-behavior:contain;box-shadow:inset 0 -14px 14px -14px rgba(0,0,0,.15)}.ookubo-faq-ac+h2,.ookubo-faq-ac+h3{margin-top:28px}.entry-content h2:not(:first-child){margin-top:28px}.entry-content h3:not(:first-child),.entry-content h4:not(:first-child){margin-top:24px}body{line-break:strict;overflow-wrap:anywhere;word-break:normal;text-autospace:normal;text-spacing-trim:trim-start;hanging-punctuation:allow-end}pre,code,kbd,samp,textarea{text-autospace:no-autospace;text-spacing-trim:space-all;line-break:auto;hanging-punctuation:none}#header-in .tagline{text-wrap:balance}.entry-content hr{margin-top:1.4em;margin-bottom:1.4em}details.haio-prompt-fold>blockquote.haio-ai-prompt-text{margin-top:10px!important}ins.adsbygoogle+h2,ins.adsbygoogle+script+h2,ins.adsbygoogle+script+script+h2,div.google-auto-placed+h2{margin-top:28px!important}ins.adsbygoogle+h3,ins.adsbygoogle+script+h3,ins.adsbygoogle+script+script+h3,div.google-auto-placed+h3,ins.adsbygoogle+h4,ins.adsbygoogle+script+h4,ins.adsbygoogle+script+script+h4,div.google-auto-placed+h4{margin-top:24px!important}


/* （このファイルは wp_head prio 5＝Cocoonインラインより前。元の ookubo-site-fonts と同位置。
    ここに置いてよいのは旧 site-fonts 由来のルールだけ。他は ookubo-design.css（後半）へ） */