/**
 * SWELL Compatibility CSS（追加分）
 *
 * swell.css に無かったブロックを足すファイル。
 * rewritetools.xyz の既存記事で実際に使われているクラスだけを対象にしている。
 *  - swell-block-capbox / cap_box（キャプションボックス）
 *  - is-style-big_icon_point / _memo / _caution（アイコン付きボックス）
 *  - is-style-stripes（縞模様テーブル）
 *  - is-style-num_circle（丸数字リスト）
 *  - SWELL カラーパレットの実値合わせ
 */

/* =====================================================
   SWELLカラーパレットの実値（管理画面の色設定に合わせる）
   swell.css の推測値をこちらで上書きする
   ===================================================== */
:root{
  --color_main:#04384c;
  --color_deep01:#e44141;
  --color_deep02:#3d79d5;
  --color_deep03:#63a84d;
  --color_deep04:#f09f4d;
  --color_pale01:#fff2f0;
  --color_pale02:#f3f8fd;
  --color_pale03:#f1f9ee;
  --color_pale04:#fdf9ee;
  --color_icon_point:#ff9400;
  --color_icon_memo:#84878a;
  --color_icon_caution:#f7da38;
  --color_list_num:#04384c;
}

.has-swl-deep-01-color{ color:var(--color_deep01) !important; }
.has-swl-deep-02-color{ color:var(--color_deep02) !important; }
.has-swl-deep-03-color{ color:var(--color_deep03) !important; }
.has-swl-deep-04-color{ color:var(--color_deep04) !important; }

.has-swl-pale-01-background-color{ background-color:var(--color_pale01) !important; }
.has-swl-pale-02-background-color{ background-color:var(--color_pale02) !important; }
.has-swl-pale-03-background-color{ background-color:var(--color_pale03) !important; }
.has-swl-pale-04-background-color{ background-color:var(--color_pale04) !important; }

.has-swl-deep-01-background-color{ background-color:var(--color_deep01) !important; }
.has-swl-deep-02-background-color{ background-color:var(--color_deep02) !important; }
.has-swl-deep-03-background-color{ background-color:var(--color_deep03) !important; }
.has-swl-deep-04-background-color{ background-color:var(--color_deep04) !important; }

/* =====================================================
   キャプションボックス（swell-block-capbox / cap_box）
   タイトル帯 + 本文の囲みボックス
   ===================================================== */
.entry-content .cap_box{
  margin:2em 0;
  border:1px solid var(--color_main);
  border-radius:6px;
  background:#fff;
  font-size:inherit;
}
.entry-content .cap_box_ttl{
  margin:0;
  padding:10px 16px;
  background:var(--color_main);
  color:#fff;
  font-weight:700;
  font-size:.95em;
  line-height:1.5;
  border-radius:5px 5px 0 0;
}
.entry-content .cap_box_ttl span{ display:inline-block; }
.entry-content .cap_box_content{
  padding:16px 18px;
}
.entry-content .cap_box_content > *:first-child{ margin-top:0; }
.entry-content .cap_box_content > *:last-child{ margin-bottom:0; }
.entry-content .cap_box_content p{ margin:0 0 1em; }

/* 色違い（data-colがある場合） */
.entry-content .cap_box[data-col="red"]{ border-color:var(--color_deep01); }
.entry-content .cap_box[data-col="red"] .cap_box_ttl{ background:var(--color_deep01); }
.entry-content .cap_box[data-col="blue"]{ border-color:var(--color_deep02); }
.entry-content .cap_box[data-col="blue"] .cap_box_ttl{ background:var(--color_deep02); }
.entry-content .cap_box[data-col="green"]{ border-color:var(--color_deep03); }
.entry-content .cap_box[data-col="green"] .cap_box_ttl{ background:var(--color_deep03); }
.entry-content .cap_box[data-col="yellow"]{ border-color:var(--color_deep04); }
.entry-content .cap_box[data-col="yellow"] .cap_box_ttl{ background:var(--color_deep04); }

