.cnt{ display:flex }
.pc{display:inline-block;}

#tree {
    background-color: #ffffff;
    padding-top: 10px;
    width: 300px;
}
.main {
    width: 100%;
    background-color: #ffffff;
    padding:8px;
    
}

.filter{display:none }

.theprop {
    font-size: 12px;
    color: #979ea6;
    padding-left: 20px;
    margin: 3px auto 8px 0px;
}


@media screen and (max-width:700px) {
    .main {
        width: calc(100% - 14px);
    }
}



  


 /* mobile*/
   @media screen and (max-width:1000px) {
        .nopadding {
            padding: 0px 3px !important
        }

        .pc {
            
        }

        .cnt {
            display: block;
        }

        #tree {
            display: none;
            background-color: #ffffff;
            width: 250px;
            position: fixed;
            left: 0px;
            top: 0px;
            min-height: 100%;
            z-index: 10000;
        }

        .filter {
            display: inline-block
        }
    }