/* ============================================================
   case-base.css
   事例 一覧/詳細ペア共通の土台
   - テーマ干渉の無効化（!important 維持）
   - 共通リセット（タイポグラフィ）
   - ブランド・トークン（.is-rpo / .is-agent）
   ※ Google フォントは functions.php で enqueue
   ※ 見た目は案B化前と完全一致（リネーム＋集約のみ）
   ============================================================ */

/* === テーマ干渉を完全に無効化 === */
#loader-bg,#frame-top,#frame-bottom,#frame-left,#frame-right,#scroll{display:none!important}
#main{padding:0!important}
#main-inner{top:auto!important;position:relative!important}
#header,#view,#view-img,#view-left,#view-right,.site-header,nav#gnav,#gnav,.gnav,#nav,.header-nav,.global-nav{display:none!important}
body{margin:0!important;padding:0!important}

/* === ベース（共通リセット） === */
.case-list{font-family:'Noto Sans JP','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;color:#111;line-height:1.8;background:#fff;}
.case-list *{box-sizing:border-box;}
.case-list a{text-decoration:none;color:inherit;}
.case-list p{margin:0;}
.case-list ul{margin:0;padding:0;list-style:none;}
.case-list h1,.case-list h2,.case-list h3{margin:0;}

/* === ブランド・トークン（共通） ===
   ラッパに .is-rpo / .is-agent を付与して出し分け。値は現状そのまま。 */
.is-rpo{--accent:#e50011;--more-bg:#111;--hd-pad-x:60px;--hd-h:80px;}
.is-agent{--accent:#292F33;--more-bg:#e50011;--hd-pad-x:40px;--hd-h:100px;}