@charset "UTF-8";
/* ==========================================================================
   60-xwrite.css — Xwrite ネイティブブロックの調律
   正本: canvas「05 Xwrite ネイティブブロックの調律」L1214-1275
        + implementation.css「Xwrite ネイティブブロックの上書き」を逐語
   セレクタは v4.0.6 の実体(.toc_block / .xw-block-faq / .xw-block-step /
   .xw-block-chat)。キャンバス記載のセレクタも §0 に逐語で残置する。
   ========================================================================== */

/* ==== §0 implementation.css 逐語(キャンバス記載のセレクタ) ==============
   実体クラスと違うものもあるが、正本の記述として残す。実効は §1 以降。 */
.xw-toc,.wp-block-xwrite-toc{
  background:var(--oym-surface);border:1px solid var(--oym-line);
  border-radius:var(--oym-r);box-shadow:none;padding:22px 24px;
}
.xw-toc__no{color:var(--oym-teal);font-weight:700;}
.xw-faq__q,.xw-step__num{
  background:var(--oym-walnut);color:var(--oym-surface);
  border-radius:var(--oym-r-pill);font-weight:700;
}
.xw-faq__a{background:var(--oym-walnut-soft);color:var(--oym-walnut);border-radius:var(--oym-r-pill);}
.xw-step__item + .xw-step__item{border-top:1px solid var(--oym-line-soft);}
.xw-box--info{background:var(--oym-band);border-radius:var(--oym-r);}
.xw-box--point{background:var(--oym-walnut-soft);border-radius:var(--oym-r);}
.xw-box--caution{
  background:var(--oym-teal-soft);border:1px solid var(--oym-teal-line);border-radius:var(--oym-r);
}
.xw-card,.xw-archive__item{
  box-shadow:none;border:1px solid var(--oym-line);
  border-radius:var(--oym-r);background:var(--oym-surface);
}
.xw-heading--filled{background:none;color:var(--oym-ink);}   /* 見出しのベタ塗りを解除 */
.xw-ad--in-content{display:none;}                            /* 記事内の自動広告枠は使わない */
.xw-floating-cta{display:none;}                              /* 追従バーは使わない */

/* ==== §1 目次(実体 = .toc_block) ========================================
   温白＋1px罫＋角丸12px。番号は錆浅葱の等幅2桁、リンクは胡桃茶。
   太い色帯・丸アイコン・シェブロンは外す。 */
.toc_block{
  background:var(--oym-surface);border:1px solid var(--oym-line);
  border-radius:var(--oym-r);box-shadow:none;
  padding:22px 24px;margin:var(--oym-sp-3) 0;
}
.toc_block .toc__caption{
  display:flex;align-items:baseline;gap:10px;justify-content:space-between;
  font-size:14px;font-weight:700;color:var(--oym-ink);
  padding:0 0 13px;margin:0 0 13px;
  border-bottom:1px solid var(--oym-line);background:none;
}
.toc_block .toc__caption::before,
.toc_block .toc__caption i,
.toc_block .toc__caption .fas,
.toc_block .toc__caption .fa{display:none;}
.toc_block .toc_toggle_button{
  font-size:var(--oym-fs-xs);font-weight:700;color:var(--oym-teal);cursor:pointer;
}
.toc_block .toc ol,
.toc_block .toc ul{
  list-style:none;margin:0;padding:0;counter-reset:oym-toc;
}
.toc_block .toc li{
  position:relative;margin:0 0 10px;padding-left:2.1em;
  font-size:14px;line-height:1.7;counter-increment:oym-toc;
}
.toc_block .toc li::before{
  content:counter(oym-toc,decimal-leading-zero);
  position:absolute;left:0;
  color:var(--oym-teal);font-weight:700;font-variant-numeric:tabular-nums;
}
.toc_block .toc li::marker{content:"";}
.toc_block .toc a{color:var(--oym-walnut);text-decoration:none;}
.toc_block .toc a:hover{color:var(--oym-walnut-dark);text-decoration:underline;}
/* 下位階層は字下げ + ダッシュ(canvas L547-548 / L1223) */
.toc_block .toc li li{padding-left:2.1em;margin-bottom:8px;counter-increment:none;}
.toc_block .toc li li::before{content:"—";color:var(--oym-ink-3);font-weight:400;}
.toc_block .toc li ol,
.toc_block .toc li ul{margin-top:8px;padding-left:26px;counter-reset:none;}
/* FontAwesome の装飾は解除 */
.toc_block .toc i,
.toc_block .toc .fas,
.toc_block .toc .fa{display:none;}

