/*目次ルーズリーフ*/
.entry-content .table-of-contents {
    display: inline-block;
    padding: 0 1em 1em;
    background: #ffffff14;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 8px dotted #e1e1e2;
    box-shadow: 0px 0px 0 7px #ffffff, 1px 0px 0 7px #959595d4, 2px 0px 0 7px #fff, 3px 0px 0 7px #898989de,
                4px 0px 0 7px #fff, 5px 0px 0 7px #858585de, 4px 0px 10px 9px #b8b8b896;
}
.entry-content .table-of-contents::before {
    content: "目次";
    display: block;
    position: static;
    margin: .3em 0 .4em;
    padding: 0;
    border-bottom: 2px solid #ddd;
    font-size: 1rem;
    font-weight: normal;
    text-align: start;
}
.entry-content .table-of-contents li {
    list-style-type: decimal;
    margin: 0 0 0 1em;
    font-size: 1.1em;
}
.entry-content .table-of-contents li ul {
    margin: 0 0 1em .5em;
    padding: 0;
}
.entry-content .table-of-contents li ul li {
    list-style-type: decimal;
    color: #8d8d8d;
    font-size: .9em;
}
.entry-content .table-of-contents a {
    color: #5a5a5a;
    text-decoration: none;
    position: relative;
    display: block;
    line-height: 2em;
    background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, #666 100%);
    background-size: 8px 100%,100% 2em;
}
h3{
  padding: 1rem 2rem;
  color: #000000;
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}
h4{
  padding: 1rem 2rem;
  color: #000000;
  background: #87cefa;
  -webkit-box-shadow: 5px 5px 0 #00bfff;
  box-shadow: 5px 5px 0 #00bfff;
}
h1{
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 6px solid #ffe4e1;
}

h1:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #ffd700;
}