/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 28 2026 | 09:40:16 */
/* ============================================================
   MT5移行に伴う変更点ページ  —  ls-*   （I-20261027-02／-03 ／ D-20261027-01・02）
   固定ページ本文のHTMLと、Custom CSS & JS「LOSSCUTcss」に貼る。Fibozowcss・INDICATORcss には依存しない（独立）。

   【配色・書体・余白の出典】リニューアルのデザイン仕様書と実装の変数（teal＝FEAT 3.0の色 --c-teal-700 ほか）を使う。現行サイトには変数が無いので、var() の第2引数に同じ値を置いている。
     ・色：06_UIUX/05_デザインシステム/デザイン仕様書_第1版.md 9章の teal（--c-teal-900 #043D3A／700 #046B66／100 #D6EBE9／50 #EFF7F6）、--c-text #16202E／--c-text-sub #5A6474／--c-border #D8DCE3／--c-divider #8A8F99／--c-panel-bg #F6F7F9、--c-alert-700 #B3261E／--c-alert-50 #FDECEA
           値は renewal-forex の forex-renewal/view/assets/css/fetr-site.css の :root と同じ（2026-10-27 確認）。黄（#7A4B00／#FFF4DB／#E0B25A）は仕様書に無く、このページ内だけの値
     ・目次：fetr-page.css の .fetr-toc（背景 --c-panel-bg・項目の間に --c-divider の線）。現在位置の色は最初の版に合わせ teal
     ・見出し：fetr-page.css の .fetr-prose（h2 32px 太字・上余白96px／h3 20px 太字／h2直後 24px）。SPは h2 24px・上余白64px
     ・書体：fetr-site.css の --font-ja。表の紫の見出し・淡い紫の行見出しは fetr-page.css の .fetr-timetable の使い方に合わせた
   【色：最初の版（I-02）の配色に戻した（I-20261027-06）。末尾「色の復元」ブロック。紫への変更はユーザーが箇所を指定する予定】
   【方針（I-20261027-05）】囲みの形（枠・角丸・背景・余白）は最初の版（I-20261027-02）に戻し、色だけ紫系（＋現行MT4の図はグレー）に置き換えた。左アクセントバーは使わない。変更前（I-04）は backup_20261027_I05_before/。ファイル末尾の「囲みの復元」ブロックが該当。
           左アクセントバー（左端の色付き縦線）は使わない（D-20261020-07・08）。
   文字は13px未満にしない／操作要素は48px以上／フォーカスは3px輪郭線
   ============================================================ */

