@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ==========================================================
   Cocoon Child - ライト基調（Coin Mapブランド）追加CSS
   ========================================================== */

:root {
  --fin-bg: #ffffff;
  --fin-bg-alt: #f5f6f8;
  --fin-card: #ffffff;
  --fin-card-border: #e3e6eb;
  --fin-text: #12151c;
  --fin-text-sub: #5b6472;
  --fin-accent: #e8a83c;        /* オレンジ：背景・枠線・バッジ用 */
  --fin-accent-text: #b8791f;   /* オレンジ（濃）：文字・リンク用（可読性確保） */
  --fin-blue: #4c6fff;
  --fin-shadow: 0 2px 14px rgba(11, 14, 20, 0.06);
}

/* ---------- 全体 ---------- */
body,
#top-container,
#container {
  background-color: var(--fin-bg);
  color: var(--fin-text);
}

a {
  color: var(--fin-accent-text);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--fin-blue);
}

/* ---------- ヘッダー ---------- */
#header-container,
.l-header,
#navi,
.navi {
  background-color: var(--fin-bg-alt) !important;
  border-bottom: 1px solid var(--fin-card-border);
}

.site-name a,
.site-name-link {
  color: var(--fin-text) !important;
}

.header-navi-in a,
.navi a {
  color: var(--fin-text-sub) !important;
  transition: color 0.2s ease;
}

.header-navi-in a:hover,
.navi a:hover {
  color: var(--fin-accent-text) !important;
}

/* ---------- 見出し ---------- */
.article h1,
.article h2,
.article h3,
.article h4,
.entry-title {
  color: var(--fin-text) !important;
}

.article h2 {
  border-left: 4px solid var(--fin-accent);
  padding-left: 0.6em;
  background: none;
}

.article h3 {
  border-left: 3px solid var(--fin-blue);
  padding-left: 0.5em;
}

/* ---------- 本文カード ---------- */
.article,
.entry-content,
.author-box,
.related-entry-card-item,
.box-widget,
.widget {
  background-color: var(--fin-card);
  border: 1px solid var(--fin-card-border);
  border-radius: 10px;
  box-shadow: var(--fin-shadow);
  color: var(--fin-text);
}

.entry-content p,
.entry-content li {
  color: var(--fin-text) !important;
}

.entry-content a {
  color: var(--fin-accent-text) !important;
}

.entry-content table {
  color: var(--fin-text) !important;
}

.entry-content table th:not([style*="background"]),
.entry-content table td {
  background-color: var(--fin-card) !important;
  border-color: var(--fin-card-border) !important;
  color: var(--fin-text) !important;
}
/* 2026-10-01 インラインで背景を指定した見出し(th)は、その指定（背景・文字色）を効かせる。枠線色だけテーマに合わせる */
.entry-content table th[style*="background"] {
  border-color: var(--fin-card-border) !important;
}

.entry-content blockquote {
  background-color: var(--fin-bg-alt) !important;
  color: var(--fin-text) !important;
  border-left: 4px solid var(--fin-blue) !important;
}

/* ---------- 記事一覧カード ---------- */
.entry-card,
.a-wrap {
  background-color: var(--fin-card);
  border: 1px solid var(--fin-card-border);
  border-radius: 12px;
  box-shadow: var(--fin-shadow);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.entry-card:hover,
.a-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px -12px rgba(232, 168, 60, 0.35);
}

.entry-card-title,
.a-wrap .a-title {
  color: var(--fin-text) !important;
}

.entry-card-snippet,
.entry-card-meta {
  color: var(--fin-text-sub) !important;
}

.cat-label,
.entry-category a {
  background-color: var(--fin-accent) !important;
  color: #ffffff !important;
  border-radius: 4px;
  font-weight: bold;
}

/* ---------- ボタン・ページネーション ---------- */
.cocoon-pagination a,
.sns-share a,
.btn,
input[type="submit"],
button {
  background-color: var(--fin-card);
  color: var(--fin-accent-text) !important;
  border: 1px solid var(--fin-accent);
  border-radius: 6px;
  transition: all 0.2s ease;
}

.cocoon-pagination a:hover,
.sns-share a:hover,
.btn:hover,
input[type="submit"]:hover,
button:hover {
  background-color: var(--fin-accent);
  color: #ffffff !important;
}

