<style type="text/css">
/* もくじカスタマイズ */
.entry-content .table-of-contents {
 background-color: #f4f4ff;/* 背景色 */
 border: 2px dashed #ffb2ff; /* 線の太さ・破線・色 */
 box-shadow:1px 1px 6px 0px #ccc;
 -moz-box-shadow:1px 1px 6px 0px #ccc;
 -webkit-box-shadow:1px 1px 6px 0px #ccc;
 -o-box-shadow:1px 1px 6px 0px #ccc;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 20px 25px 15px 45px;
 position: relative;
 z-index: 0;
}
.entry-content .table-of-contents:after{
 background-color: #4c6cb3;  /* index背景色 */
 border-left: 2px dotted rgba(0,0,0,0.1);
 border-right: 2px dotted rgba(0,0,0,0.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 content: 'index';
 display: block;
 margin: 0 0 10px 0;
 padding: 5px 20px;
 color: #f9fcff; /* index文字色 */
 font-size: 120%;/* index文字大きさ */
 font-weight: bold;
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}
.entry-content .table-of-contents li a {
    text-decoration: none;
    color:#666699;/* 文字色 */
    font-size:14px;
    font-weight: bold;
}
.entry-content .table-of-contents li {
    list-style-type: none !important;
}
.entry-content .table-of-contents>li:before{/* リストマーク大見出し */
    font-family: blogicon;
    content: "\f02d";/* リストマーク */
    position: absolute;
    left: 1.7em;/* 左端からリストマークまでの距離 */
    color: #ffb2ff;/* リストマークの色 */
}
.entry-content .table-of-contents>li ul li:before{/* リストマーク中見出し */
    font-family: blogicon;
    content: "\f02d";/* リストマーク */
    position: absolute;
    left: 3.7em;/* 左端からリストマークまでの距離 */
    color: #ffb2d8;/* リストマークの色 */
}
.entry-content .table-of-contents>li ul li ul li:before{/* リストマーク小見出し */
    font-family: blogicon;
    content: "\f02d";/* リストマーク */
    position: absolute;
    left: 6.1em;/* 左端からリストマークまでの距離 */
    color: #ffb2b2;/* リストマークの色 */
}
.entry-content .table-of-contents>li:first-child {
    padding-top: 15px;
}
.entry-content .table-of-contents ul>li:last-child {
    padding-bottom: 10px;
}
</style>