#toc {
  max-width: 880px;
  /* border: 1px solid rgba(0,0,0,.1); */
  margin: 2em auto;
  background: #fff;
  line-height: 1.8;
}
.toc-title {
  padding: .5em 1em;
  background: #999;
  color: #fff;
}
.toc-container {
  padding:24px 32px !important;
  margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .toc-container{
    padding:16px 20px !important;
  }
}
.toc-container, .toc-container ul {
  counter-reset: ul-counter;
  list-style: none;
}
.toc-container ul {
  padding-left: 20px;
}
.toc-container li a {
  display: flex;
  color: #000 !important;
}
.toc-container > li > a {
  font-weight: bold;
  padding:5px 0;
}
.toc-container li a:before {
  counter-increment: ul-counter;
  content: counters(ul-counter,".");
  padding-right: .5em;
  white-space: nowra;
}
.toc-container li ul a:before {
  content:"・";
}
#toc .toc-title:after {
  content: '[ひらく]';
  margin-left: .5em;
}
#toc[open] .toc-title:after {
  content: '[とじる]';
}
.toc-container > li > ul * {
  font-size: 1.4rem;
}

.fs-l-pageMain .categorymention .post-body .toc-container a {
  text-decoration: none;
  line-height: 1.5;
}

[class^="fs-body-category fs-body-category-od"] .fs-l-pageMain .categorymention .toc-title{
  background:#47622d;
}
[class^="fs-body-category fs-body-category-od"] .fs-l-pageMain .categorymention #toc{
  border:2px solid #47622d;
}
[class^="fs-body-category fs-body-category-letr"] .fs-l-pageMain .categorymention .toc-title{
  background:#8f0f12;
}
[class^="fs-body-category fs-body-category-letr"] .fs-l-pageMain .categorymention #toc{
  border:2px solid #8f0f12;
}
[class^="fs-body-category fs-body-category-lesp"] .fs-l-pageMain .categorymention .toc-title{
  background:#ee6d34;
}
[class^="fs-body-category fs-body-category-lesp"] .fs-l-pageMain .categorymention #toc{
  border:2px solid #ee6d34;
}