@charset "UTF-8";
body{
overflow:hidden;
}

#index_wrap{
display:flex;
}

iframe{
width:100%;
height:100%;
border:none;
}

#index_menu{
overflow:scroll;
width:25vw;
}

#index_menu a{
text-decoration:none;
}

#index_content{
width:75vw;
}

h2{
border:none;
}

/* tree */

.tree-menu{
margin-top:10px;
padding:0;
}

.tree-menu ul{
display:none;
}

.tree-menu li{
list-style-type:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.tree-menu input[type=checkbox]{
position:absolute;
opacity:0;
display:none;
}

.tree-menu label, .tree-menu a{
position:relative;
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}

.tree-menu label:before, .tree-menu label:after, .tree-menu a:after{
content:'';
display:inline-block;
width:16px;
height:16px;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

.tree-menu label{
cursor:pointer;
padding-left:40px;
}

.tree-menu label:before{
}

.tree-menu label:after{
left:20px;
background-image:url(icon/plus.svg);
background-repeat:no-repeat;
}

.tree-menu a:after{
background-image:url(icon/file.svg);
background-repeat:no-repeat;
}

.tree-menu input[type=checkbox]:checked + label:after{
background-image:url(icon/minus.svg);
background-repeat:no-repeat;
}

.tree-menu input[type=checkbox]:checked + label + ul,
.tree-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul{
display:block;
}

.tree-menu ul label,
.tree-menu ul a,
.tree-menu ul ul label,
.tree-menu ul ul a,
.tree-menu ul ul ul label,
.tree-menu ul ul ul a{
padding-left:40px;
}

.tree-menu ul label:before,
.tree-menu ul ul label:before{
left:20px;
}

.tree-menu ul label:after,
.tree-menu ul a::after,
.tree-menu ul ul label:after,
.tree-menu ul ul a::after{
left:20px;
}