/*front-static.css*/



/* Cocoon背景色が隙間から見えてしまう状態をキャンセル */
body.public-page {
	background-color: transparent;
}

/*--------------------------------
  Safari のルビ調整
--------------------------------*/
@supports (-webkit-touch-callout: none) {
  ruby rt {
    line-height: 1;
    margin-bottom: -0.5em;
  }
}

/*--------------------------------
  番号付きリスト（共通）
--------------------------------*/
:root {
  --listspace: 0.5em;
}
body.cpls-list-sans {
  --cpls-list-font: sans-serif;
}
body.cpls-list-serif {
  --cpls-list-font: serif;
}

/* 白丸・黒丸のときだけ番号を消す */
body.cpls-list-white ol,
body.cpls-list-black ol {
  list-style: none;
}

/* インデント調整（白丸・黒丸のときだけ） */
body.cpls-list-white ol li,
body.cpls-list-black ol li {
  text-indent: calc(-1.3em - var(--listspace));
}

body.cpls-list-white ol li::before,
body.cpls-list-black ol li::before {
  color: var(--site-color-key);
  font-family: var(--cpls-list-font);
  font-size: 1.1em;
  padding-right: var(--listspace);
}

/* li 以外の要素のインデント初期化 */
body ol li * {
  text-indent: initial;
}

/*--------------------------------
  白丸（cpls-list-white）
--------------------------------*/
body.cpls-list-white ol > li:nth-of-type(1)::before {content: '\2460';}
body.cpls-list-white ol > li:nth-of-type(2)::before {content: '\2461';}
body.cpls-list-white ol > li:nth-of-type(3)::before {content: '\2462';}
body.cpls-list-white ol > li:nth-of-type(4)::before {content: '\2463';}
body.cpls-list-white ol > li:nth-of-type(5)::before {content: '\2464';}
body.cpls-list-white ol > li:nth-of-type(6)::before {content: '\2465';}
body.cpls-list-white ol > li:nth-of-type(7)::before {content: '\2466';}
body.cpls-list-white ol > li:nth-of-type(8)::before {content: '\2467';}
body.cpls-list-white ol > li:nth-of-type(9)::before {content: '\2468';}
body.cpls-list-white ol > li:nth-of-type(10)::before {content: '\2469';}
body.cpls-list-white ol > li:nth-of-type(11)::before {content: '\246a';}
body.cpls-list-white ol > li:nth-of-type(12)::before {content: '\246b';}
body.cpls-list-white ol > li:nth-of-type(13)::before {content: '\246c';}
body.cpls-list-white ol > li:nth-of-type(14)::before {content: '\246d';}
body.cpls-list-white ol > li:nth-of-type(15)::before {content: '\246e';}
body.cpls-list-white ol > li:nth-of-type(16)::before {content: '\246f';}
body.cpls-list-white ol > li:nth-of-type(17)::before {content: '\2470';}
body.cpls-list-white ol > li:nth-of-type(18)::before {content: '\2471';}
body.cpls-list-white ol > li:nth-of-type(19)::before {content: '\2472';}
body.cpls-list-white ol > li:nth-of-type(20)::before {content: '\2473';}

/*--------------------------------
  黒丸（cpls-list-black）
--------------------------------*/
body.cpls-list-black ol > li:nth-of-type(1)::before {content: '\2776';}
body.cpls-list-black ol > li:nth-of-type(2)::before {content: '\2777';}
body.cpls-list-black ol > li:nth-of-type(3)::before {content: '\2778';}
body.cpls-list-black ol > li:nth-of-type(4)::before {content: '\2779';}
body.cpls-list-black ol > li:nth-of-type(5)::before {content: '\277a';}
body.cpls-list-black ol > li:nth-of-type(6)::before {content: '\277b';}
body.cpls-list-black ol > li:nth-of-type(7)::before {content: '\277c';}
body.cpls-list-black ol > li:nth-of-type(8)::before {content: '\277d';}
body.cpls-list-black ol > li:nth-of-type(9)::before {content: '\277e';}
body.cpls-list-black ol > li:nth-of-type(10)::before {content: '\277f';}
body.cpls-list-black ol > li:nth-of-type(11)::before {content: '\24eb';}
body.cpls-list-black ol > li:nth-of-type(12)::before {content: '\24ec';}
body.cpls-list-black ol > li:nth-of-type(13)::before {content: '\24ed';}
body.cpls-list-black ol > li:nth-of-type(14)::before {content: '\24ee';}
body.cpls-list-black ol > li:nth-of-type(15)::before {content: '\24ef';}
body.cpls-list-black ol > li:nth-of-type(16)::before {content: '\24f0';}
body.cpls-list-black ol > li:nth-of-type(17)::before {content: '\24f1';}
body.cpls-list-black ol > li:nth-of-type(18)::before {content: '\24f2';}
body.cpls-list-black ol > li:nth-of-type(19)::before {content: '\24f3';}
body.cpls-list-black ol > li:nth-of-type(20)::before {content: '\24f4';}

/*--------------------------------
  目次への適用除外
--------------------------------*/
body.cpls-list-white .toc ol li::before,
body.cpls-list-black .toc ol li::before {
  content: none;
}