@charset "UTF-8";
/**
目次用CSS
**/
.outline {
border:1px dotted #D8D8D8;
padding:20px;
margin-top:20px;
display:inline-block;
font-size:0.9em;
line-height:1.5em;
}
.outline__title{
  font-size:20px;
  color:#424697;
  border-bottom:1px dotted #ccc;
}
.outline__toggle {
display: none;
}
.outline__switch::before {
content:"開く";
cursor:pointer;
border: solid 1px #D8D8D8;
padding:5px;
font-size:0.8rem;
margin-left:5px;
border-radius: 5px;
}
.outline__toggle:checked + .outline__switch::before {
content:"閉じる"
}
.outline__switch + .outline__list {
overflow:hidden;
width:0;
height:0;
margin-top:0;
margin-left:-20px;
transition: 0.2s;
} 
.outline__toggle:checked + .outline__switch + .outline__list {
width: auto;
height: auto;
margin-top: 20px;
transition: 0.2s;
border-top: dotted 1px #d2d2d2;
padding-top: 1em;
}
.outline__item:before {
content: normal;
}
.outline__link {
display:relative;
color:#191919!important;
}
.outline__link:hover {
border:none;
}
.outline__number {
display: inline-block;
color:#7F7F7F;
background:#F2F2F2;
padding:3px 6px;
font-weight:400;
font-size:1.2rem;
margin-right: 5px;
}
label.outline__switch {
position: relative;
float: right;
}
li .outline__item {
list-style-type:none!important;
}
li .outline__item:before {
content:'- ';
}
ul .outline__item {
list-style-type:none!important;
}
ul {
-webkit-padding-start: 1.2em;
}


/*toc*/
div#Container div#Content main div.PostContent div.outline {
  display: inline-block;
  padding:50px 25px 30px;
  margin: 20px 0;
  background:#fffee5;
  box-shadow:6px 6px 10px #e1e1e1,0 0 0 1px rgba(0, 0, 0, 0.26) inset;
  /*border:3px solid #25b6e6;*/
  position:relative;
  min-width:300px;
}
div#Container div#Content main div.PostContent div.outline:before {
 content:'';
 position: absolute;
 top: -25px;
 left: 50%;
 margin-left: -115px; 
 width:50px;
 padding: 25px 80px;
 color: #555555; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.4);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

div#Container div#Content main div.PostContent div.outline a {
  text-decoration: none;
}
div#Container div#Content main div.PostContent div.outline > div.outline_header {
  font-size: 20px;
  font-weight: 500;
  text-align:center;
}
div#Container div#Content main div.PostContent div.outline > div.outline_header > a {
  font-size: 14px;
  font-weight: normal;
}
div#Container div#Content main div.PostContent div.outline > div.outline_header > a > span.show_text {
  display: none;
}
div#Container div#Content main div.PostContent div.outline ul,
div#Container div#Content main div.PostContent div.outline li {
  line-height:2.5;
  font-size: 15px;
  margin:0;
  padding: 0;
  list-style-type: none;
  background:none;
  border:none;
}
div#Container div#Content main div.PostContent div.outline > ul{
  margin:20px auto;
}
div#Container div#Content main div.PostContent div.outline li:before{
  display:none;
}
div#Container div#Content main div.PostContent div.outline .indent_1:first-child {
  margin-top: 1rem;
}
div#Container div#Content main div.PostContent div.outline .indent_1:last-child {
  margin-bottom: 1rem;
}
div#Container div#Content main div.PostContent div.outline .indent_2,
div#Container div#Content main div.PostContent div.outline .indent_3,
div#Container div#Content main div.PostContent div.outline .indent_4,
div#Container div#Content main div.PostContent div.outline .indent_5,
div#Container div#Content main div.PostContent div.outline .indent_6 {
  margin-left: 2rem;
}