/* ==== §2 FAQ ブロック(実体 = .xw-block-faq) ============================
   Q/A は円形バッジ(胡桃茶／淡茶)。吹き出し・影・アイコンは使わない。 */
.xw-block-faq{
  background:var(--oym-surface);border:1px solid var(--oym-line);
  border-radius:var(--oym-r);box-shadow:none;overflow:hidden;
  margin:var(--oym-sp-3) 0;
}
.xw-block-faq__question{
  font-size:15px;font-weight:700;line-height:1.7;color:var(--oym-ink);
  background:none;padding:20px 22px;
}
.xw-block-faq__question::before{
  content:"Q";flex:none;
  width:24px;height:24px;border-radius:var(--oym-r-pill);
  background:var(--oym-walnut);color:var(--oym-surface);
  font-size:var(--oym-fs-xs);font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  margin-right:11px;vertical-align:middle;
}
.xw-block-faq__answer{
  font-size:14px;line-height:1.95;color:var(--oym-ink);
  background:none;padding:0 22px 20px;
}
.xw-block-faq__answer::before{
  content:"A";flex:none;
  width:24px;height:24px;border-radius:var(--oym-r-pill);
  background:var(--oym-walnut-soft);color:var(--oym-walnut);
  font-size:var(--oym-fs-xs);font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  margin-right:11px;vertical-align:middle;
}
.xw-block-faq__child-content + .xw-block-faq__child-content{
  border-top:1px solid var(--oym-line-soft);
}

/* ==== §3 ステップブロック(実体 = .xw-block-step) ========================
   番号は円形バッジ、区切りは実線ヘアライン。縦線コネクタは使わない。 */
.xw-block-step{
  background:var(--oym-surface);border:1px solid var(--oym-line);
  border-radius:var(--oym-r);box-shadow:none;padding:22px 24px;
  margin:var(--oym-sp-3) 0;
}
.xw-block-step__item{
  padding:18px 0;border-bottom:1px solid var(--oym-line-soft);
  background:none;
}
.xw-block-step__item:first-child{padding-top:0;}
.xw-block-step__item:last-child{padding-bottom:0;border-bottom:0;}
.xw-block-step__item::before,
.xw-block-step__item::after{display:none;}   /* 縦線コネクタを消す */
.xw-block-step__number{
  width:28px;height:28px;border-radius:var(--oym-r-pill);
  background:var(--oym-walnut);color:var(--oym-surface);
  font-size:var(--oym-fs-small);font-weight:700;
  display:flex;align-items:center;justify-content:center;flex:none;
  font-variant-numeric:tabular-nums;
}
.xw-block-step__number--label{display:none;}
.xw-block-step__title{font-size:15px;font-weight:700;line-height:1.7;color:var(--oym-ink);}
.xw-block-step__body{font-size:14px;line-height:1.9;color:var(--oym-ink-2);}

/* ==== §4 ふきだし(実体 = .xw-block-chat) =================================
   キャンバスは絵文字・イラスト・手書き風を禁止。影と吹き出しの装飾を外す。 */
.xw-block-chat{box-shadow:none;}
.xw-block-chat :is(.xw-block-chat__body,.xw-block-chat__text){
  background:var(--oym-band);border-radius:var(--oym-r);
  border:0;box-shadow:none;font-size:14px;line-height:1.9;color:var(--oym-ink);
}

