/*
 * カウンター
 */
h1 {
  font-size: 18pt;
  padding: 6px;
  margin: 0 0 8px 0;
  border-bottom: 4px solid #469;
  line-height: 2rem;
  counter-reset: n1;
}
h1::before {
  content: url("image/popase.gif") " ";
}
h2 {
  all: revert;
  font-size: 19px;
  counter-increment: n1;
  counter-reset: n2 n3 n4 n5 n6;
}
h2::before {
  content: counter(n1) ". ";
}
h3 {
  all: revert;
  counter-increment: n2;
  counter-reset: n3 n4 n5 n6;
}
h3::before {
  content: counter(n1) "." counter(n2) " ";
}
h4 {
  all: revert;
  font-size: 100%;
  counter-increment: n3;
  counter-reset: n4 n5 n6;
}
h4::before {
  content: counter(n1) "." counter(n2) "." counter(n3) " ";
}
h5 {
  all: revert;
  font-size: 100%;
  margin: 1rem 0 1rem 0;
  counter-increment: n4;
  counter-reset: n5 n6;
}
h5::before {
  content: counter(n1) "." counter(n2) "." counter(n3) "." counter(n4) " ";
}
h6 {
  all: revert;
  font-size: 100%;
  margin: 1rem 0 1rem 0;
  counter-increment: n5;
  counter-reset: n6;
}
h6::before {
  content: counter(n1) "." counter(n2) "." counter(n3) "." counter(n4) "." counter(n5) " ";
}

/*
 * 目次
 */
#contents {
  margin-top: 1rem;
  font-size: 19px;
  font-weight: bold;
}

/*
 * 目次カウンター
 */
.content-list {
  counter-reset: cn1;
  padding-left: .5rem;
  counter-reset: cn1;
}
.content-list > li {
  list-style-type: none;
  counter-increment: cn1;
  counter-reset: cn2 cn3 cn4 cn5 cn6;
}
.content-list > li > a {
  text-decoration: none;
}
.content-list > li::before {
  content: counter(cn1) ". ";
  color: #136;
}
.content-list > li > ul {
  padding-inline-start: 1rem;
}
.content-list > li > ul > li {
  list-style-type: none;
  counter-increment: cn2;
  counter-reset: cn3 cn4 cn5 cn6;
}
.content-list > li > ul > li > a {
  text-decoration: none;
}
.content-list > li > ul > li::before {
  content: counter(cn1) "." counter(cn2) " ";
  color: #136;
}

.content-list > li > ul > li > ul {
  padding-inline-start: 1rem;
}
.content-list > li > ul > li > ul > li {
  list-style-type: none;
  counter-increment: cn3;
  counter-reset: cn4 cn5 cn6;
}
.content-list > li > ul > li > ul > li > a {
  text-decoration: none;
}
.content-list > li > ul > li > ul > li::before {
  content: counter(cn1) "." counter(cn2) "." counter(cn3) " ";
  color: #136;
}

.content-list > li > ul > li > ul > li > ul {
  padding-inline-start: 1rem;
}
.content-list > li > ul > li > ul > li > ul > li {
  list-style-type: none;
  counter-increment: cn4;
  counter-reset: cn5 cn6;
}
.content-list > li > ul > li > ul > li ul > li > a {
  text-decoration: none;
}
.content-list > li > ul > li > ul > li > ul > li::before {
  content: counter(cn1) "." counter(cn2) "." counter(cn3) "." counter(cn4) " ";
  color: #136;
}

.content-list > li > ul > li > ul > li > ul > li > ul {
  padding-inline-start: 1rem;
}
.content-list > li > ul > li > ul > li > ul > li > ul > li {
  list-style-type: none;
  counter-increment: cn5;
  counter-reset: cn6;
}
.content-list > li > ul > li > ul > li ul > li > ul > li > a {
  text-decoration: none;
}
.content-list > li > ul > li > ul > li > ul > li > ul > li::before {
  content: counter(cn1) "." counter(cn2) "." counter(cn3) "." counter(cn4) "." counter(cn5) " ";
  color: #136;
}

/*
 * 番号無し
 */
.no-numbers {
  h2::before, h3::before, h4::before, h5::before, h6::before {
    content: "";
  }
  .content-list {
    padding-left: 2rem;
  }
  .content-list li {
    list-style-type: revert;
  }
  .content-list li::before {
    content: "";
  }
}

/*
 * パンくずリスト
 */
.breadcrumb {
  padding: 0;
  margin-bottom: 1rem;
}
.breadcrumb li {
  display: inline
}
.breadcrumb li::after {
  content: " / ";
}
.breadcrumb li:last-child::after {
  content: "";
}