ul.table-of-contents {
  font-size: 20px !important; /*文字サイズ*/
  border: 1px solid #eee !important;
  padding: 1em 1.5em 1em 2.25em !important;
  color: #999 !important;
  display: inline-block;
}
ul.table-of-contents:before {
  content: "- 目次 -"; /* お好きな文言に変更してください */
  display: inline-block;
  margin: 0.2em 0em 1em;
  padding: 0em;
  font-weight: bold;

    
.table-of-contents li a:hover {
 padding-left: 7px; /* カーソル重ねた時に移動する距離 */
 transition-duration: 0.3s /* カーソルが移動する時間 */
}