/* ============================================================
   アソビノート - 記事の装飾（共通）
   このファイルは「フロント」と「投稿編集画面」の両方から読み込まれます。
   ここだけを直せば、書いているときと公開後の見た目が必ず一致します。

   色は var(--x, #既定値) 形式で書いています。
   編集画面ではテーマ変数が無いため、既定値（16進数）が使われます。
   ============================================================ */

/* ============================================================
   1. 文字装飾（ツールバーの「∨」から適用）
   ============================================================ */

/* --- アンダーマーカー（蛍光ペン風） --- */
mark.marker, .marker,
mark.marker-orange, .marker-orange,
mark.marker-green, .marker-green,
mark.marker-blue, .marker-blue,
mark.marker-pink, .marker-pink {
  color: inherit;
  font-weight: 700;
  padding: 0 2px;
  background-color: transparent;
}
mark.marker,        .marker        { background-image: linear-gradient(transparent 58%, #ffe28c 58%); }
mark.marker-orange, .marker-orange { background-image: linear-gradient(transparent 58%, #ffd0a6 58%); }
mark.marker-green,  .marker-green  { background-image: linear-gradient(transparent 58%, #bfe8cf 58%); }
mark.marker-blue,   .marker-blue   { background-image: linear-gradient(transparent 58%, #bce4ee 58%); }
mark.marker-pink,   .marker-pink   { background-image: linear-gradient(transparent 58%, #f9cddc 58%); }

/* --- 文字色つきの強調 --- */
.text-accent { color: var(--c-accent-d, #0a8494); font-weight: 700; }
.text-red    { color: #d6564a; font-weight: 700; }
.text-orange { color: var(--c-sub-d, #e8801f); font-weight: 700; }

/* --- 下線 --- */
.underline-dot   { border-bottom: 3px dotted var(--c-sub, #ff9a3c); padding-bottom: 1px; font-weight: 700; }
.underline-solid { border-bottom: 2px solid var(--c-accent, #12a5b8); padding-bottom: 1px; font-weight: 700; }

/* --- 文字サイズ・ラベル --- */
.text-big   { font-size: 1.25em; font-weight: 700; }
.text-small { font-size: .84em; color: var(--c-ink-soft, #62757f); }
.text-badge {
  display: inline-block;
  background: var(--c-accent, #12a5b8);
  color: #fff;
  font-size: .8em;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 999px;
  margin: 0 2px;
  line-height: 1.6;
}
/* おすすめ度（★の見出し用） */
.text-star { color: #f5a623; font-weight: 700; letter-spacing: .08em; }

/* ============================================================
   2. ボックス（段落／グループの「スタイル」から適用）
   ============================================================ */
.box-point,   .is-style-box-point,
.box-memo,    .is-style-box-memo,
.box-warning, .is-style-box-warning,
.box-danger,  .is-style-box-danger,
.box-ok,      .is-style-box-ok,
.box-ng,      .is-style-box-ng,
.box-qa,      .is-style-box-qa,
.box-voice,   .is-style-box-voice,
.box-spot,    .is-style-box-spot,
.box-access,  .is-style-box-access,
.box-price,   .is-style-box-price,
.box-season,  .is-style-box-season,
.box-rainy,   .is-style-box-rainy,
.box-kids,    .is-style-box-kids,
.box-plain,   .is-style-box-plain,
.box-fill,    .is-style-box-fill {
  border-radius: 12px;
  padding: 18px 20px;
  margin: 0 0 24px;
}

/* ボックス内の最後の要素は余白を詰める（グループブロック対応） */
.box-point > *:last-child,   .is-style-box-point > *:last-child,
.box-memo > *:last-child,    .is-style-box-memo > *:last-child,
.box-warning > *:last-child, .is-style-box-warning > *:last-child,
.box-danger > *:last-child,  .is-style-box-danger > *:last-child,
.box-ok > *:last-child,      .is-style-box-ok > *:last-child,
.box-ng > *:last-child,      .is-style-box-ng > *:last-child,
.box-qa > *:last-child,      .is-style-box-qa > *:last-child,
.box-voice > *:last-child,   .is-style-box-voice > *:last-child,
.box-spot > *:last-child,    .is-style-box-spot > *:last-child,
.box-access > *:last-child,  .is-style-box-access > *:last-child,
.box-price > *:last-child,   .is-style-box-price > *:last-child,
.box-season > *:last-child,  .is-style-box-season > *:last-child,
.box-rainy > *:last-child,   .is-style-box-rainy > *:last-child,
.box-kids > *:last-child,    .is-style-box-kids > *:last-child,
.box-plain > *:last-child,   .is-style-box-plain > *:last-child,
.box-fill > *:last-child,    .is-style-box-fill > *:last-child { margin-bottom: 0; }

/* ラベル（ボックス上部の見出し。本文だけ書けば自動で付きます） */
.box-point::before,   .is-style-box-point::before,
.box-memo::before,    .is-style-box-memo::before,
.box-warning::before, .is-style-box-warning::before,
.box-danger::before,  .is-style-box-danger::before,
.box-ok::before,      .is-style-box-ok::before,
.box-ng::before,      .is-style-box-ng::before,
.box-qa::before,      .is-style-box-qa::before,
.box-voice::before,   .is-style-box-voice::before,
.box-spot::before,    .is-style-box-spot::before,
.box-access::before,  .is-style-box-access::before,
.box-price::before,   .is-style-box-price::before,
.box-season::before,  .is-style-box-season::before,
.box-rainy::before,   .is-style-box-rainy::before,
.box-kids::before,    .is-style-box-kids::before {
  display: block;
  font-family: var(--font-round, "M PLUS Rounded 1c", sans-serif);
  font-weight: 700;
  font-size: .9rem;
  margin-bottom: 8px;
}

/* 💡 ポイント（コツ・おすすめ） */
.box-point, .is-style-box-point { background: #e6f6f9; border: 1.5px solid #a9dde7; }
.box-point::before, .is-style-box-point::before { content: "💡 ポイント"; color: var(--c-accent-d, #0a8494); }

/* 📝 メモ（補足・豆知識） */
.box-memo, .is-style-box-memo { background: #f1f6ee; border: 1.5px solid #cfe2c4; }
.box-memo::before, .is-style-box-memo::before { content: "📝 メモ"; color: #5b8347; }

/* ⚠️ 注意（気をつけること） */
.box-warning, .is-style-box-warning { background: #fff6e8; border: 1.5px solid #f7d5a4; }
.box-warning::before, .is-style-box-warning::before { content: "⚠️ 注意"; color: #c47a15; }

/* 🚨 重要・危険（けが・事故につながること） */
.box-danger, .is-style-box-danger { background: #fdecea; border: 2px solid #e0685c; }
.box-danger::before, .is-style-box-danger::before { content: "🚨 重要"; color: #b8382b; }

/* ✅ OK例 */
.box-ok, .is-style-box-ok { background: #edf8f1; border: 1.5px solid #bfe3ca; }
.box-ok::before, .is-style-box-ok::before { content: "✅ おすすめ"; color: #3f8a5b; }

/* ❌ NG例 */
.box-ng, .is-style-box-ng { background: #fdf0ef; border: 1.5px solid #f0c8c3; }
.box-ng::before, .is-style-box-ng::before { content: "❌ やりがちなNG"; color: #c25a4c; }

/* ❓ Q&A */
.box-qa, .is-style-box-qa { background: #f2f3fc; border: 1.5px solid #d2d5f0; }
.box-qa::before, .is-style-box-qa::before { content: "❓ よくある質問"; color: #5a5fa0; }

/* 💬 体験談 */
.box-voice, .is-style-box-voice { background: #f7f9fa; border: 1.5px dashed #c8d6dd; }
.box-voice::before, .is-style-box-voice::before { content: "💬 行ってきた人の声"; color: #6a7f8a; }

/* 📍 スポット基本情報（レジャーメディアの主役） */
.box-spot, .is-style-box-spot {
  background: #fff; border: 2px solid var(--c-accent, #12a5b8);
  box-shadow: 0 6px 18px rgba(24, 70, 88, .08);
}
.box-spot::before, .is-style-box-spot::before {
  content: "📍 スポット基本情報";
  color: #fff; background: var(--c-accent, #12a5b8);
  margin: -18px -20px 14px; padding: 9px 20px;
  border-radius: 9px 9px 0 0; font-size: .92rem;
}

/* 🚃 アクセス */
.box-access, .is-style-box-access { background: #eef4fb; border: 1.5px solid #c3d6ee; }
.box-access::before, .is-style-box-access::before { content: "🚃 アクセス"; color: #3a6ba5; }

/* 💰 料金の目安 */
.box-price, .is-style-box-price { background: #fdf6e3; border: 1.5px solid #eddcae; }
.box-price::before, .is-style-box-price::before { content: "💰 料金の目安"; color: #a8791b; }

/* 🗓 ベストシーズン */
.box-season, .is-style-box-season { background: #fdf0f5; border: 1.5px solid #f2cadb; }
.box-season::before, .is-style-box-season::before { content: "🗓 ベストシーズン"; color: #b8547f; }

/* ☔ 雨の日でもOK */
.box-rainy, .is-style-box-rainy { background: #eef4f7; border: 1.5px solid #c6d9e2; }
.box-rainy::before, .is-style-box-rainy::before { content: "☔ 雨の日でも楽しめる"; color: #4f7f96; }

/* 👨‍👩‍👧 子連れ情報 */
.box-kids, .is-style-box-kids { background: #fff3ef; border: 1.5px solid #f8cfbe; }
.box-kids::before, .is-style-box-kids::before { content: "👨‍👩‍👧 子連れで行くなら"; color: #c96a45; }

/* 枠線だけ・背景だけ（ラベルなし） */
.box-plain, .is-style-box-plain { background: #fff; border: 1.5px solid var(--c-line, #dfeaf0); }
.box-fill,  .is-style-box-fill  { background: var(--c-bg, #f3fafc); }

/* ============================================================
   3. 吹き出し（会話形式）
   ============================================================ */
.fukidashi-l,  .is-style-fukidashi-l,
.fukidashi-r,  .is-style-fukidashi-r,
.fukidashi-l2, .is-style-fukidashi-l2,
.fukidashi-r2, .is-style-fukidashi-r2 {
  position: relative;
  padding: 14px 18px;
  border-radius: 14px;
  margin: 0 0 28px;
  min-height: 54px;
}
.fukidashi-l,  .is-style-fukidashi-l,
.fukidashi-l2, .is-style-fukidashi-l2 { margin-left: 70px; }
.fukidashi-r,  .is-style-fukidashi-r,
.fukidashi-r2, .is-style-fukidashi-r2 { margin-right: 70px; }

.fukidashi-l,  .is-style-fukidashi-l  { background: #fff;    border: 1.5px solid var(--c-line, #dfeaf0); }
.fukidashi-r,  .is-style-fukidashi-r  { background: #e6f6f9; border: 1.5px solid #a9dde7; }
.fukidashi-l2, .is-style-fukidashi-l2 { background: #f4f5f6; border: 1.5px solid #dcdfe2; }
.fukidashi-r2, .is-style-fukidashi-r2 { background: #fff3e6; border: 1.5px solid #f8d3ab; }

/* アイコン（外観 > カスタマイズ > 記事の装飾 で画像・絵文字を変更できます） */
.fukidashi-l::before,  .is-style-fukidashi-l::before,
.fukidashi-r::before,  .is-style-fukidashi-r::before,
.fukidashi-l2::before, .is-style-fukidashi-l2::before,
.fukidashi-r2::before, .is-style-fukidashi-r2::before {
  position: absolute; top: -2px;
  width: 54px; height: 54px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 27px;
  border: 1.5px solid var(--c-line, #dfeaf0);
}
.fukidashi-l::before,  .is-style-fukidashi-l::before  { content: "🙋"; left: -70px;  background: #e6f6f9; }
.fukidashi-r::before,  .is-style-fukidashi-r::before  { content: "🧭"; right: -70px; background: #fff3e6; }
.fukidashi-l2::before, .is-style-fukidashi-l2::before { content: "👦"; left: -70px;  background: #f4f5f6; }
.fukidashi-r2::before, .is-style-fukidashi-r2::before { content: "👩"; right: -70px; background: #fff3e6; }

/* しっぽ */
.fukidashi-l::after,  .is-style-fukidashi-l::after,
.fukidashi-r::after,  .is-style-fukidashi-r::after,
.fukidashi-l2::after, .is-style-fukidashi-l2::after,
.fukidashi-r2::after, .is-style-fukidashi-r2::after {
  content: ""; position: absolute; top: 18px;
  border: 8px solid transparent;
}
.fukidashi-l::after,  .is-style-fukidashi-l::after  { left: -15px;  border-right-color: #fff; }
.fukidashi-r::after,  .is-style-fukidashi-r::after  { right: -15px; border-left-color: #e6f6f9; }
.fukidashi-l2::after, .is-style-fukidashi-l2::after { left: -15px;  border-right-color: #f4f5f6; }
.fukidashi-r2::after, .is-style-fukidashi-r2::after { right: -15px; border-left-color: #fff3e6; }

/* スマホではアイコンを小さくして本文幅を確保 */
@media (max-width: 600px) {
  .fukidashi-l,  .is-style-fukidashi-l,
  .fukidashi-l2, .is-style-fukidashi-l2 { margin-left: 56px; }
  .fukidashi-r,  .is-style-fukidashi-r,
  .fukidashi-r2, .is-style-fukidashi-r2 { margin-right: 56px; }
  .fukidashi-l::before,  .is-style-fukidashi-l::before,
  .fukidashi-r::before,  .is-style-fukidashi-r::before,
  .fukidashi-l2::before, .is-style-fukidashi-l2::before,
  .fukidashi-r2::before, .is-style-fukidashi-r2::before {
    width: 44px; height: 44px; font-size: 22px;
  }
  .fukidashi-l::before,  .is-style-fukidashi-l::before,
  .fukidashi-l2::before, .is-style-fukidashi-l2::before { left: -56px; }
  .fukidashi-r::before,  .is-style-fukidashi-r::before,
  .fukidashi-r2::before, .is-style-fukidashi-r2::before { right: -56px; }
}

/* ============================================================
   4. リスト（リストブロックの「スタイル」から適用）
   ============================================================ */
.is-style-check-list, .check-list,
.is-style-good-list,  .good-list,
.is-style-bad-list,   .bad-list,
.is-style-arrow-list, .arrow-list,
.is-style-pin-list,   .pin-list {
  list-style: none !important;
  margin: 24px 0 !important;
  padding: 0 !important;
}
.is-style-check-list li, .check-list li,
.is-style-good-list li,  .good-list li,
.is-style-bad-list li,   .bad-list li,
.is-style-arrow-list li, .arrow-list li,
.is-style-pin-list li,   .pin-list li {
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 10px;
  list-style: none;
}
.is-style-check-list li::before, .check-list li::before,
.is-style-good-list li::before,  .good-list li::before,
.is-style-bad-list li::before,   .bad-list li::before,
.is-style-arrow-list li::before, .arrow-list li::before,
.is-style-pin-list li::before,   .pin-list li::before {
  position: absolute; left: 0; top: 0;
  font-weight: 700;
}
.is-style-check-list li::before, .check-list li::before { content: "✔"; color: var(--c-accent, #12a5b8); }
.is-style-good-list li::before,  .good-list li::before  { content: "◯"; color: #3f8a5b; }
.is-style-bad-list li::before,   .bad-list li::before   { content: "×"; color: #c25a4c; font-size: 1.1em; }
.is-style-arrow-list li::before, .arrow-list li::before { content: "→"; color: var(--c-sub, #ff9a3c); }
.is-style-pin-list li::before,   .pin-list li::before   { content: "📍"; }

/* ① モデルコース（ステップ）リスト */
.is-style-step-list, .step-list {
  counter-reset: step;
  list-style: none !important;
  margin: 24px 0 !important;
  padding: 0 !important;
}
.is-style-step-list li, .step-list li {
  counter-increment: step;
  position: relative;
  padding: 0 0 22px 56px;
  margin: 0;
  list-style: none;
}
.is-style-step-list li::before, .step-list li::before {
  content: counter(step);
  position: absolute; left: 0; top: -2px;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--c-accent, #12a5b8); color: #fff;
  font-family: var(--font-round, "M PLUS Rounded 1c", sans-serif);
  font-weight: 700; font-size: .95rem;
  display: grid; place-items: center;
}
.is-style-step-list li:not(:last-child)::after, .step-list li:not(:last-child)::after {
  content: "";
  position: absolute; left: 16px; top: 36px; bottom: 6px;
  width: 2px; background: var(--c-line, #dfeaf0);
}
.is-style-step-list li:last-child, .step-list li:last-child { padding-bottom: 0; }

/* 🕐 タイムライン（1日のモデルコース向け。時刻を <strong> で書きます） */
.is-style-time-list, .time-list {
  list-style: none !important;
  margin: 24px 0 !important;
  padding: 0 0 0 4px !important;
  border-left: 3px dotted var(--c-sub, #ff9a3c);
}
.is-style-time-list li, .time-list li {
  position: relative;
  list-style: none;
  margin: 0 0 18px;
  padding: 0 0 0 26px;
}
.is-style-time-list li::before, .time-list li::before {
  content: "";
  position: absolute; left: -9px; top: .6em;
  width: 13px; height: 13px; border-radius: 50%;
  background: #fff; border: 3px solid var(--c-sub, #ff9a3c);
}
.is-style-time-list li strong, .time-list li strong {
  display: inline-block;
  color: var(--c-sub-d, #e8801f);
  font-family: var(--font-round, "M PLUS Rounded 1c", sans-serif);
  margin-right: 6px;
}

/* ============================================================
   5. 表（テーブルブロックの「スタイル」から適用）
   ============================================================ */
/* .post-body       … 公開ページ
   #tinymce         … クラシックエディターのビジュアル画面
   .editor-styles-wrapper … ブロックエディター
   .asb-deco-wrap   … 管理画面の「装飾の見本」 */
.wp-block-table table,
.post-body table,
#tinymce table,
.editor-styles-wrapper table,
.asb-deco-wrap table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: .92rem;
  background: #fff;
}
#tinymce table, .asb-deco-wrap table { margin: 24px 0; }
.wp-block-table { margin: 24px 0; overflow-x: auto; }
.wp-block-table th, .wp-block-table td,
.post-body th, .post-body td,
#tinymce th, #tinymce td,
.editor-styles-wrapper th, .editor-styles-wrapper td,
.asb-deco-wrap th, .asb-deco-wrap td {
  border: 1px solid var(--c-line, #dfeaf0);
  padding: 10px 14px;
  text-align: left;
  vertical-align: top;
}
.wp-block-table th, .post-body th,
#tinymce th, .editor-styles-wrapper th, .asb-deco-wrap th {
  background: var(--c-bg, #f3fafc);
  font-weight: 700;
}
.wp-block-table tbody tr:nth-child(even) td,
.post-body tbody tr:nth-child(even) td,
#tinymce tbody tr:nth-child(even) td,
.asb-deco-wrap tbody tr:nth-child(even) td { background: #fafdfe; }
.wp-block-table figcaption { margin-top: 8px; }

/* 比較表：1列目を見出しとして色分け */
.is-style-asb-table-comp tbody th,
.is-style-asb-table-comp tbody td:first-child {
  background: var(--c-bg, #f3fafc);
  font-weight: 700;
  white-space: nowrap;
}
.is-style-asb-table-comp thead th {
  background: var(--c-accent, #12a5b8);
  color: #fff;
  text-align: center;
}
.is-style-asb-table-comp td { text-align: center; }
.is-style-asb-table-comp td:first-child { text-align: left; }

/* スポット基本情報の表（1列目が項目名） */
.is-style-asb-table-spot tbody td:first-child,
.is-style-asb-table-spot tbody th:first-child {
  background: var(--c-bg, #f3fafc);
  font-weight: 700;
  white-space: nowrap;
  width: 28%;
}
/* figure に付いた場合（ブロックエディタ）と table に直接付いた場合（クラシック）の両対応 */
.is-style-asb-table-spot table,
table.is-style-asb-table-spot { border-top: 3px solid var(--c-accent, #12a5b8); }
.is-style-asb-table-spot thead th { background: var(--c-bg, #f3fafc); }

/* コンパクト表 */
.is-style-asb-table-slim table,
table.is-style-asb-table-slim { font-size: .84rem; }
.is-style-asb-table-slim th, .is-style-asb-table-slim td { padding: 6px 10px; }

/* スマホで横スクロールさせる（列が多い表向け） */
.is-style-asb-table-scroll,
.asb-scroll-table { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 24px 0; }
.is-style-asb-table-scroll table,
.asb-scroll-table table { min-width: 620px; margin: 0; }

/* ============================================================
   6. 見出し（見出しブロックの「スタイル」から適用）
   ============================================================ */
.is-style-head-fill {
  background: var(--c-bg, #f3fafc);
  border-left: 6px solid var(--c-accent, #12a5b8);
  border-radius: 0 10px 10px 0;
  padding: 12px 18px !important;
}
.is-style-head-fill::after { display: none !important; }

.is-style-head-border {
  border-left: 6px solid var(--c-sub, #ff9a3c);
  padding: 2px 0 2px 16px !important;
}
.is-style-head-border::after { display: none !important; }

.is-style-head-num {
  counter-increment: asb-head;
  position: relative;
  padding-left: 46px !important;
}
.is-style-head-num::after { display: none !important; }
.is-style-head-num::before {
  content: counter(asb-head);
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--c-sub, #ff9a3c); color: #fff;
  font-size: .95rem; font-weight: 700;
  display: grid; place-items: center;
}

/* 📍 スポット名の見出し（ランキング記事などで使います） */
.is-style-head-spot {
  position: relative;
  background: linear-gradient(135deg, #e6f6f9, #fff3e6);
  border: none !important;
  border-radius: 12px;
  padding: 14px 18px 14px 48px !important;
}
.is-style-head-spot::after { display: none !important; }
.is-style-head-spot::before {
  content: "📍";
  position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  font-size: 1.15em;
}

.is-style-head-plain { padding-bottom: 0 !important; }
.is-style-head-plain::after { display: none !important; }

/* ============================================================
   7. 画像・引用・ボタン・区切り線
   ============================================================ */
.is-style-img-round img,  img.is-style-img-round  { border-radius: 18px; }
.is-style-img-frame img,  img.is-style-img-frame  { border: 6px solid #fff; box-shadow: 0 0 0 1px var(--c-line, #dfeaf0); border-radius: 6px; }
.is-style-img-shadow img, img.is-style-img-shadow { border-radius: 14px; box-shadow: 0 10px 28px rgba(24, 70, 88, .20); }
.is-style-img-circle img, img.is-style-img-circle { border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; }

.is-style-quote-voice {
  position: relative;
  background: var(--c-bg, #f3fafc);
  border: none !important;
  border-radius: 14px;
  padding: 26px 24px 20px 56px !important;
  margin: 24px 0;
}
.is-style-quote-voice::before {
  content: "💬";
  position: absolute; left: 18px; top: 20px;
  font-size: 22px;
}
.is-style-quote-voice cite { color: var(--c-ink-soft, #62757f); font-size: .84rem; }

.is-style-quote-plain {
  background: none !important;
  border-left: 3px solid var(--c-line, #dfeaf0) !important;
  border-radius: 0 !important;
  padding: 4px 0 4px 20px !important;
  color: var(--c-ink-soft, #62757f);
}

.is-style-btn-big .wp-block-button__link,
.wp-block-button.is-style-btn-big .wp-block-button__link {
  font-size: 1.05rem;
  font-weight: 700;
  padding: 18px 44px;
  border-radius: 999px;
}
.is-style-btn-outline .wp-block-button__link,
.wp-block-button.is-style-btn-outline .wp-block-button__link {
  background: transparent;
  color: var(--c-accent-d, #0a8494);
  border: 2px solid var(--c-accent, #12a5b8);
  border-radius: 999px;
}
/* 予約サイトなどへの導線用（オレンジ） */
.is-style-btn-reserve .wp-block-button__link,
.wp-block-button.is-style-btn-reserve .wp-block-button__link {
  background: var(--c-sub, #ff9a3c);
  color: #fff;
  font-weight: 700;
  padding: 16px 40px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(255, 154, 60, .35);
}

.is-style-sep-dot {
  border: none !important;
  border-top: 3px dotted var(--c-line, #dfeaf0) !important;
  background: none !important;
  height: 0 !important;
  max-width: 220px;
  margin: 40px auto !important;
}
/* 波線（SVGで本物の波を描く） */
.is-style-sep-wave {
  border: none !important;
  height: 10px !important;
  max-width: 240px;
  margin: 40px auto !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'><path d='M0 5 q6 -5 12 0 t12 0' fill='none' stroke='%23bcd4de' stroke-width='2'/></svg>") repeat-x center !important;
}