@charset "utf-8";

.toc input {
  display: none;
}
.toc {
  max-height: inherit;
  overflow-y: visible;
}
.toc .toc-toggle {
  text-align: center;
  display: block;
  margin: 16px;
}
.toc .toc-list {
  max-height: inherit;
  overflow-y: visible;
  visibility: visible;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.toc .clickarea {
  padding: 6px;
}
.toc input[type="checkbox"]:checked ~ .toc-list {
  max-height: 0;
  overflow-y: hidden;
  visibility: hidden;
  opacity: 1;
}
.toc .clickarea:before {
  content: "[閉じる]";
}
.toc input[type="checkbox"]:checked ~ * .clickarea:before {
  content: "[開く]";
}