.cocoon-pagination .current {
  background-color: var(--fin-blue);
  color: #ffffff !important;
  border-color: var(--fin-blue);
}

/* ---------- サイドバー・ウィジェット見出し ---------- */
.widget-title,
.box-title-h2,
.box-title-h3 {
  background-color: var(--fin-bg-alt) !important;
  color: var(--fin-text) !important;
  border-bottom: 2px solid var(--fin-blue);
  padding: 0.6em 0.8em;
}

/* ---------- サイドバー・ウィジェット本文（カテゴリー/アーカイブ/最新記事など） ---------- */
.widget_categories ul li a,
.widget_archive ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a,
.widget_block ul li a,
.widget_tag_cloud a,
.widget ul li a,
.widget a {
  color: var(--fin-text) !important;
}

.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_block ul li a:hover,
.widget ul li a:hover {
  background-color: rgba(232, 168, 60, 0.08) !important;
  color: var(--fin-accent-text) !important;
}

.widget_categories ul li a .post-count,
.widget_archive ul li a .post-count {
  color: var(--fin-text-sub) !important;
}

/* ---------- フッター ---------- */
#footer,
.l-footer {
  background-color: var(--fin-bg-alt) !important;
  color: var(--fin-text-sub);
  border-top: 1px solid var(--fin-card-border);
}

#footer a,
.l-footer a {
  color: var(--fin-text-sub);
}

#footer a:hover,
.l-footer a:hover {
  color: var(--fin-accent-text);
}

/* ---------- テキスト選択・スクロールバー ---------- */
::selection {
  background: var(--fin-blue);
  color: #ffffff;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--fin-bg-alt);
}

::-webkit-scrollbar-thumb {
  background: var(--fin-card-border);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--fin-accent);
}


/* ===== 2026-09-24 アフィリエイトCTAボタンを目立たせる（サイト全体） ===== */
.entry-content a[style*="inline-block"][href*="mexc.com"],
.entry-content a[style*="inline-block"][href*="based.one"],
.entry-content a[style*="inline-block"][href*="hyperliquid.xyz/join"],
.entry-content a[style*="inline-block"][href*="tria.so"],
.entry-content a[style*="inline-block"][href*="kast.xyz"],
.entry-content a[style*="inline-block"][href*="ether.fi/@"],
.entry-content a[style*="inline-block"][href*="bitget.com"],
.entry-content a[style*="inline-block"][href*="edgex"],
.entry-content p > a[rel~="sponsored"]:has(> strong:only-child) {
  display: block !important; max-width: 560px; margin: 20px auto !important; padding: 16px 24px !important;
  background: linear-gradient(135deg, #ff8a00 0%, #ff4d00 100%) !important; color: #fff !important;
  font-size: 1.08em; font-weight: 800 !important; line-height: 1.5; text-align: center;
  text-decoration: none !important; border: none !important; border-radius: 999px !important;
  box-shadow: 0 5px 0 #b83200, 0 10px 22px rgba(255, 77, 0, .35);
  position: relative; overflow: hidden;
  animation: cm-cta-pulse 2.4s ease-in-out infinite; transition: transform .15s, box-shadow .15s;
}
.entry-content a[style*="inline-block"][href*="mexc.com"] strong,
.entry-content a[style*="inline-block"][href*="based.one"] strong,
.entry-content a[style*="inline-block"][href*="hyperliquid.xyz/join"] strong,
.entry-content a[style*="inline-block"][href*="tria.so"] strong,
.entry-content a[style*="inline-block"][href*="kast.xyz"] strong,
.entry-content a[style*="inline-block"][href*="ether.fi/@"] strong,
.entry-content a[style*="inline-block"][href*="bitget.com"] strong,
.entry-content a[style*="inline-block"][href*="edgex"] strong,
.entry-content p > a[rel~="sponsored"]:has(> strong:only-child) strong { color: #fff !important; }
.entry-content a[style*="inline-block"][href*="mexc.com"]::after,
.entry-content a[style*="inline-block"][href*="based.one"]::after,
.entry-content a[style*="inline-block"][href*="hyperliquid.xyz/join"]::after,
.entry-content a[style*="inline-block"][href*="tria.so"]::after,
.entry-content a[style*="inline-block"][href*="kast.xyz"]::after,
.entry-content a[style*="inline-block"][href*="ether.fi/@"]::after,
.entry-content a[style*="inline-block"][href*="bitget.com"]::after,
.entry-content a[style*="inline-block"][href*="edgex"]::after,
.entry-content p > a[rel~="sponsored"]:has(> strong:only-child)::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-20deg); animation: cm-cta-shine 3s ease-in-out infinite;
}
.entry-content a[style*="inline-block"][href*="mexc.com"]:hover,
.entry-content a[style*="inline-block"][href*="based.one"]:hover,
.entry-content a[style*="inline-block"][href*="hyperliquid.xyz/join"]:hover,
.entry-content a[style*="inline-block"][href*="tria.so"]:hover,
.entry-content a[style*="inline-block"][href*="kast.xyz"]:hover,
.entry-content a[style*="inline-block"][href*="ether.fi/@"]:hover,
.entry-content a[style*="inline-block"][href*="bitget.com"]:hover,
.entry-content a[style*="inline-block"][href*="edgex"]:hover,
.entry-content p > a[rel~="sponsored"]:has(> strong:only-child):hover { transform: translateY(2px); box-shadow: 0 3px 0 #b83200, 0 6px 14px rgba(255,77,0,.35); color: #fff !important; }
@keyframes cm-cta-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.03); } }
@keyframes cm-cta-shine { 0% { left: -60%; } 60%,100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) {
  .entry-content a[rel~="sponsored"], .entry-content a[style*="inline-block"] { animation: none !important; }
  .entry-content a[rel~="sponsored"]::after, .entry-content a[style*="inline-block"]::after { display: none !important; }
}


