.block-article-nav {
  position: relative;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0.1rem;
  border-bottom-width: 0.1rem;
  border-top-color: #b3b3b3;
  border-bottom-color: #b3b3b3;
}
.block-article-nav > .column_side {
  position: relative;
  z-index: 100;
  border-right-style: solid;
  border-right-width: 0.1rem;
  border-right-color: #b3b3b3;
  background-color: #fff;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index {
  font-size: 1.5rem;
  list-style: none;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item > .label {
  padding: 1rem;
  padding-left: 2rem;
  cursor: pointer;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-bottom-color: #e0e0e0;
  border-left-style: solid;
  border-left-width: 1rem;
  border-left-color: #e0e0e0;
  font-weight: 400;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item.active > .label, .block-article-nav > .column_side > .column_side_container .article_nav .index > .item:hover > .label {
  border-left-color: #d9aab9;
  color: #d9aab9;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item .sub {
  padding: 0.5rem 0rem;
  padding-left: 3rem;
  font-size: 1.4rem;
  list-style: none;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item .sub > .item > .label {
  padding: 0.5rem;
  cursor: pointer;
  font-weight: 400;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item .sub > .item.active > .label, .block-article-nav > .column_side > .column_side_container .article_nav .index > .item .sub > .item:hover > .label {
  border-left-color: #d9aab9;
  color: #d9aab9;
}
.block-article-nav > .column_side > .column_side_container .article_nav .index > .item:not(.active) .sub {
  display: none;
}
.block-article-nav > .column_main {
  padding: 1rem;
}
@media (max-width:959px) {
  .block-article-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-article-nav > .column_side {
    position: relative;
    left: -36rem;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 36rem;
    box-sizing: border-box;
    margin-right: -36rem;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 3px 0px 3px -3px rgba(0, 0, 0, 0.2);
  }
  .block-article-nav > .column_side > .column_side_container .sidebar_button {
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    right: -4rem;
    width: 8rem;
    height: 8rem;
    margin: auto;
    background-color: #d9aab9;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }
  .block-article-nav > .column_side > .column_side_container .sidebar_button::before, .block-article-nav > .column_side > .column_side_container .sidebar_button::after {
    content: "";
    display: block;
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    width: 1rem;
    height: 1rem;
    margin: auto;
    border-style: solid;
    border-width: 0.3rem;
    border-color: transparent;
    border-top-color: #fff;
    border-right-color: #fff;
  }
  .block-article-nav > .column_side > .column_side_container .sidebar_button::before {
    transform: -webkit- translateX(1rem) rotateZ(45deg);
    transform: translateX(1rem) rotateZ(45deg);
  }
  .block-article-nav > .column_side > .column_side_container .sidebar_button::after {
    transform: -webkit- translateX(-1rem) rotateZ(-135deg);
    transform: translateX(-1rem) rotateZ(-135deg);
  }
  .block-article-nav > .column_side.open {
    left: 0rem;
  }
  .block-article-nav > .column_main {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 30rem;
  }
}
@media (min-width:960px) {
  .block-article-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-article-nav > .column_side {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 36rem;
  }
  .block-article-nav > .column_main {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 40rem;
  }
}
.block-article-nav.guide > .column_side > .column_side_container .article_nav .index > .item.active > .label, .block-article-nav.guide > .column_side > .column_side_container .article_nav .index > .item:hover > .label {
  border-left-color: #c9bc9c;
  color: #c9bc9c;
}
.block-article-nav.guide > .column_side > .column_side_container .article_nav .index > .item .sub > .item.active > .label, .block-article-nav.guide > .column_side > .column_side_container .article_nav .index > .item .sub > .item:hover > .label {
  border-left-color: #c9bc9c;
  color: #c9bc9c;
}
@media (max-width:959px) {
  .block-article-nav.guide > .column_side > .column_side_container .sidebar_button {
    background-color: #c9bc9c;
  }
}
/*# sourceMappingURL=./style.css.map */