/* ════ 1. ページ全幅化（このページのみ・テーマのサイドバー非表示） ════ */
.col-md-9.mainSection:has(.ls-wrap),
.col-md-9.mainSection:has(.ls-wrap) .entry-body {
  max-width: 100% !important; width: 100% !important;
  padding-left: 0 !important; padding-right: 0 !important;
  margin-left: 0 !important; margin-right: 0 !important; float: none !important;
}
.col-md-3.subSection:has(~ .col-md-9 .ls-wrap),
.col-md-9.mainSection:has(.ls-wrap) ~ .col-md-3 { display: none !important; }
.row.con_width:has(.ls-wrap) { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
body:has(.ls-wrap) .siteContent > .container { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
body:has(.ls-wrap) .siteContent { background: #fff; }
@media (prefers-reduced-motion: no-preference) { html:has(.ls-wrap) { scroll-behavior: smooth; } }

/* ════ 2. トークン・ベース・テーマCSSの打ち消し ════ */
.ls-outer { padding: 0 0 96px; background: #fff; }
.ls-wrap {
  --ls-font: var(--font-ja, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif);
  --ls-text: var(--c-text, #16202E);
  --ls-sub: var(--c-text-sub, #5A6474);
  --ls-line: var(--c-border, #D8DCE3);
  --ls-divider: var(--c-divider, var(--c-border-strong, #8A8F99));
  --ls-panel: var(--c-panel-bg, #F6F7F9);
  --ls-accent: var(--c-teal-700, #046B66);                  /* 選択色・現在位置・強調（最初の版 I-02 の色＝FEAT 3.0のティール） */
  --ls-accent-dark: var(--c-teal-900, #043D3A);
  --ls-accent-100: var(--c-teal-100, #D6EBE9);
  --ls-accent-50: var(--c-teal-50, #EFF7F6);
  --ls-warn: #7A4B00;                                         /* アラート帯・注意枠の文字（背景 --ls-warn-bg 上で 7:1 以上）。仕様書に警告色が無いため、このページ内だけの値 */
  --ls-warn-bg: #FFF4DB;
  --ls-warn-line: #E0B25A;
  --ls-alert-bg: var(--c-alert-50, #FDECEA);
  --ls-alert: var(--c-alert-700, #B3261E);                              /* 確認用の注記だけ */
  --ls-pad: 24px;
  max-width: none; margin: 0; padding: 0; background: #fff; box-shadow: none;
  font-family: var(--ls-font); font-size: 16px; color: var(--ls-text); -webkit-font-smoothing: antialiased;
}
.ls-wrap, .ls-wrap * { line-height: 1.8; }
.ls-wrap * { color: inherit; font-family: var(--ls-font); font-weight: inherit; letter-spacing: normal; }
.ls-wrap *, .ls-wrap *::before, .ls-wrap *::after { box-sizing: border-box; }
.ls-inner { max-width: calc(1200px + var(--ls-pad) * 2); margin: 0 auto; padding: 0 var(--ls-pad); }
body .ls-wrap h1, body .ls-wrap h2, body .ls-wrap h3, body .ls-wrap h4 {
  font-family: var(--ls-font) !important; font-weight: 700 !important; color: var(--ls-text);
  border: 0 !important; padding: 0 !important; background: none !important; text-transform: none !important;
  box-shadow: none !important; text-shadow: none !important; letter-spacing: 0; margin-bottom: 0;
}
body .ls-wrap h1::after, body .ls-wrap h2::after, body .ls-wrap h3::after, body .ls-wrap h4::after,
body .ls-wrap h1::before, body .ls-wrap h2::before, body .ls-wrap h3::before, body .ls-wrap h4::before { content: none !important; border: 0 !important; }
body .ls-wrap ul, body .ls-wrap ol, body .ls-wrap li { list-style: none !important; margin: 0; padding: 0; }
body .ls-wrap a, body .ls-wrap a:hover, body .ls-wrap a:focus, body .ls-wrap a:active, body .ls-wrap a:visited { text-decoration: none !important; }
body .ls-wrap p, body .ls-wrap figure, body .ls-wrap table { margin: 0; }
body .ls-wrap :focus-visible { outline: 3px solid var(--ls-text) !important; outline-offset: 2px !important; }
/* 本文中のリンクは下線つき（色だけに頼らない）。ホバーで紫（.fetr-prose a と同じ） */
body .ls-wrap .ls-main p a, body .ls-wrap .ls-main p a:visited, body .ls-wrap .ls-table a, body .ls-wrap .ls-table a:visited {
  color: var(--ls-accent-dark) !important; text-decoration: underline !important; text-underline-offset: 3px;
}
body .ls-wrap .ls-main p a:hover, body .ls-wrap .ls-table a:hover { text-decoration: none !important; color: var(--ls-accent) !important; }

body .ls-wrap .ls-h1 { margin: 56px 0 0; font-size: 36px; line-height: 1.4; }
body .ls-wrap .ls-lead { margin: 32px 0 0; font-size: 16px; line-height: 1.8; color: var(--ls-sub); }
body .ls-wrap .ls-updated { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: var(--ls-sub); }
/* 確認用の注記（公開前に本文から削除する）。枠・背景なしの文字だけ */
body .ls-wrap .ls-draft { margin: 24px 0 0; font-size: 14px; line-height: 1.7; color: var(--ls-alert); }
body .ls-wrap .ls-draft strong { font-weight: 700; }

/* ════ 3. レイアウト（PC：左ナビ＋本文868px。1070px以下は目次を本文の前に置く） ════ */
.ls-layout { display: block; margin-top: 56px; }
.ls-main { min-width: 0; }
@media (min-width: 1071px) {
  .ls-layout { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 868px); column-gap: 32px; align-items: start; }
  .ls-side { position: sticky; top: var(--ls-sticky-top, calc(var(--fetr-header-offset, 148px) + 24px)); max-height: calc(100vh - var(--ls-sticky-top, calc(var(--fetr-header-offset, 148px) + 24px)) - 24px); overflow-y: auto; }
}
@media (max-width: 1070px) { .ls-layout { margin-top: 40px; } .ls-side { margin-bottom: 40px; } }

/* ---- 左ナビ（目次）：.fetr-toc と同じ。背景は --c-panel-bg、H2のグループの間に線、現在位置は紫。H2＞H3の2階層 ---- */
.ls-toc { background: var(--ls-panel); }
.ls-toc-list > li + li { border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-toc-list a, body .ls-wrap .ls-toc-list a:visited { display: block; padding: 12px 16px; font-size: 15px; line-height: 1.5; color: var(--ls-text); }
body .ls-wrap .ls-toc-h2 > a { padding: 16px 16px 8px; font-size: 16px; font-weight: 700; }
body .ls-wrap .ls-toc-h2:not(:has(.ls-toc-sub)) > a { padding-bottom: 16px; }
.ls-toc-list > li:first-child > a { padding-top: 24px !important; }
.ls-toc-sub { padding: 0 0 12px; }
body .ls-wrap .ls-toc-sub a { padding: 8px 16px 8px 32px; }
body .ls-wrap .ls-toc-list a.is-current { color: var(--ls-accent); font-weight: 700; }
@media (hover: hover) { body .ls-wrap .ls-toc-list a:hover { color: var(--ls-accent); text-decoration: underline !important; text-underline-offset: 4px; } }

/* ════ 4. 本文（H2＝変更の分野／H3＝その中の項目／H4＝小見出し） ════ */
.ls-topic { margin-top: 96px; scroll-margin-top: calc(var(--fetr-header-offset, 148px) + 24px); }
.ls-topic:first-child { margin-top: 0; }
.ls-sec { margin-top: 64px; scroll-margin-top: calc(var(--fetr-header-offset, 148px) + 24px); }
.ls-topic > .ls-h2 + .ls-sec { margin-top: 40px; }
body .ls-wrap .ls-sec > * + *, body .ls-wrap .ls-topic > * + * { margin-top: 24px; }
body .ls-wrap .ls-topic > .ls-sec { margin-top: 64px; }
body .ls-wrap .ls-topic > .ls-h2 + .ls-sec { margin-top: 40px; }
body .ls-wrap .ls-h2 { font-size: 32px; line-height: 1.3; }
body .ls-wrap .ls-h3 { font-size: 24px; line-height: 1.5; }
body .ls-wrap .ls-h4 { margin-top: 40px; font-size: 18px; line-height: 1.6; }
body .ls-wrap .ls-sec > .ls-h4 + * , body .ls-wrap .ls-topic > .ls-h4 + * { margin-top: 16px; }
@media (max-width: 1070px) { .ls-topic { margin-top: 80px; } .ls-sec { margin-top: 48px; } body .ls-wrap .ls-topic > .ls-sec { margin-top: 48px; } }
@media (max-width: 767px) { body .ls-wrap .ls-h1 { font-size: 28px; margin-top: 40px; } body .ls-wrap .ls-h2 { font-size: 24px; } body .ls-wrap .ls-h3 { font-size: 20px; } .ls-topic { margin-top: 64px; } }
body .ls-wrap .ls-note { margin-top: 16px; font-size: 14px; line-height: 1.7; color: var(--ls-sub); }
body .ls-wrap .ls-sec > .ls-note + .ls-note { margin-top: 4px; }
/* 「予定」：枠や背景を付けず、紫の文字だけ */
body .ls-wrap .ls-plan { margin-left: 4px; font-size: 13px; font-weight: 400; color: var(--ls-accent-dark); }

/* ---- 比較表：縦線なし。横罫線だけ（見出し行の下は濃い線、行の間は淡い線）。移行後の列は見出しの文字だけ紫 ---- */
.ls-table { width: 100%; border-collapse: collapse; font-size: 16px; table-layout: fixed; }
.ls-table th, .ls-table td { padding: 16px 16px 16px 0; text-align: left; vertical-align: top; border: 0; border-top: 1px solid var(--ls-line); line-height: 1.7; word-break: auto-phrase; overflow-wrap: anywhere; }
.ls-table thead th { border-top: 0; border-bottom: 1px solid var(--ls-divider); padding-top: 8px; padding-bottom: 8px; font-size: 15px; background: none; }
body .ls-wrap .ls-table th { font-weight: 700; }
body .ls-wrap .ls-table td { font-weight: 400; }
body .ls-wrap .ls-table thead th.ls-col-mt5 { color: var(--ls-accent-dark); }
.ls-table tbody th { width: 26%; }
.ls-table--levels tbody th { width: 34%; }
@media (max-width: 767px) {
  /* 狭い画面では行を縦に積む（横スクロールにしない）。列名は各セルの data-label から出す。囲みは付けず罫線だけ */
  body .ls-wrap .ls-table, body .ls-wrap .ls-table tbody, body .ls-wrap .ls-table tr, body .ls-wrap .ls-table th, body .ls-wrap .ls-table td { display: block !important; width: auto !important; }
  .ls-table thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ls-table tbody tr { padding: 16px 0; border-top: 1px solid var(--ls-line); }
  .ls-table tbody tr:first-child { border-top: 1px solid var(--ls-divider); }
  .ls-table th, .ls-table td { padding: 0; border: 0; }
  .ls-table tbody td { margin-top: 8px; }
  .ls-table td::before { content: attr(data-label); display: block; font-size: 13px; line-height: 1.5; font-weight: 700; color: var(--ls-sub); }
  .ls-table td.ls-col-mt5::before { color: var(--ls-accent-dark); }
}

/* ---- 計算式：背景なし。太字の1行だけ ---- */
body .ls-wrap .ls-formula-ttl { font-size: 14px; line-height: 1.6; color: var(--ls-sub); }
body .ls-wrap .ls-formula-body { margin-top: 4px; font-size: 20px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 767px) { body .ls-wrap .ls-formula-body { font-size: 17px; } }

/* ---- 図1：証拠金維持率と状態（縦の目盛り）。外枠なし。棒は紫の濃淡（通常＝紫50、アラート＝紫100、ロスカット＝紫600）。数値は .ls-vchart の style の --lv-* だけを変える ---- */
.ls-fig { padding: 24px; border: 1px solid var(--ls-line); border-radius: var(--ls-r, 8px); }
.ls-fig > .ls-fig-cap { margin-top: 16px; }
.ls-legend { display: flex; flex-wrap: wrap; column-gap: 24px; row-gap: 4px; margin-bottom: 16px; font-size: 14px; line-height: 1.6; }
body .ls-wrap .ls-legend li { display: inline-flex; align-items: center; gap: 8px; }
.ls-sw { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 2px; }
.ls-fig-cap { margin-top: 16px; font-size: 14px; line-height: 1.7; color: var(--ls-sub); }
.ls-vchart { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr); column-gap: 12px; max-width: 560px; margin: 0; padding-top: 8px; --lv-axis: 64px; }
.ls-vc-ttl { min-height: 56px; margin-bottom: 8px; font-size: 14px !important; font-weight: 700; line-height: 1.5 !important; text-align: center; }
.ls-vc-axis { position: relative; grid-column: 1; grid-row: 1; margin-top: 64px; height: var(--lv-h, 360px); }
.ls-vc-col { grid-row: 1; }
.ls-vc-col--mt4 { grid-column: 2; } .ls-vc-col--mt5 { grid-column: 3; }
.ls-vbar { display: flex; flex-direction: column; height: var(--lv-h, 360px); }
.ls-vseg { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 4px; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: center; border-top: 1px solid #fff; }
.ls-vseg:first-child { border-top: 0; }
.ls-vseg--ok { background: var(--ls-accent-50); color: var(--ls-accent-dark); }
.ls-vseg-sub { display: block; font-size: 13px; font-weight: 400; line-height: 1.3; }
/* 現行（MT4）の棒はグレー、移行後（MT5）の棒は紫。色だけに頼らず、棒の上の見出し・棒の中の文字と数値でも判別できる */
.ls-vseg--warn { background: repeating-linear-gradient(135deg, var(--ls-accent-100) 0 6px, #fff 6px 10px); color: var(--ls-accent-dark); box-shadow: inset 0 0 0 1px var(--ls-accent); }
body .ls-wrap .ls-vseg--lc { background: var(--ls-accent); color: #fff; }
.ls-vseg--mt4-ok { height: calc((var(--lv-max) - var(--lv-mt4)) / var(--lv-max) * 100%); }
.ls-vseg--mt4-lc { height: calc(var(--lv-mt4) / var(--lv-max) * 100%); }
.ls-vseg--mt5-ok { height: calc((var(--lv-max) - var(--lv-alert)) / var(--lv-max) * 100%); }
.ls-vseg--mt5-warn { height: calc((var(--lv-alert) - var(--lv-mt5)) / var(--lv-max) * 100%); }
.ls-vseg--mt5-lc { height: calc(var(--lv-mt5) / var(--lv-max) * 100%); }
.ls-tick { position: absolute; left: 0; right: 0; bottom: calc(var(--v) / var(--lv-max) * 100%); transform: translateY(50%); counter-reset: lv var(--v); font-size: 14px; line-height: 1.2; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.ls-tick::after { content: counter(lv) "％"; }
.ls-vc-end { position: absolute; right: 0; font-size: 13px; line-height: 1.2; color: var(--ls-sub); }
.ls-vc-end--hi { top: -4px; } .ls-vc-end--lo { bottom: -4px; }
.ls-vc-guides { position: absolute; left: calc(var(--lv-axis, 64px) + 4px); right: 0; top: 72px; height: var(--lv-h, 360px); pointer-events: none; }
.ls-vc-guides span { position: absolute; left: -8px; right: 0; bottom: calc(var(--v) / var(--lv-max) * 100%); border-top: 1px dashed var(--ls-divider); }
@media (max-width: 767px) { .ls-fig { padding: 16px; } .ls-vchart { grid-template-columns: 52px minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px; --lv-axis: 52px; } }

/* ---- 図2：決済のイメージ（建玉の並び）。囲みなし。罫線と文字だけ。決済＝文字、保有継続＝紫の太字 ---- */
.ls-pos { display: grid; gap: 32px; }
body .ls-wrap .ls-pos-ttl { font-size: 15px; font-weight: 700; line-height: 1.5; }
.ls-pos-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; margin-top: 8px !important; border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-pos-item { display: flex; flex-direction: column; gap: 0; padding: 12px 0; border-bottom: 1px solid var(--ls-line); }
.ls-pos-item > span { display: block; line-height: 1.6; }
.ls-pos-name { font-size: 15px; font-weight: 700; }
.ls-pos-loss { font-size: 13px; color: var(--ls-sub); }
.ls-pos-state { font-size: 15px; font-weight: 700; }
.ls-pos-item.is-kept .ls-pos-state { color: var(--ls-accent-dark); }
.ls-pos-item.is-closed { opacity: 1; }
body .ls-wrap .ls-pos-cap { margin-top: 8px; font-size: 14px; line-height: 1.7; color: var(--ls-text); }
@media (max-width: 767px) { .ls-pos-list { column-gap: 12px; } }

/* ---- 追加証拠金・強制決済：現行／移行後を2列に並べ、上に線。枠・背景なし ---- */
.ls-cmp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; align-items: start; }
.ls-card { padding-top: 16px; border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-card-ttl { margin: 0 !important; font-size: 16px; line-height: 1.5; }
body .ls-wrap .ls-card--mt5 .ls-card-ttl { color: var(--ls-accent-dark); }
.ls-card-body { margin-top: 16px; }
.ls-card-link { margin-top: 12px; font-size: 14px; }
.ls-steps { margin-top: 16px !important; counter-reset: ls-step; }
body .ls-wrap .ls-steps li { position: relative; padding: 0 0 20px 36px; counter-increment: ls-step; }
body .ls-wrap .ls-steps li:last-child { padding-bottom: 0; }
.ls-steps li::before { content: counter(ls-step); position: absolute; left: 0; top: 0; width: 24px; font-size: 16px; font-weight: 700; line-height: 1.8; color: var(--ls-accent-dark); font-variant-numeric: tabular-nums; }
.ls-steps li > strong, .ls-steps li > span { display: block; line-height: 1.7; }
.ls-steps li > strong { font-weight: 700; }
.ls-steps li > span { margin-top: 2px; font-size: 15px; }
@media (max-width: 767px) { .ls-cmp { grid-template-columns: minmax(0, 1fr); row-gap: 32px; } }

/* ---- 流れ（アラート → 対応 → ロスカット）：3列、上に線。枠・背景なし。矢印は付けず番号で順序を示す ---- */
.ls-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
body .ls-wrap .ls-flow-item { display: flex; flex-direction: column; gap: 4px; padding-top: 16px; border-top: 1px solid var(--ls-divider); }
.ls-flow-item > span, .ls-flow-item > strong { display: block; line-height: 1.7; }
.ls-flow-item > strong { font-weight: 700; }
.ls-flow-item > span:not(.ls-flow-n) { font-size: 15px; }
body .ls-wrap .ls-flow-item > span.ls-flow-n { font-size: 20px; font-weight: 700; line-height: 1.4; color: var(--ls-accent-dark); font-variant-numeric: tabular-nums; }
@media (max-width: 767px) { .ls-flow { grid-template-columns: minmax(0, 1fr); row-gap: 24px; } }

/* ---- 注意・リスト：囲みなし。小見出しの太字＋罫線 ---- */
body .ls-wrap .ls-caution { padding-top: 16px; border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-caution-ttl { font-size: 16px; font-weight: 700; }
.ls-list { margin-top: 8px !important; }
body .ls-wrap .ls-list li { position: relative; padding-left: 20px; }
body .ls-wrap .ls-list li::before { content: ""; position: absolute; left: 4px; top: 13px; width: 6px; height: 6px; border-radius: 50%; background: var(--ls-text); }
.ls-list li + li { margin-top: 4px; }
body .ls-wrap .ls-list--cards { display: block; margin-top: 24px !important; border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-list--cards li { padding: 16px 0; border-bottom: 1px solid var(--ls-line); }
body .ls-wrap .ls-list--cards li::before { content: none; }
.ls-list--cards li + li { margin-top: 0; }
.ls-list--cards li > strong, .ls-list--cards li > span { display: block; }
.ls-list--cards li > strong { font-weight: 700; }

/* ════ 囲みの復元（I-20261027-05）：形は最初の版（I-20261027-02）と同じ。色だけ紫系に。左アクセントバーは無し ════ */
/* 確認用の注記（公開前に削除）：全周の細い枠＋背景 */
body .ls-wrap .ls-draft { padding: 16px 24px; border: 1px solid var(--ls-accent); border-radius: var(--ls-r, 8px); background: var(--ls-accent-50); color: var(--ls-text); }
body .ls-wrap .ls-draft strong { display: block; font-size: 16px; color: var(--ls-alert); }
/* 4で足した面（.ls-panel）は使わない。表は表自身の枠で囲む */
body .ls-wrap .ls-panel, body .ls-wrap .ls-panel--notes { padding: 0; border-radius: 0; background: none; }
/* 比較表：外枠＋角丸。見出し行は薄いグレー、移行後の列は紫の見出し＋薄い紫のセル */
body .ls-wrap .ls-table { border-collapse: separate; border-spacing: 0; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); overflow: hidden; }
body .ls-wrap .ls-table th, body .ls-wrap .ls-table td { padding: 16px; border-top: 1px solid var(--ls-line); }
body .ls-wrap .ls-table thead th { border-top: 0; border-bottom: 0; padding-top: 16px; padding-bottom: 16px; background: var(--ls-panel); }
body .ls-wrap .ls-table thead th.ls-col-mt5 { background: var(--ls-accent); color: #fff; }
body .ls-wrap .ls-table tbody th { background: #fff; }
body .ls-wrap .ls-table td.ls-col-mt5 { background: var(--ls-accent-50); }
body .ls-wrap .ls-plan { display: inline-block; margin-left: 8px; padding: 0 8px; border: 1px solid #fff; border-radius: 999px; background: #fff; color: var(--ls-accent-dark); font-size: 13px; line-height: 22px; vertical-align: middle; }
@media (max-width: 767px) {
  body .ls-wrap .ls-table { border: 0; border-radius: 0; overflow: visible; }
  body .ls-wrap .ls-table tbody tr { margin-top: 16px; padding: 0; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); overflow: hidden; }
  body .ls-wrap .ls-table tbody tr:first-child { margin-top: 0; border-top: 1px solid var(--ls-divider); }
  body .ls-wrap .ls-table th, body .ls-wrap .ls-table td { padding: 12px 16px; border: 0; }
  body .ls-wrap .ls-table tbody td { margin-top: 0; }
  body .ls-wrap .ls-table tbody th { background: var(--ls-panel); }
  body .ls-wrap .ls-table td.ls-col-mt5 { background: var(--ls-accent-50); }
}
/* 計算式：薄いグレーの面 */
body .ls-wrap .ls-formula { padding: 16px 24px; border-radius: var(--ls-r, 8px); background: var(--ls-panel); }
/* 図2：決済のイメージ。建玉ごとのカード。現行＝グレー、移行後＝紫（図1と同じ割り当て） */
.ls-pos-list { column-gap: 12px; border-top: 0; }
body .ls-wrap .ls-pos-item { padding: 12px; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); text-align: center; background: #fff; }
.ls-pos-row--mt4 .ls-pos-item { background: var(--ls-gray-100); border-color: var(--ls-gray-800); }
.ls-pos-row--mt4 .ls-pos-state, .ls-pos-row--mt5 .ls-pos-item.is-closed .ls-pos-state { margin-top: 4px; padding: 2px 8px; border-radius: 999px; font-size: 14px; color: #fff; }
.ls-pos-row--mt4 .ls-pos-state { background: var(--ls-gray-800); }
.ls-pos-row--mt5 .ls-pos-item.is-closed { background: var(--ls-accent-100); border-color: var(--ls-accent); }
.ls-pos-row--mt5 .ls-pos-item.is-closed .ls-pos-state { background: var(--ls-accent); }
.ls-pos-row--mt5 .ls-pos-item.is-kept { background: var(--ls-accent-50); border-color: var(--ls-accent); }
.ls-pos-row--mt5 .ls-pos-item.is-kept .ls-pos-state { margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: #fff; border: 1px solid var(--ls-accent); color: var(--ls-accent-dark); font-size: 14px; }
@media (max-width: 767px) { .ls-pos-list { column-gap: 8px; } body .ls-wrap .ls-pos-item { padding: 8px 4px; } .ls-pos-state { font-size: 13px !important; padding: 2px 4px !important; } }
/* 追加証拠金・強制決済：現行／移行後のカード */
.ls-cmp { column-gap: 24px; }
.ls-card { padding: 24px; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); background: #fff; }
.ls-card--mt5 { background: var(--ls-accent-50); border-color: var(--ls-accent); }
body .ls-wrap .ls-card-ttl { font-size: 18px; }
/* 手順：番号の丸＋縦のつなぎ線 */
body .ls-wrap .ls-steps li { padding-left: 40px; }
.ls-steps li::before { top: 2px; display: grid; place-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ls-text); color: #fff; font-size: 14px; line-height: 1; }
.ls-steps li:not(:last-child)::after { content: ""; position: absolute; left: 13px; top: 34px; bottom: 6px; width: 2px; background: var(--ls-line); }
/* 流れ：3つのカード＋矢印 */
.ls-flow { column-gap: 32px; }
body .ls-wrap .ls-flow-item { position: relative; padding: 16px; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); background: #fff; }
body .ls-wrap .ls-flow-item > span.ls-flow-n { display: grid; place-content: center; width: 28px; height: 28px; margin-bottom: 4px; border-radius: 50%; background: var(--ls-text); color: #fff; font-size: 14px; line-height: 1 !important; }
body .ls-wrap .ls-flow-item:nth-child(1) { background: var(--ls-accent-100); border-color: var(--ls-accent); }
body .ls-wrap .ls-flow-item:nth-child(3) { background: var(--ls-accent-50); border-color: var(--ls-accent); }
.ls-flow-item:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -22px; width: 12px; height: 12px; margin-top: -6px; border-top: 3px solid var(--ls-text); border-right: 3px solid var(--ls-text); transform: rotate(45deg); }
@media (max-width: 767px) { .ls-flow { row-gap: 28px; } .ls-flow-item:not(:last-child)::after { top: auto; right: auto; bottom: -22px; left: 50%; margin: 0 0 0 -6px; transform: rotate(135deg); } }
/* 注意枠・ご注意のカード */
body .ls-wrap .ls-caution { padding: 16px 24px; border: 1px solid var(--ls-accent); border-radius: var(--ls-r, 8px); background: var(--ls-accent-50); }
body .ls-wrap .ls-list--cards { display: grid; gap: 16px; margin-top: 24px !important; border-top: 0; }
body .ls-wrap .ls-list--cards li { padding: 16px 24px; border: 1px solid var(--ls-divider); border-radius: var(--ls-r, 8px); background: #fff; }
@media (max-width: 767px) { body .ls-wrap .ls-list--cards li, body .ls-wrap .ls-caution, body .ls-wrap .ls-draft { padding: 12px 16px; } .ls-card { padding: 16px; } }

/* ════ 色の復元（I-20261027-06）：最初の版（I-20261027-02）の配色に戻す。囲みの形・H1＞H2＞H3・左ナビ・本文は維持。色以外の手がかり（図の凡例・数値ラベル・斜線）は残す ════ */
/* 確認用の注記：赤の枠＋薄い赤の面 */
body .ls-wrap .ls-draft { border-color: var(--ls-alert); background: var(--ls-alert-bg); }
body .ls-wrap .ls-draft strong { color: var(--ls-alert); }
/* 図1：通常＝ティール、アラート＝黄（斜線）、ロスカット＝赤。現行・移行後の棒は同じ色（見出し・凡例・数値で区別） */
.ls-vseg--ok { background: var(--ls-accent-100); color: var(--ls-accent-dark); }
.ls-vseg--warn { background: repeating-linear-gradient(135deg, var(--ls-warn-bg) 0 6px, #fff 6px 10px); color: var(--ls-warn); box-shadow: inset 0 0 0 1px var(--ls-warn-line); }
body .ls-wrap .ls-vseg--lc { background: var(--ls-alert-bg); color: var(--ls-alert); }
.ls-sw--lc { background: var(--ls-alert-bg); outline: 1px solid var(--ls-alert); outline-offset: -1px; }
.ls-sw--warn { background: repeating-linear-gradient(135deg, var(--ls-warn-bg) 0 4px, #fff 4px 7px); outline: 1px solid var(--ls-warn-line); outline-offset: -1px; }
.ls-sw--ok { background: var(--ls-accent-100); }
/* 図2：決済＝赤、保有継続＝ティール */
.ls-pos-row--mt4 .ls-pos-item, .ls-pos-row--mt5 .ls-pos-item.is-closed { background: var(--ls-alert-bg); border-color: var(--ls-alert); }
.ls-pos-row--mt4 .ls-pos-state, .ls-pos-row--mt5 .ls-pos-item.is-closed .ls-pos-state { background: var(--ls-alert); color: #fff; }
.ls-pos-row--mt5 .ls-pos-item.is-kept { background: var(--ls-accent-50); border-color: var(--ls-accent); }
.ls-pos-row--mt5 .ls-pos-item.is-kept .ls-pos-state { background: var(--ls-accent); border: 0; color: #fff; }
/* 流れ：1＝黄、3＝赤。注意枠＝黄 */
body .ls-wrap .ls-flow-item:nth-child(1) { background: var(--ls-warn-bg); border-color: var(--ls-warn-line); }
body .ls-wrap .ls-flow-item:nth-child(3) { background: var(--ls-alert-bg); border-color: var(--ls-alert); }
body .ls-wrap .ls-caution { border-color: var(--ls-warn-line); background: var(--ls-warn-bg); }
body .ls-wrap .ls-caution-ttl { color: var(--ls-warn); }
/* 表の移行後の見出し・「予定」・SPの列名 */
body .ls-wrap .ls-plan { border-color: #fff; color: var(--ls-accent); }

/* ════ 一覧ページ・詳細ページ最下部（I-20261028-03／D-20261028-03） ════
   一覧ページ（[mt5_changes_list]）・詳細ページ最下部の「他の変更点」（[mt5_changes_more]）。
   囲みなし。罫線と文字だけ。色は既存と同じ（リンクは --ls-accent-dark）。左アクセントバーは使わない。
   （詳細ページ上部の一覧へのリンク .ls-crumb は I-20261028-06 で廃止＝D-20261028-07） */

/* ════ 用語集へのリンク（I-20261028-06）════
   本文中の専門語に付ける。色は既存の本文リンクと同じ（--ls-accent-dark）。通常のリンク（実線の下線）と区別するため点線の下線にする。
   p・表のセルは上の「本文中のリンク」ルールでも下線になるが、li の中は対象外なので、ここで全体に指定する。 */
body .ls-wrap .ls-main a.ls-gloss, body .ls-wrap .ls-main a.ls-gloss:visited {
  color: var(--ls-accent-dark) !important; text-decoration: underline dotted !important; text-underline-offset: 3px; text-decoration-thickness: 1.5px;
}
body .ls-wrap .ls-main a.ls-gloss:hover, body .ls-wrap .ls-main a.ls-gloss:focus { color: var(--ls-accent) !important; text-decoration: underline !important; }

.ls-main--index { max-width: 868px; margin-top: 56px; }
@media (max-width: 1070px) { .ls-main--index { margin-top: 40px; } }
body .ls-wrap .ls-index { border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-index-item { padding: 24px 0; border-bottom: 1px solid var(--ls-line); }
body .ls-wrap .ls-index-item > * + * { margin-top: 8px; }
body .ls-wrap .ls-index-ttl { font-size: 24px; line-height: 1.5; }
body .ls-wrap .ls-index-date { font-size: 14px; line-height: 1.6; color: var(--ls-sub); }
body .ls-wrap .ls-index-more { font-size: 15px; }
body .ls-wrap .ls-index-ttl a, body .ls-wrap .ls-index-ttl a:visited, body .ls-wrap .ls-index-more a, body .ls-wrap .ls-index-more a:visited {
  color: var(--ls-accent-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body .ls-wrap .ls-index-ttl a:hover, body .ls-wrap .ls-index-more a:hover { text-decoration: none !important; color: var(--ls-accent) !important; }
body .ls-wrap .ls-index-empty { padding: 24px 0; border-top: 1px solid var(--ls-divider); border-bottom: 1px solid var(--ls-line); color: var(--ls-sub); }
body .ls-wrap .ls-main--index > .ls-note { margin-top: 24px; }
@media (max-width: 767px) { body .ls-wrap .ls-index-ttl { font-size: 20px; } }

body .ls-wrap .ls-more { margin-top: 96px; padding-top: 32px; border-top: 1px solid var(--ls-divider); }
body .ls-wrap .ls-more-ttl { font-size: 20px; line-height: 1.5; }
body .ls-wrap .ls-more-list { margin-top: 16px; border-top: 1px solid var(--ls-line); }
body .ls-wrap .ls-more-list li { padding: 16px 0; border-bottom: 1px solid var(--ls-line); }
body .ls-wrap .ls-more-list li > a, body .ls-wrap .ls-more-list li > a:visited, body .ls-wrap .ls-more-back a, body .ls-wrap .ls-more-back a:visited {
  color: var(--ls-accent-dark) !important; font-weight: 700; text-decoration: underline !important; text-underline-offset: 3px; }
body .ls-wrap .ls-more-list li > a:hover, body .ls-wrap .ls-more-back a:hover { text-decoration: none !important; color: var(--ls-accent) !important; }
body .ls-wrap .ls-more-sum { display: block; margin-top: 4px; font-size: 15px; line-height: 1.7; color: var(--ls-sub); }
body .ls-wrap .ls-more-back { margin-top: 24px; }
body .ls-wrap .ls-more-back a { display: inline-flex; align-items: center; min-height: 48px; }
@media (max-width: 767px) { body .ls-wrap .ls-more { margin-top: 64px; } }

/* ════ 詳細ページ6本・一覧ページ（I-20261028-04） ════
   資料（MT5移行_HP掲載内容案）の節をそのまま H2 に並べるための追加。囲みは増やさない。色は既存と同じ。左アクセントバーは使わない。 */
/* 箇条書き・手順が節の直下に来たときの余白 */
body .ls-wrap .ls-topic > .ls-list { margin-top: 24px !important; }
body .ls-wrap .ls-topic > .ls-list li + li { margin-top: 8px; }
body .ls-wrap .ls-topic > .ls-steps { margin-top: 24px !important; }
/* 節の中の小見出し（H3）：「よくあるご質問」の質問、「決済のイメージ」 */
body .ls-wrap .ls-h3--q { margin-top: 32px; font-size: 18px; line-height: 1.6; }
body .ls-wrap .ls-topic > .ls-h2 + .ls-h3--q { margin-top: 24px; }
body .ls-wrap .ls-h3--q + * { margin-top: 8px; }
body .ls-wrap .ls-h3--q + .ls-fig { margin-top: 16px; }
/* ページ末の注意書き・一覧ページのリード文 */
body .ls-wrap .ls-foot { margin-top: 64px; }
body .ls-wrap .ls-foot .ls-note { margin-top: 0; }
body .ls-wrap .ls-lead + .ls-lead { margin-top: 8px; }
body .ls-wrap .ls-lead a, body .ls-wrap .ls-lead a:visited { color: var(--ls-accent-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; }
body .ls-wrap .ls-lead a:hover { text-decoration: none !important; color: var(--ls-accent) !important; }
body .ls-wrap .ls-main--index > .ls-topic > .ls-h2 + * { margin-top: 24px; }
body .ls-wrap .ls-main--index .ls-index { margin-top: 24px; }
@media (max-width: 767px) { body .ls-wrap .ls-foot { margin-top: 48px; } body .ls-wrap .ls-h3--q { font-size: 17px; } }

/* ════ 編集者向けプレビューの印（I-20261028-08／D-20261028-09）════
   ログイン中の編集者が ?mt5preview=1 で見たときだけ出る（プラグイン mt5-changes-index 1.4.0）。一般の訪問者の画面には出ない。
   色は「確認用」の枠（.ls-draft）と同じ赤系（--ls-alert）。左アクセントバーは使わない。 */
body .ls-wrap .ls-prv {
  display: inline-block; margin-left: 8px; padding: 0 8px; border: 1px solid var(--ls-alert); border-radius: 4px;
  font-size: 13px; font-weight: 700; line-height: 1.7; color: var(--ls-alert); background: var(--ls-alert-bg); vertical-align: middle; white-space: nowrap;
}
body .ls-wrap .ls-prv-note { margin: 0 0 16px; padding: 8px 16px; border: 1px solid var(--ls-alert); border-radius: var(--ls-r, 8px); background: var(--ls-alert-bg); font-size: 14px; line-height: 1.7; color: var(--ls-text); }