目次4

mokuji4.css

/* 目次 */
ul.table-of-contents {
    display:block;
    font-size:90%; /* 文字サイズ */
    line-height:1.2 !important; /* 行間 */
    border:1px solid #000 !important;
    border-radius:20px;
    background-color:#f9f9f9; /* 背景色 */
    width:70%; /* テーブルの幅 */
    padding:15px 35px !important;
    margin-left: auto !important; /* テーブルの中央寄せ */
    margin-right: auto !important; /* テーブルの中央寄せ */
}

ul.table-of-contents a{ /* リンク設定 */
   text-decoration: none;
   color:#000 !important;
}

ul.table-of-contents::before { /* INDEXの文字 */
    display:block;
    content:"- 目次 -";
    font-weight: bold; /* 太字 */
    font-size: 16px;
    letter-spacing:5px;
    text-align:center;
    margin: 15px 0px;
}

ul.table-of-contents li{
   margin: 3px 0px 3px 0px !important;
   list-style-type:none; /* 元のマーカー文字を消す */
}

ul.table-of-contents li::before { /* チェックアイコン */
   font-family:'blogicon';
   content:'\f029';
   color:#0081D9;
   position:relative;
   left:-0.5em;
}

ul.table-of-contents li ul li::before { /* ◆アイコン */
   font-size:80%;
   content:'◆';
   color:#000;
}