/* タイトルにアイコンが付くタイプ（big_icon_〇〇） */
.entry-content .cap_box.is-style-big_icon_point,
.entry-content .cap_box.is-style-big_icon_memo,
.entry-content .cap_box.is-style-big_icon_caution,
.entry-content .cap_box.is-style-big_icon_good,
.entry-content .cap_box.is-style-big_icon_bad{
  position:relative;
  margin-top:2.6em;
  border:2px solid var(--ns-cap-col,#ffa639);
  border-radius:6px;
  background:#fff;
}
.entry-content .cap_box.is-style-big_icon_point{ --ns-cap-col:var(--color_icon_point); }
.entry-content .cap_box.is-style-big_icon_memo{ --ns-cap-col:var(--color_icon_memo); }
.entry-content .cap_box.is-style-big_icon_caution{ --ns-cap-col:var(--color_icon_caution); }
.entry-content .cap_box.is-style-big_icon_good{ --ns-cap-col:var(--color_icon_good,#00e012); }
.entry-content .cap_box.is-style-big_icon_bad{ --ns-cap-col:var(--color_icon_bad,#f20000); }

.entry-content .cap_box.is-style-big_icon_point .cap_box_ttl,
.entry-content .cap_box.is-style-big_icon_memo .cap_box_ttl,
.entry-content .cap_box.is-style-big_icon_caution .cap_box_ttl,
.entry-content .cap_box.is-style-big_icon_good .cap_box_ttl,
.entry-content .cap_box.is-style-big_icon_bad .cap_box_ttl{
  position:absolute;
  top:-.9em;
  left:14px;
  padding:2px 12px;
  border-radius:99px;
  background:var(--ns-cap-col);
  color:#fff;
  font-size:.85em;
}
.entry-content .cap_box.is-style-big_icon_point .cap_box_content,
.entry-content .cap_box.is-style-big_icon_memo .cap_box_content,
.entry-content .cap_box.is-style-big_icon_caution .cap_box_content,
.entry-content .cap_box.is-style-big_icon_good .cap_box_content,
.entry-content .cap_box.is-style-big_icon_bad .cap_box_content{
  padding:20px 18px 16px;
}

/* グループブロックに is-style-big_icon_〇〇 が付くパターン */
.entry-content .wp-block-group.is-style-big_icon_point,
.entry-content .wp-block-group.is-style-big_icon_memo,
.entry-content .wp-block-group.is-style-big_icon_caution,
.entry-content .wp-block-group.is-style-big_icon_good,
.entry-content .wp-block-group.is-style-big_icon_bad{
  position:relative;
  margin:42.5px 0 34px;            /* SWELL実測値 */
  padding:42.5px 34px 34px;        /* SWELL実測値 */
  border:1.87px solid var(--ns-cap-col,#ff9400);
  border-radius:0;                 /* SWELL実測値 */
  background:transparent;          /* SWELL実測値 */
}
.entry-content .wp-block-group.is-style-big_icon_point{ --ns-cap-col:var(--color_icon_point); }
.entry-content .wp-block-group.is-style-big_icon_memo{ --ns-cap-col:var(--color_icon_memo); }
.entry-content .wp-block-group.is-style-big_icon_caution{ --ns-cap-col:var(--color_icon_caution); }
.entry-content .wp-block-group.is-style-big_icon_good{ --ns-cap-col:var(--color_icon_good,#00e012); }
.entry-content .wp-block-group.is-style-big_icon_bad{ --ns-cap-col:var(--color_icon_bad,#f20000); }

.entry-content .wp-block-group.is-style-big_icon_point::before,
.entry-content .wp-block-group.is-style-big_icon_memo::before,
.entry-content .wp-block-group.is-style-big_icon_caution::before,
.entry-content .wp-block-group.is-style-big_icon_good::before,
.entry-content .wp-block-group.is-style-big_icon_bad::before{
  position:absolute;
  top:-1px;                        /* SWELL実測値 */
  left:15.9375px;                  /* SWELL実測値 */
  width:42.5px;
  height:42.5px;
  padding:0;
  border-radius:50%;               /* SWELL実測値 */
  background:var(--ns-cap-col);
  color:#fff;
  font-size:21.25px;
  font-weight:700;
  line-height:42.5px;
  text-align:center;
}
.entry-content .wp-block-group.is-style-big_icon_point::before{ content:"!"; }
.entry-content .wp-block-group.is-style-big_icon_memo::before{ content:"✎"; }
.entry-content .wp-block-group.is-style-big_icon_caution::before{ content:"!"; }
.entry-content .wp-block-group.is-style-big_icon_good::before{ content:"✔"; }
.entry-content .wp-block-group.is-style-big_icon_bad::before{ content:"✕"; }

.entry-content .wp-block-group.is-style-big_icon_point > .wp-block-group__inner-container > *:last-child,
.entry-content .wp-block-group.is-style-big_icon_memo > .wp-block-group__inner-container > *:last-child,
.entry-content .wp-block-group.is-style-big_icon_caution > .wp-block-group__inner-container > *:last-child,
.entry-content .wp-block-group.is-style-big_icon_good > .wp-block-group__inner-container > *:last-child,
.entry-content .wp-block-group.is-style-big_icon_bad > .wp-block-group__inner-container > *:last-child{
  margin-bottom:0;
}

/* =====================================================
   縞模様テーブル（is-style-stripes）
   ===================================================== */
.entry-content .wp-block-table.is-style-stripes{
  border-bottom:0;
}
.entry-content .wp-block-table.is-style-stripes table{
  width:100%;
  border-collapse:collapse;
  font-size:.95em;
}
.entry-content .wp-block-table.is-style-stripes th,
.entry-content .wp-block-table.is-style-stripes td{
  padding:10px 12px;
  border:0;
  border-bottom:1px solid #e6e6e6;
  line-height:1.7;
  text-align:left;
  vertical-align:top;
}
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td,
.entry-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) th{
  background:#f6f7f8;
}
.entry-content .wp-block-table.is-style-stripes tbody tr:first-child td{
  background:var(--color_main);
  color:#fff;
  font-weight:700;
}
.entry-content .wp-block-table.is-style-stripes tbody tr:first-child td a{ color:#fff; }

@media(max-width:600px){
  .entry-content .wp-block-table.is-style-stripes{ overflow-x:auto; }
  .entry-content .wp-block-table.is-style-stripes table{ font-size:.86em; min-width:420px; }
  .entry-content .wp-block-table.is-style-stripes th,
  .entry-content .wp-block-table.is-style-stripes td{ padding:8px 9px; }
}

/* =====================================================
   丸数字リスト（is-style-num_circle）
   ===================================================== */
.entry-content ul.is-style-num_circle,
.entry-content ol.is-style-num_circle{
  counter-reset:ns-num;
  list-style:none;
  margin:0 0 34px;           /* SWELL実測値 */
  padding:0 0 0 4.25px;      /* SWELL実測値 */
}
.entry-content ul.is-style-num_circle li,
.entry-content ol.is-style-num_circle li{
  counter-increment:ns-num;
  position:relative;
  margin:0 0 8px;
  padding:0 0 0 34px;        /* SWELL実測値 */
  line-height:1.85;
  list-style:none;
}
.entry-content ul.is-style-num_circle li::before,
.entry-content ol.is-style-num_circle li::before{
  content:counter(ns-num);
  position:absolute;
  top:-2.55px;               /* SWELL実測値 */
  left:1px;                  /* SWELL実測値 */
  width:30.6px;              /* SWELL実測値 */
  height:30.6px;
  border-radius:50%;
  background:#288cff;        /* SWELL実測値 */
  color:#fff;
  font-size:15px;
  font-weight:700;
  line-height:30.6px;
  text-align:center;
}

/* =====================================================
   SWELL互換の追加分（kazuobloger.com の稼働画面から実測: 2026-10-19）
   ※SWELL側でも何も効いていなかったクラス（big-icon-*, bigicon*, default,
     onborder, onborder_ttl, icon_normal, small_ttl, photo_frame, swl-table 等）は
     元から素の見た目なので、ここでは何もしない＝同じ表示になる。
   アイコンはSWELL専用フォント(icomoon)なので、同寸・同色のまま記号で置き換える。
   ===================================================== */

/* --- 引用（is-style-quotation） bg rgba(199,199,199,.15) / padding 25.5px 51px / “ Arial 102px rgba(200,200,200,.4) --- */
.entry-content blockquote.is-style-quotation,
.textwidget blockquote.is-style-quotation {
    position: relative;
    background: rgba(199, 199, 199, .15);
    padding: 25.5px 51px;
    margin: 0 0 34px;
    border: 0;
}
.entry-content blockquote.is-style-quotation::before,
.textwidget blockquote.is-style-quotation::before {
    content: "“";
    position: absolute;
    left: 8px;
    top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 102px;
    line-height: 1;
    color: rgba(200, 200, 200, .4);
}

/* --- チェックリスト系（good_list / icon-list-check / triangle_list / list-card /
       st-maruck / st-square-checkbox-no-border / oneline_ttl） li 左25.5px・先頭マーク --- */
.entry-content .is-style-good_list > li,
.textwidget .is-style-good_list > li,
.entry-content .is-style-icon-list-check > li,
.textwidget .is-style-icon-list-check > li,
.entry-content .is-style-triangle_list > li,
.textwidget .is-style-triangle_list > li,
.entry-content .is-style-list-card > li,
.textwidget .is-style-list-card > li,
.entry-content .is-style-st-maruck > li,
.textwidget .is-style-st-maruck > li,
.entry-content .is-style-st-square-checkbox-no-border > li,
.textwidget .is-style-st-square-checkbox-no-border > li,
.entry-content .is-style-oneline_ttl > li,
.textwidget .is-style-oneline_ttl > li {
    position: relative;
    list-style: none;
    padding: 0 0 0 25.5px;
}
.entry-content .is-style-good_list > li::before,
.textwidget .is-style-good_list > li::before,
.entry-content .is-style-icon-list-check > li::before,
.textwidget .is-style-icon-list-check > li::before,
.entry-content .is-style-triangle_list > li::before,
.textwidget .is-style-triangle_list > li::before,
.entry-content .is-style-list-card > li::before,
.textwidget .is-style-list-card > li::before,
.entry-content .is-style-st-maruck > li::before,
.textwidget .is-style-st-maruck > li::before,
.entry-content .is-style-st-square-checkbox-no-border > li::before,
.textwidget .is-style-st-square-checkbox-no-border > li::before,
.entry-content .is-style-oneline_ttl > li::before,
.textwidget .is-style-oneline_ttl > li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 25.5px;
    line-height: 25.5px;
    font-size: 17px;
}
.entry-content .is-style-good_list > li::before,
.textwidget .is-style-good_list > li::before { color: #adc4ff; }
.entry-content .is-style-icon-list-check > li::before,
.textwidget .is-style-icon-list-check > li::before { color: #f4e03a; }
.entry-content .is-style-triangle_list > li::before,
.textwidget .is-style-triangle_list > li::before { content: "▶"; color: #f4e03a; font-size: 13px; }
.entry-content .is-style-list-card > li::before,
.textwidget .is-style-list-card > li::before,
.entry-content .is-style-st-square-checkbox-no-border > li::before,
.textwidget .is-style-st-square-checkbox-no-border > li::before,
.entry-content .is-style-oneline_ttl > li::before,
.textwidget .is-style-oneline_ttl > li::before { color: #f90008; }
.entry-content .is-style-st-maruck > li::before,
.textwidget .is-style-st-maruck > li::before { color: #dd3333; }

/* 枠つきリスト（実測: bg・枠・角丸・padding） */
.entry-content ul.is-style-list-card,
.textwidget ul.is-style-list-card {
    background: #fff;
    border: .8px solid #e6e6e6;
    border-radius: 12px;
    padding: 18px 22px 18px 42px;
}
.entry-content ul.is-style-st-maruck,
.textwidget ul.is-style-st-maruck,
.entry-content ul.is-style-st-square-checkbox-no-border,
.textwidget ul.is-style-st-square-checkbox-no-border {
    background: #fff2f0;
    padding: 17px;
}
.entry-content ul.is-style-jinr-checkmark-square,
.textwidget ul.is-style-jinr-checkmark-square {
    background: #fffdf8;
    color: #cf2e2e;
    padding: 17px 17px 17px 29.75px;
}
.entry-content ul.is-style-list-accent,
.textwidget ul.is-style-list-accent {
    border-radius: 0 10px 10px 0;
    padding: 18px 22px 18px 42px;
}

/* --- 丸アイコン付きの枠ボックス（big_icon_check / _batsu / _hatena）
       実測: 枠1.87px solid / padding 42.5px 34px 34px / 丸42.5px 左15.9px 上-1px --- */
.entry-content .is-style-big_icon_check,
.textwidget .is-style-big_icon_check,
.entry-content .is-style-big_icon_batsu,
.textwidget .is-style-big_icon_batsu,
.entry-content .is-style-big_icon_hatena,
.textwidget .is-style-big_icon_hatena {
    position: relative;
    border: 1.87px solid #0070cc;
    padding: 42.5px 34px 34px;
    margin: 42.5px 0 34px;
    background: transparent;
}
.entry-content .is-style-big_icon_check::before,
.textwidget .is-style-big_icon_check::before,
.entry-content .is-style-big_icon_batsu::before,
.textwidget .is-style-big_icon_batsu::before,
.entry-content .is-style-big_icon_hatena::before,
.textwidget .is-style-big_icon_hatena::before {
    position: absolute;
    left: 15.9px;
    top: -1px;
    width: 42.5px;
    height: 42.5px;
    border-radius: 50%;
    color: #fff;
    font-size: 21.25px;
    line-height: 42.5px;
    text-align: center;
    background: #0070cc;
}
.entry-content .is-style-big_icon_check,
.textwidget .is-style-big_icon_check { border-color: #00e012; }
.entry-content .is-style-big_icon_check::before,
.textwidget .is-style-big_icon_check::before { content: "✔"; background: #00e012; }
.entry-content .is-style-big_icon_batsu,
.textwidget .is-style-big_icon_batsu { border-color: #f20000; }
.entry-content .is-style-big_icon_batsu::before,
.textwidget .is-style-big_icon_batsu::before { content: "✕"; background: #f20000; }
.entry-content .is-style-big_icon_hatena,
.textwidget .is-style-big_icon_hatena { border-color: #0070cc; }
.entry-content .is-style-big_icon_hatena::before,
.textwidget .is-style-big_icon_hatena::before { content: "？"; background: #0070cc; font-size: 19px; }

/* --- 左アイコン付きボックス（icon_announce / icon_pen / icon_book）
       実測: padding 17px 17px 17px 72.25px / radius 2px / アイコン左21.25px --- */
.entry-content .is-style-icon_announce,
.textwidget .is-style-icon_announce,
.entry-content .is-style-icon_pen,
.textwidget .is-style-icon_pen,
.entry-content .is-style-icon_book,
.textwidget .is-style-icon_book {
    position: relative;
    border-radius: 2px;
    padding: 17px 17px 17px 72.25px;
    margin: 0 0 34px;
}
.entry-content .is-style-icon_announce::before,
.textwidget .is-style-icon_announce::before,
.entry-content .is-style-icon_pen::before,
.textwidget .is-style-icon_pen::before,
.entry-content .is-style-icon_book::before,
.textwidget .is-style-icon_book::before {
    position: absolute;
    left: 21.25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    line-height: 1;
}
.entry-content .is-style-icon_announce,
.textwidget .is-style-icon_announce { background: #fff5f0; }
.entry-content .is-style-icon_announce::before,
.textwidget .is-style-icon_announce::before { content: "📢"; color: #ffa537; }
.entry-content .is-style-icon_pen,
.textwidget .is-style-icon_pen { background: #f7f7f7; }
.entry-content .is-style-icon_pen::before,
.textwidget .is-style-icon_pen::before { content: "✎"; color: #7a7a7a; }
.entry-content .is-style-icon_book,
.textwidget .is-style-icon_book { background: #f8f6ef; }
.entry-content .is-style-icon_book::before,
.textwidget .is-style-icon_book::before { content: "📖"; color: #787364; }

/* --- 吹き出し風ボックス（balloon_box / balloon_box2） 実測値 --- */
.entry-content .is-style-balloon_box,
.textwidget .is-style-balloon_box {
    position: relative;
    background: #04384c;
    color: #fff;
    border-radius: 2px;
    padding: 8.5px 21.25px;
    margin: 0 auto 34px;
    display: table;
}
.entry-content .is-style-balloon_box::before,
.textwidget .is-style-balloon_box::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color: #04384c;
    transform: translateX(-50%);
}
.entry-content .is-style-balloon_box2,
.textwidget .is-style-balloon_box2 {
    position: relative;
    background: #fff;
    border: .8px solid #333;
    border-radius: 2px;
    padding: 8.5px 21.25px;
    margin: 0 auto 34px;
    display: table;
}
.entry-content .is-style-balloon_box2::before,
.textwidget .is-style-balloon_box2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-right: .8px solid #333;
    border-bottom: .8px solid #333;
    transform: translateX(-50%) rotate(45deg);
}

/* --- 角かこみ（kakko_box） 実測: padding 25.5px / 四隅の角線 --- */
.entry-content .is-style-kakko_box,
.textwidget .is-style-kakko_box {
    position: relative;
    padding: 25.5px;
    margin: 0 0 34px;
}
.entry-content .is-style-kakko_box::before,
.textwidget .is-style-kakko_box::before,
.entry-content .is-style-kakko_box::after,
.textwidget .is-style-kakko_box::after {
    content: "";
    position: absolute;
    width: 38px;
    height: 34px;
    border: 2px solid #333;
}
.entry-content .is-style-kakko_box::before,
.textwidget .is-style-kakko_box::before {
    left: 0;
    top: 0;
    border-right: 0;
    border-bottom: 0;
}
.entry-content .is-style-kakko_box::after,
.textwidget .is-style-kakko_box::after {
    right: 0;
    bottom: 0;
    border-left: 0;
    border-top: 0;
}

/* --- 折り目つきボックス（crease） 実測: bg #f7f7f7 / padding 28.5px --- */
.entry-content .is-style-crease,
.textwidget .is-style-crease {
    position: relative;
    background: #f7f7f7;
    padding: 28.5px;
    margin: 0 0 34px;
}
.entry-content .is-style-crease::before,
.textwidget .is-style-crease::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: linear-gradient(225deg, #fff 50%, #e0e0e0 50%);
}

/* --- 番号つき目次リスト（index） 実測: li ::before が左-27px --- */
.entry-content ol.is-style-index,
.textwidget ol.is-style-index {
    counter-reset: ns-index;
    padding: 0 0 0 4.25px;
    list-style: none;
}
.entry-content ol.is-style-index > li,
.textwidget ol.is-style-index > li {
    position: relative;
    list-style: none;
    padding: 0 0 0 30px;
}
.entry-content ol.is-style-index > li::before,
.textwidget ol.is-style-index > li::before {
    counter-increment: ns-index;
    content: counter(ns-index) ".";
    position: absolute;
    left: 0;
    top: 4.25px;
    width: 18.6px;
    height: 18.7px;
    line-height: 18.7px;
    color: #333;
    font-weight: 700;
}

/* --- ブラウザ枠の画像（browser_mac） 実測: 上に30pxのバー #ced1d5 / 角丸8px --- */
.entry-content figure.is-style-browser_mac img,
.textwidget figure.is-style-browser_mac img {
    border-radius: 0 0 8px 8px;
    display: block;
}
.entry-content figure.is-style-browser_mac::before,
.textwidget figure.is-style-browser_mac::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 30px;
    background: #ced1d5;
    border-radius: 8px 8px 0 0;
}

/* --- チェックボックス風リスト（list-check） 実測: 緑丸22px・左14px・上12px --- */
.entry-content .is-style-list-check > li,
.textwidget .is-style-list-check > li {
    position: relative;
    list-style: none;
    padding: 12px 16px 12px 46px;
}
.entry-content .is-style-list-check > li::before,
.textwidget .is-style-list-check > li::before {
    content: "✔";
    position: absolute;
    left: 14px;
    top: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #22c55e;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}

/* --- 固定ボックス（sticky_box） 実測: bg #fff / padding 12.75px 17px --- */
.entry-content .is-style-sticky_box,
.textwidget .is-style-sticky_box {
    background: #fff;
    padding: 12.75px 17px;
}

/* =====================================================
   SWELL由来クラスへの「NoteStyle独自装飾」打ち消し（実測差分の是正: 2026-10-19）
   NoteStyleの汎用リスト/ボックスCSSが、SWELLの記事に余計な枠・背景・余白を足していた分を
   SWELLの実測値に戻す。
   ===================================================== */

/* SWELLでは素のまま（枠も背景も無い）もの */
.entry-content .is-style-small_ttl,
.entry-content .is-style-onborder,
.entry-content .is-style-onborder_ttl,
.textwidget .is-style-small_ttl,
.textwidget .is-style-onborder,
.textwidget .is-style-onborder_ttl {
    background: transparent;
    border: 0;
    border-radius: 0;
}
.entry-content ul.is-style-oneline_ttl,
.textwidget ul.is-style-oneline_ttl {
    border: 0;
    border-radius: 0;
    padding: 0;
}
.entry-content ul.is-style-oneline_ttl > li,
.textwidget ul.is-style-oneline_ttl > li {
    padding: 0 0 0 25.5px;
}

/* 番号つきリスト（index）＝SWELLでは素の番号だけ */
.entry-content ol.is-style-index,
.textwidget ol.is-style-index {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 4.25px;
}
.entry-content ol.is-style-index > li,
.textwidget ol.is-style-index > li {
    padding: 0 0 0 30px;
}
.entry-content ol.is-style-index > li::before,
.textwidget ol.is-style-index > li::before {
    color: #333;
    background: transparent;
}

/* 枠つきリスト（list-card）＝白背景・SWELLの余白に戻す */
.entry-content ul.is-style-list-card,
.textwidget ul.is-style-list-card {
    background: #fff;
    padding: 18px 22px 18px 42px;
}
.entry-content ul.is-style-list-card > li,
.textwidget ul.is-style-list-card > li {
    padding: 0 0 0 25.5px;
}

/* 旧テーマ由来のチェックリスト＝SWELLの余白に戻す */
.entry-content ul.is-style-st-maruck,
.entry-content ul.is-style-st-square-checkbox-no-border,
.textwidget ul.is-style-st-maruck,
.textwidget ul.is-style-st-square-checkbox-no-border {
    padding: 17px;
}
.entry-content ul.is-style-st-maruck > li,
.entry-content ul.is-style-st-square-checkbox-no-border > li,
.textwidget ul.is-style-st-maruck > li,
.textwidget ul.is-style-st-square-checkbox-no-border > li {
    padding: 0 0 0 25.5px;
}

/* 固定ボックス内のリストマーク色（SWELL実測 #f90008） */
.entry-content .is-style-sticky_box li::before,
.textwidget .is-style-sticky_box li::before {
    color: #f90008;
}

/* 折り目ボックスの折り返し部分（SWELL実測: 背景色と同じ #f7f7f7 の三角） */
.entry-content .is-style-crease::before,
.textwidget .is-style-crease::before {
    background: #f7f7f7;
}

/* =====================================================
   SWELL実測値の全面反映（2026-10-19・kazuobloger.com の稼働画面を採寸）
   互換CSSが推測値で書かれていた分を、SWELLの実物の数値に揃える。
   ※これより前の定義より後に置くことで上書きする。
   ===================================================== */

/* --- アイコン付き枠ボックス（big_icon_*）
   実測: 枠1.87px solid / padding 42.5px 34px 34px / margin-top 42.5px /
        左上に42.5pxの円（枠と同色・白文字・left 15.9375px・top -1px） --- */
.entry-content .is-style-big_icon_point,
.entry-content .is-style-big_icon_caution,
.entry-content .is-style-big_icon_memo,
.entry-content .is-style-big_icon_good,
.entry-content .is-style-big_icon_bad,
.entry-content .is-style-big_icon_check,
.entry-content .is-style-big_icon_batsu,
.entry-content .is-style-big_icon_hatena,
.textwidget .is-style-big_icon_point,
.textwidget .is-style-big_icon_caution,
.textwidget .is-style-big_icon_memo,
.textwidget .is-style-big_icon_good,
.textwidget .is-style-big_icon_bad,
.textwidget .is-style-big_icon_check,
.textwidget .is-style-big_icon_batsu,
.textwidget .is-style-big_icon_hatena {
    position: relative;
    background: transparent;
    border: 1.87px solid var(--ns-bi, #ff9400);
    border-radius: 0;
    padding: 42.5px 34px 34px;
    margin: 42.5px 0 34px;
    box-shadow: none;
}
.entry-content .is-style-big_icon_point::before,
.entry-content .is-style-big_icon_caution::before,
.entry-content .is-style-big_icon_memo::before,
.entry-content .is-style-big_icon_good::before,
.entry-content .is-style-big_icon_bad::before,
.entry-content .is-style-big_icon_check::before,
.entry-content .is-style-big_icon_batsu::before,
.entry-content .is-style-big_icon_hatena::before,
.textwidget .is-style-big_icon_point::before,
.textwidget .is-style-big_icon_caution::before,
.textwidget .is-style-big_icon_memo::before,
.textwidget .is-style-big_icon_good::before,
.textwidget .is-style-big_icon_bad::before,
.textwidget .is-style-big_icon_check::before,
.textwidget .is-style-big_icon_batsu::before,
.textwidget .is-style-big_icon_hatena::before {
    content: var(--ns-bi-char, "!");
    position: absolute;
    left: 15.9375px;
    top: -1px;
    width: 42.5px;
    height: 42.5px;
    border-radius: 50%;
    background: var(--ns-bi, #ff9400);
    color: #fff;
    font-size: 21.25px;
    font-weight: 700;
    line-height: 42.5px;
    text-align: center;
    border: 0;
}
.entry-content .is-style-big_icon_point,   .textwidget .is-style-big_icon_point   { --ns-bi:#ff9400; --ns-bi-char:"!"; }
.entry-content .is-style-big_icon_caution, .textwidget .is-style-big_icon_caution { --ns-bi:#f7da38; --ns-bi-char:"!"; }
.entry-content .is-style-big_icon_memo,    .textwidget .is-style-big_icon_memo    { --ns-bi:#84878a; --ns-bi-char:"✎"; }
.entry-content .is-style-big_icon_good,    .textwidget .is-style-big_icon_good    { --ns-bi:#00e012; --ns-bi-char:"✔"; }
.entry-content .is-style-big_icon_bad,     .textwidget .is-style-big_icon_bad     { --ns-bi:#f20000; --ns-bi-char:"✕"; }
.entry-content .is-style-big_icon_check,   .textwidget .is-style-big_icon_check   { --ns-bi:#00e012; --ns-bi-char:"✔"; }
.entry-content .is-style-big_icon_batsu,   .textwidget .is-style-big_icon_batsu   { --ns-bi:#f20000; --ns-bi-char:"✕"; }
.entry-content .is-style-big_icon_hatena,  .textwidget .is-style-big_icon_hatena  { --ns-bi:#0070cc; --ns-bi-char:"？"; }

/* --- 左アイコン付きボックス（icon_*）
   実測: padding 17px 17px 17px 72.25px / radius 2px / アイコン left 21.25px --- */
.entry-content .is-style-icon_good,
.entry-content .is-style-icon_info,
.entry-content .is-style-icon_announce,
.entry-content .is-style-icon_pen,
.entry-content .is-style-icon_book,
.textwidget .is-style-icon_good,
.textwidget .is-style-icon_info,
.textwidget .is-style-icon_announce,
.textwidget .is-style-icon_pen,
.textwidget .is-style-icon_book {
    position: relative;
    border: 0;
    border-radius: 2px;
    padding: 17px 17px 17px 72.25px;
    margin: 0 0 34px;
    background: var(--ns-ib, #f7f7f7);
}
.entry-content .is-style-icon_good::before,
.entry-content .is-style-icon_info::before,
.entry-content .is-style-icon_announce::before,
.entry-content .is-style-icon_pen::before,
.entry-content .is-style-icon_book::before,
.textwidget .is-style-icon_good::before,
.textwidget .is-style-icon_info::before,
.textwidget .is-style-icon_announce::before,
.textwidget .is-style-icon_pen::before,
.textwidget .is-style-icon_book::before {
    content: var(--ns-ib-char, "✎");
    position: absolute;
    left: 21.25px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    color: var(--ns-ib-col, #7a7a7a);
    font-size: 25px;
    line-height: 1;
}
.entry-content .is-style-icon_good,     .textwidget .is-style-icon_good     { --ns-ib:#ecffe9; --ns-ib-col:#3cd250; --ns-ib-char:"✔"; }
.entry-content .is-style-icon_info,     .textwidget .is-style-icon_info     { --ns-ib:#fff0fa; --ns-ib-col:#f578b4; --ns-ib-char:"ℹ"; }
.entry-content .is-style-icon_announce, .textwidget .is-style-icon_announce { --ns-ib:#fff5f0; --ns-ib-col:#ffa537; --ns-ib-char:"🔔"; }
.entry-content .is-style-icon_pen,      .textwidget .is-style-icon_pen      { --ns-ib:#f7f7f7; --ns-ib-col:#7a7a7a; --ns-ib-char:"✎"; }
.entry-content .is-style-icon_book,     .textwidget .is-style-icon_book     { --ns-ib:#f8f6ef; --ns-ib-col:#787364; --ns-ib-char:"📕"; }

/* --- チェックリスト（check_list）＝記事で最多(約1500箇所)
   実測: ul bg #fdf9ee / padding 17px / 角丸なし / li 左25.5px / 行頭は赤 #f90008 --- */
.entry-content ul.is-style-check_list,
.entry-content ol.is-style-check_list,
.textwidget ul.is-style-check_list,
.textwidget ol.is-style-check_list {
    background: #fdf9ee;
    background-image: none;
    border: 0;
    border-radius: 0;
    padding: 17px;
    margin: 0 0 34px;
    list-style: none;
}
.entry-content .is-style-check_list > li,
.textwidget .is-style-check_list > li {
    position: relative;
    list-style: none;
    padding: 0 0 0 25.5px;
    margin: 0 0 4px;
    background: transparent;
    border: 0;
}
.entry-content .is-style-check_list > li::before,
.textwidget .is-style-check_list > li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 25.5px;
    line-height: 25.5px;
    background: transparent;
    border-radius: 0;
    color: #f90008;
    font-size: 15px;
}

/* --- 丸数字リスト（num_circle）
   実測: li 左34px / 円30.6px bg #288cff 白文字 left 1px top -2.55px --- */
.entry-content ul.is-style-num_circle,
.entry-content ol.is-style-num_circle,
.textwidget ul.is-style-num_circle,
.textwidget ol.is-style-num_circle {
    counter-reset: ns-num;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 4.25px;
    margin: 0 0 34px;
    list-style: none;
}
.entry-content .is-style-num_circle > li,
.textwidget .is-style-num_circle > li {
    position: relative;
    list-style: none;
    padding: 0 0 0 34px;
    margin: 0 0 8px;
}
.entry-content .is-style-num_circle > li::before,
.textwidget .is-style-num_circle > li::before {
    counter-increment: ns-num;
    content: counter(ns-num);
    position: absolute;
    left: 1px;
    top: -2.55px;
    width: 30.6px;
    height: 30.6px;
    border-radius: 50%;
    background: #288cff;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 30.6px;
    text-align: center;
}

/* --- OK/NGリスト（good_list / bad_list） 実測の色とマーク --- */
.entry-content ul.is-style-good_list,
.entry-content ul.is-style-bad_list,
.textwidget ul.is-style-good_list,
.textwidget ul.is-style-bad_list {
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0 24px;
    list-style: none;
}
.entry-content .is-style-good_list > li::before,
.textwidget .is-style-good_list > li::before { content: "✔"; color: #71c863; background: transparent; }
.entry-content .is-style-bad_list > li::before,
.textwidget .is-style-bad_list > li::before { content: "✕"; color: #e84f4f; background: transparent; }
.entry-content .is-style-bad_list > li,
.textwidget .is-style-bad_list > li {
    position: relative;
    list-style: none;
    padding: 0 0 0 25.5px;
}