.qdindex_box {
 position: relative;
 display: block;
 height: 0;
}
.qdindex_box span {
 position: absolute;
 top: -60px;
 display: block;
 left: 0;
}
.admin-bar .qdindex_box span {
 top: -100px;
}
#qdindex_body {
 max-width: 600px;
 box-sizing: border-box;
 padding: 25px;
 margin: 2em auto !important;
 width: auto;
 font-size: 95%;
 display: block;
 border-radius: 10px;
 background-color: #f0f0f0;
 color: #333;
 border: 1px solid #e1e1e1;
}
#qdindex_body .nomove {
 text-decoration: underline;
 color: #818181;
 font-size: 0.8em;
}
#qdindex_body a {
 color: #333;
 text-decoration: none;
}
#qdindex_body.active {
 width: auto;
 display: block;
}
#qdindex_body #qdindex_view {
 font-weight: normal;
 font-size: 0.9em;
 margin-left: 5px;
}
#qdindex_body .qdindex_in .qdindex_list_H1 {
 margin-left: 0;
}
#qdindex_body .qdindex_in .qdindex_list_H2 {
 margin-left: 0;
}
#qdindex_body .qdindex_in .qdindex_list_H3 {
 margin-left: 1em;
}
#qdindex_body .qdindex_in .qdindex_list_H4 {
 margin-left: 2.2em;
 font-size: 0.95em;
 line-height: 1.2em;
}
#qdindex_body .qdindex_in .qdindex_list_H5 {
 margin-left: 2em;
}
#qdindex_body .qdindex_in .qdindex_list_H6 {
 margin-left: 3em;
}
#qdindex_body .qdindex_title {
 text-align: center;
 font-weight: bold;
 margin: 0;
 padding: 0;
 cursor: pointer;
 position: relative;
 padding-bottom: 20px;
}
#qdindex_body.active .qdindex_title {
 padding-bottom: 0;
}
#qdindex_body.active .qdindex_title:after {
 display: none;
}
#qdindex_body .qdindex_title:after {
 content: "";
 width: 10%;
 height: 1px;
 position: absolute;
 bottom: 0;
 left: 45%;
 border-bottom: dashed 1px #8e8e8e;
}
#qdindex_body .qdindex_in {
 margin-top: 1em;
}
#qdindex_body .qdindex_in li {
 line-height: 1.3em;
 margin-bottom: 15px;
 list-style: none;
 margin-left: 1em;
}
#qdindex_body .qdindex_in ul {
 padding-top: 10px;
}
.page_sp {
 overflow: hidden;
 padding: 25px 15px 25px 0;
 text-align: center;
}
.page_sp span {
 display: inline-block;
 padding: 12px;
 border: 1px solid #289c51;
 border-radius: 5px;
 line-height: 1em;
 font-size: 14px;
 color: #289c51;
 position: relative;
 margin: 0 2px 8px 2px;
}
.page_sp a span {
 background-color: #289c51;
 color: #fff;
 border-radius: 5px 7px 7px 5px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
/*.page_sp span.next_sp:hover:after*/
.page_sp a span:hover {
 opacity: 0.7;
}
.page_sp span.none {
 display: none;
}
.page_sp span.next_sp {
 margin-left: 7px;
}
.page_sp span.next_sp:after {
 content: "";
 border-width: 16.5px;
 border-color: #289c51 #289c51 transparent transparent;
 border-style: solid;
 border-radius: 10px;
 transform: rotate(45deg);
 position: absolute;
 right: -13px;
 top: 2px;
}
span.next_pages {
 background-color: #7dc066;
 font-size: 0.65em;
 padding: 3px 12px;
 border-radius: 8px;
 margin-left: 1em;
 color: #fff;
 font-weight: normal;
 position: relative;
 top: -1px;
 line-height: 1em;
}
@media only screen and (max-width: 1040px) {
 .qdindex_box span {
  top: -75px;
 }
 /*1040*/
}