@charset "utf-8";

  /* (1), (2), ... のカウンタ（使える環境向け。下で ::marker で最終上書き） */
  @counter-style paren-decimal {
    system: numeric;
    symbols: 0 1 2 3 4 5 6 7 8 9;
    prefix: "(";
    suffix: ") ";
  }
  /* ①, ②, ... のカウンタ（①〜⑳まで。下で ::marker で最終上書き）*/
  @counter-style circled-decimal {
    system: fixed;
    symbols: ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳;
    suffix: " ";
  }

  /* 体裁（インデントなど） */
  ol.paren {
    /* list-style は残すが、下の ::marker で確実に上書きする */
    list-style: paren-decimal;
    padding-left: 1.8em;
    margin: 0;
    counter-reset: parent;
  }
  ol.paren > li {
    counter-increment: parent;
    /* 念のため list-item を明示 */
    display: list-item;
    margin: .25em 0;
  }
  /* 確実に (n) を出す */
  ol.paren > li::marker { content: "(" counter(parent) ") "; }

  ol.circled {
    list-style: circled-decimal;
    padding-left: 1.0em;
    margin: .25em 0 0;
    counter-reset: child;
  }
  ol.circled > li {
    counter-increment: child;
    display: list-item;
    margin: .2em 0;
  }

  /* ①〜⑳ を確実に出す（21以降は後述の代替に） */
  ol.circled > li:nth-child(1)::marker  { content: "① "; }
  ol.circled > li:nth-child(2)::marker  { content: "② "; }
  ol.circled > li:nth-child(3)::marker  { content: "③ "; }
  ol.circled > li:nth-child(4)::marker  { content: "④ "; }
  ol.circled > li:nth-child(5)::marker  { content: "⑤ "; }
  ol.circled > li:nth-child(6)::marker  { content: "⑥ "; }
  ol.circled > li:nth-child(7)::marker  { content: "⑦ "; }
  ol.circled > li:nth-child(8)::marker  { content: "⑧ "; }
  ol.circled > li:nth-child(9)::marker  { content: "⑨ "; }
  ol.circled > li:nth-child(10)::marker { content: "⑩ "; }
  ol.circled > li:nth-child(11)::marker { content: "⑪ "; }
  ol.circled > li:nth-child(12)::marker { content: "⑫ "; }
  ol.circled > li:nth-child(13)::marker { content: "⑬ "; }
  ol.circled > li:nth-child(14)::marker { content: "⑭ "; }
  ol.circled > li:nth-child(15)::marker { content: "⑮ "; }
  ol.circled > li:nth-child(16)::marker { content: "⑯ "; }
  ol.circled > li:nth-child(17)::marker { content: "⑰ "; }
  ol.circled > li:nth-child(18)::marker { content: "⑱ "; }
  ol.circled > li:nth-child(19)::marker { content: "⑲ "; }
  ol.circled > li:nth-child(20)::marker { content: "⑳ "; }

  /* 21件以上が必要な場合の予備（丸数字が尽きたら (n) に切替） */
  ol.circled > li:nth-child(n+21)::marker {
    content: "(" counter(child) ") ";
  }

  /* 第3階層 ・黒丸リスト */
  ul.disc {
    list-style-type: disc;   /* 通常の黒丸 */
    padding-left: 2.5em;     /* インデントを少し深く */
    margin: .2em 0;
  }
  ul.disc > li {
    display: list-item;
    margin: .15em 0;
  }

  /* リスト */
  li {
    margin-bottom: 0.5em;  /* 下に0.5文字分の余白 */
  }

  /* □のリスト */
  ul.square-white > li {
    margin: .2em 0;
    padding-left: 0.5em;
  }
  ul.square-white > li::marker {
    content: "□ "; 
    color: black; 
  }