/* ==== §5 アコーディオン / ボックスメニュー / ブログカード ================
   影・グラデーション・アニメーションは外す。輪郭は温色1px + 角丸12px。 */
.xw-block-accordion,
.xw-block-boxmenu__item,
.xw-block-blog-card{
  box-shadow:none;border-radius:var(--oym-r);
  border:1px solid var(--oym-line);background:var(--oym-surface);
}
.xw-block-accordion__header{background:var(--oym-band);font-weight:700;}
.xw-block-blog-card__details--title{font-weight:700;color:var(--oym-walnut);}
.xw-block-blog-card__label{
  background:var(--oym-walnut-soft);color:var(--oym-walnut);
  border-radius:var(--oym-r-pill);font-size:var(--oym-fs-2xs);font-weight:700;
}

/* ==== §6 本文のネイティブ表(wp:table)を .oym-table の版面に寄せる ======= */
.articleBody .wp-block-table,
.entry-content .wp-block-table{margin:var(--oym-sp-3) 0;}
.articleBody .wp-block-table table,
.entry-content .wp-block-table table{
  width:100%;border-collapse:separate;border-spacing:0;
  background:var(--oym-surface);border:1px solid var(--oym-line);
  border-radius:var(--oym-r);overflow:hidden;
  font-size:14px;line-height:1.85;
}
.articleBody .wp-block-table th,
.entry-content .wp-block-table th{
  background:var(--oym-band);font-size:var(--oym-fs-2xs);font-weight:700;
  color:var(--oym-ink-2);text-align:left;padding:13px 16px;
  border:0;border-bottom:1px solid var(--oym-line);
}
.articleBody .wp-block-table td,
.entry-content .wp-block-table td{
  padding:15px 16px;border:0;border-bottom:1px solid var(--oym-line-soft);vertical-align:top;
}
.articleBody .wp-block-table tbody tr:nth-child(even) td,
.entry-content .wp-block-table tbody tr:nth-child(even) td{background:var(--oym-surface-alt);}
.articleBody .wp-block-table tbody tr:last-child td,
.entry-content .wp-block-table tbody tr:last-child td{border-bottom:0;}
.articleBody .wp-block-table :is(td,th).is-num,
.entry-content .wp-block-table :is(td,th).is-num{
  text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.articleBody .wp-block-table figcaption,
.entry-content .wp-block-table figcaption{
  font-size:var(--oym-fs-xs);line-height:1.9;color:var(--oym-ink-3);margin-top:var(--oym-sp-1);
}

/* ==== §7 テーマ側で無効化するもの(canvas L1264-1273) ====================
   × 記事一覧のアイキャッチ必須表示 / × カード全体のドロップシャドウ
   × 見出しの背景ベタ塗り・左罫 / × 記事内の広告自動挿入枠 / × 追従の申込バー */
.entry-thumb,
.eyecatch,
.entryCard__thumb,
.postList__thumb{display:none;}
.card,.entryCard,.postList__item,.widget{box-shadow:none;}
.articleBody :is(h2,h3,h4,h5){background-image:none;}
.footer-fix-menu,
.fixed-cta,
.floating-cta{display:none;}
/* 記事内の広告ラベルは使わない(常設表記はフッターへ一本化)。
   mods.php で false にしているが、表示された場合の面だけ整える。 */
.notice-label{
  background:var(--oym-band);color:var(--oym-ink-2);
  border:0;border-radius:var(--oym-r-pill);
  font-size:var(--oym-fs-2xs);line-height:1.9;padding:6px 12px;
}

/* ==== §8 親テーマの追従ヘッダ / ドロワーは出さない(子が1段で描く) ======= */
#header-fix,.header-fix,#gnav-fix,.gnav-fix,.drawer-menu{display:none;}