/* ===== 2026-09-24 表の中のCTAとスマホの表（崩れ対策） ===== */
/* 表は横スクロールにして列を潰さない */
.entry-content .wp-block-table, .entry-content figure.wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.entry-content .wp-block-table table { min-width: 640px; }
.entry-content .wp-block-table td, .entry-content .wp-block-table th { word-break: normal; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .entry-content .wp-block-table td, .entry-content .wp-block-table th { font-size: 13px; padding: 6px 8px; }
}
/* 表の中の紹介ボタンは大きくしない（コンパクトなオレンジボタン） */
.entry-content table a[rel~="sponsored"],
.entry-content table a[style*="inline-block"] {
  display: inline-block !important; max-width: none; margin: 0 !important; padding: 6px 12px !important;
  font-size: 13px !important; line-height: 1.4; white-space: nowrap; border-radius: 6px !important;
  background: linear-gradient(135deg, #ff8a00 0%, #ff4d00 100%) !important; color: #fff !important;
  box-shadow: 0 2px 0 #b83200 !important; animation: none !important; transform: none !important;
}
.entry-content table a[rel~="sponsored"]::after, .entry-content table a[style*="inline-block"]::after { display: none !important; }
.entry-content table a[rel~="sponsored"] strong { color: #fff !important; }


/* ===== 2026-09-24 表の崩れ対策・第2弾（優先度を上げる／スマホは表ごと横スクロール） ===== */
.entry-content table td a[style*="inline-block"][href][href],
.entry-content table td a[rel~="sponsored"][href][href],
.entry-content table td p > a[rel~="sponsored"][href][href] {
  display: inline-block !important; width: auto !important; max-width: none !important; margin: 0 !important;
  padding: 6px 12px !important; font-size: 13px !important; line-height: 1.4 !important; white-space: nowrap !important;
  border-radius: 6px !important; box-shadow: 0 2px 0 #b83200 !important; animation: none !important; transform: none !important;
  background: linear-gradient(135deg, #ff8a00 0%, #ff4d00 100%) !important; color: #fff !important;
}
.entry-content table td a[href][href]::after { display: none !important; }
@media (max-width: 600px) {
  .entry-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
  .entry-content table th, .entry-content table td { min-width: 5.5em; font-size: 13px; padding: 6px 8px; }
  .entry-content table th:first-child, .entry-content table td:first-child { min-width: 3em; }
}


/* ===== 2026-09-24 濃い背景のボックス内の文字色（テーマのp色指定に負けないように） ===== */
.entry-content div[style*="color:#fff"] p, .entry-content div[style*="color:#fff"] li, .entry-content div[style*="color:#fff"] span,
.entry-content div[style*="color: #fff"] p, .entry-content div[style*="color:#ffffff"] p { color: #fff !important; }
.entry-content div[style*="color:#fff"] p[style*="#ffd166"], .entry-content div[style*="color:#fff"] span[style*="#ffd166"] { color: #ffd166 !important; }
.entry-content div[style*="color:#fff"] p[style*="#ff8a00"], .entry-content div[style*="color:#fff"] span[style*="#ff8a00"] { color: #ff8a00 !important; }
.entry-content div[style*="color:#fff"] p[style*="#7ee0a1"], .entry-content div[style*="color:#fff"] span[style*="#7ee0a1"] { color: #7ee0a1 !important; }
.entry-content div[style*="color:#fff"] a { color: #ffd166 !important; }


/* ===== 2026-09-25 本文の強調スタイル（記事の品質基準で使うクラス） ===== */
.entry-content .cm-marker { background: linear-gradient(transparent 60%, #ffe08a 60%); font-weight: 700; }
.entry-content .cm-under { border-bottom: 2px solid #ff8a00; padding-bottom: 1px; font-weight: 700; }
.entry-content .cm-red { color: #d93025 !important; font-weight: 700; }
.entry-content .cm-blue { color: #1a5fd0 !important; font-weight: 700; }
.entry-content .cm-num { color: #e8590c !important; font-weight: 800; font-size: 1.05em; }

/* ===== sitefix #1 サイト共通ヘッダー（トップの紺バーと同じ見た目・2026-09-25） ===== */
body.cm-has-sitebar #header-container,
body.cm-has-sitebar #navi { display: none; }
html { scroll-padding-top: 64px; }
#cm-sitebar { background: #12141b; color: #fff; position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #2a2e3a; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
#cm-sitebar, #cm-sitebar * { box-sizing: border-box; }
#cm-sitebar a { color: inherit; text-decoration: none; }
#cm-sitebar .cm-sb-wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; display: flex; flex-wrap: nowrap; align-items: center; gap: 0 10px; height: 52px; }
#cm-sitebar .cm-sb-logo { font-weight: 800; font-size: 14px; letter-spacing: .02em; white-space: nowrap; display: flex; align-items: center; gap: 6px; color: #fff; flex: none; }
#cm-sitebar .cm-sb-logo i { width: 10px; height: 10px; border-radius: 50%; background: #e8a83c; display: inline-block; }
#cm-sitebar .cm-sb-tagline, #cm-sitebar .cm-sb-logo-sub, #cm-sitebar .cm-sb-nav .cm-sb-l { display: none; }
#cm-sitebar .cm-sb-nav { display: flex; gap: 2px; flex: 0 1 auto; min-width: 0; margin: 0 0 0 auto; padding: 0; overflow-x: auto; scrollbar-width: none; justify-content: flex-start; background: none; }
#cm-sitebar .cm-sb-nav::-webkit-scrollbar { display: none; }
#cm-sitebar .cm-sb-nav a { font-size: 12px; line-height: 1.6; padding: 6px 7px; border-radius: 6px; white-space: nowrap; color: #c9cdd6; }
#cm-sitebar .cm-sb-nav a:hover { background: #1a1d26; color: #fff; }
#cm-sitebar .cm-sb-search { display: none; margin: 0; }
#cm-sitebar .cm-sb-search input { width: 200px; height: 34px; border-radius: 8px; border: 1px solid #2a2e3a; background: #1a1d26; color: #fff; padding: 0 10px; font-size: 13px; margin: 0; }
@media (min-width: 783px) { body.admin-bar #cm-sitebar { top: 32px; } }
@media (min-width: 960px) {
  #cm-sitebar .cm-sb-wrap { height: 60px; gap: 0 16px; }
  #cm-sitebar .cm-sb-logo { font-size: 17px; }
  #cm-sitebar .cm-sb-logo-sub, #cm-sitebar .cm-sb-nav .cm-sb-l { display: inline; }
  #cm-sitebar .cm-sb-nav { flex: none; justify-content: flex-end; }
  #cm-sitebar .cm-sb-nav a { font-size: 14px; padding: 6px 10px; }
  #cm-sitebar .cm-sb-search { display: block; }
}
@media (min-width: 1140px) {
  #cm-sitebar .cm-sb-tagline { display: block; flex: 0 1 auto; font-size: 11px; color: #9aa1af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
}


/* ===== 2026-09-25 スマホの表：右端の列の見切れ対策（834px以下は必ず横スクロール） ===== */
@media (max-width: 834px) {
  .entry-content figure.wp-block-table,
  .entry-content .wp-block-table,
  .entry-content .scrollable-table,
  .entry-content div[style*="overflow-x"] {
    display: block; max-width: 100%; overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  }
  .entry-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .entry-content table th, .entry-content table td { word-break: break-word; overflow-wrap: anywhere; }
}


/* ===== 2026-09-25 本文ボタン（styleで背景色と文字色を指定したa）の文字色をstyleどおりに戻す ===== */
/* 原因：上の「.entry-content a { color: ... !important }」がstyle属性の color より優先され、緑やオレンジのボタンにオレンジ文字が乗っていた */
/* 詳細度は body付きで 0,2,2：濃い背景ボックス内リンクを黄色にするルール（0,2,2）には勝ち、オレンジのCTA強調・表内ボタンのルール（0,3,1〜）には負ける＝それらの見た目は変わらない。訪問済み・ホバー時も同じ色 */
body .entry-content a:is([style*="color:#12141b" i]):where([style*="background"]) { color: #12141b !important; }
body .entry-content a:is([style*="color:#0b1f3a" i]):where([style*="background"]) { color: #0b1f3a !important; }
body .entry-content a:is([style*="color:#1b2a4a" i]):where([style*="background"]) { color: #1b2a4a !important; }
body .entry-content a:is([style*="color:#fff" i], [style*="color:white" i]):where([style*="background"]) { color: #fff !important; }

/* dark-box-text-fix 2026-09-25: 濃紺背景の囲み（ランキング記事の結論ボックス・スコアグラフ等）で本文色 !important が効いて文字が読めない問題の修正 */
.entry-content div[style*="background:#1a1d26" i] :is(p,li):not([style*="color"]),
.entry-content div[style*="background:#12141b" i] :is(p,li):not([style*="color"]) { color: #F2F3F5 !important; }
.entry-content div[style*="background:#1a1d26" i] :is(p,li)[style*="color:#e8a83c" i],
.entry-content div[style*="background:#12141b" i] :is(p,li)[style*="color:#e8a83c" i] { color: #E8A83C !important; }

/* ===== 2026-10-01 スマホの表幅の修正：2〜3列の表は画面幅に収め、4列以上だけ横スクロール ===== */
@media (max-width: 600px){
  .entry-content .wp-block-table table{min-width:0}
  .entry-content .wp-block-table table:has(tr > :nth-child(4)){min-width:560px}
  .entry-content table th:first-child,.entry-content table td:first-child{min-width:4.5em}
}

/* 記事共通部品（293から移植）。トップページ(body.home)の既存ボタンと衝突するため body:not(.home) に限定 */
body:not(.home) .cm-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:8px;background:#e8590c;color:#fff !important;font-weight:bold;font-size:15px;line-height:1.35;text-align:center;text-decoration:none !important;box-shadow:0 2px 0 #b54300;box-sizing:border-box}
body:not(.home) .cm-btn:hover{opacity:.9}
body:not(.home) .cm-btn--sub{background:#fff;color:#0b1e3d !important;border:2px solid #0b1e3d;box-shadow:none}
body:not(.home) .cm-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}
body:not(.home) .cm-btns--one{grid-template-columns:1fr}
body:not(.home) .cm-bonus{font-size:13px;margin:6px 0 0;line-height:1.6}
body:not(.home) .cm-box{border:2px solid #0b1e3d;border-radius:10px;padding:12px 14px;background:#f5f7fb;margin:1.2em 0}
body:not(.home) .cm-box__title{margin:0 0 6px !important;font-weight:bold;color:#0b1e3d}
body:not(.home) .cm-box ul{margin:0 !important;padding-left:1.2em !important}
body:not(.home) .cm-box li{margin:3px 0;line-height:1.6}
body:not(.home) .cm-note{font-size:12px;color:#666;line-height:1.6;margin:6px 0 0}
body:not(.home) .cm-warn{border-left:4px solid #c92a2a;background:#fff5f5;padding:10px 12px;margin:10px 0;font-size:14px;line-height:1.6}
body:not(.home) .cm-warn p{margin:0 !important}
/* .entry-content a の色指定（!important）に負けないよう、ボタン文字色を上書き（sub系は除く） */
body:not(.home) .entry-content a.cm-btn:not(.cm-btn-sub):not(.cm-btn--sub){color:#fff !important;text-decoration:none !important}
body:not(.home) .entry-content a.cm-btn--sub{color:#0b1e3d !important}

/* ===== 2026-10-05 UIUX #1 比較表の1列目・横スクロールの手がかり ===== */
.cm-cmp table[style*="min-width:0"]{min-width:680px !important}
.cm-cmp th:first-child,.cm-cmp td:first-child{min-width:8em !important;word-break:keep-all;overflow-wrap:normal}
@media (max-width:834px){
  .entry-content .cm-cmp,.entry-content div[style*="overflow-x:auto"]{position:relative;
    background:linear-gradient(to left,rgba(0,0,0,.14),rgba(0,0,0,0) 16px) right/16px 100% no-repeat scroll}
  .entry-content div[style*="overflow-x:auto"] td:first-child{position:sticky;left:0;background:#fff;z-index:1}
  .entry-content div[style*="overflow-x:auto"] th:first-child{position:sticky;left:0;background:inherit;z-index:1}
}
/* ===== /UIUX #1 ===== */

/* ===== 2026-10-05 UIUX #1b 53の点数表（cm-score）を横スクロール＋1列目固定 ===== */
@media (max-width:834px){
  .entry-content table.cm-score{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .entry-content table.cm-score td:first-child{position:sticky;left:0;background:#fff;z-index:1;font-weight:bold}
  .entry-content table.cm-score th:first-child{position:sticky;left:0;z-index:2}
}
/* ===== /UIUX #1b ===== */

/* ===== 2026-10-05 UIUX #2 スマホの最初の画面 ===== */
@media (max-width:834px){
  .single .sns-share.ss-top{display:none}
  .single .eye-catch-wrap .eye-catch img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;max-height:200px}
  .single .date-tags{margin:4px 0 0;font-size:12px}
  .single .entry-title{font-size:19px;line-height:1.4;margin-bottom:8px}
}
/* ===== /UIUX #2 ===== */

/* ===== 2026-10-05 UIUX #8 記事の固定登録バー ===== */
.cm-has-fixbar .mobile-footer-menu-buttons{display:none !important}
.cm-fixcta--post{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#12141B;color:#fff;border-top:1px solid #2A2E3A;font-size:13px;line-height:1.4}
.cm-fixcta--post[hidden]{display:none}
.cm-fixcta--post p{margin:0;font-size:13px;line-height:1.4;flex:1;color:#fff}
.cm-fixcta--post p b{color:#E8A83C}
.cm-fixcta--post a.cm-btn{min-height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#e8590c;color:#fff !important;font-weight:bold;font-size:15px;border-radius:8px;text-decoration:none}
.cm-fixcta-pr{font-size:10px;border:1px solid #6b7280;border-radius:3px;padding:0 4px;color:#cbd5e1}
.cm-fixcta-x{background:none;border:0;color:#9ca3af;font-size:18px;width:32px;height:44px;padding:0;cursor:pointer}
.cm-has-fixbar #footer{padding-bottom:72px}
@media (min-width:1024px){.cm-fixcta--post{left:auto;right:16px;bottom:16px;max-width:420px;border-radius:12px;border:1px solid #2A2E3A}}
/* ===== /UIUX #8 ===== */

/* ===== 2026-10-10 53の点数表をスマホで枠内スクロール（.cm-spec の display:table!important を上書き）===== */
@media (max-width:834px){
  .entry-content table.cm-spec.cm-score{display:block !important;overflow-x:auto !important;max-width:100% !important;white-space:nowrap;-webkit-overflow-scrolling:touch}
}
/* ===== /2026-10-10 ===== */