@charset "utf-8";
/* CSS Document */
#side{
    width: 100%;
    background: #ffffff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 110vw;    
    z-index: 1100;    
}
#side #side-back{
    background: #ff8400;
    width: 2vw;
    height: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
}
#side .side-back-ico{
    background:url("../images/bt-close-side.svg") no-repeat center center;
    width: 90%;
    height: 5vh;
    margin: auto;
    position: absolute;    
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#side .side-content{
    width: 97vw;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 2vw;
    position: relative;
}
#side #side-header{
    width: 100%;
    height: 20vh;    
}
#side #side-info{
    width: 100%;
    min-height: 59vh; 
}
#side #side-footer{
    width: 100%;
    height: 20vh;   
}
@media handheld, only screen and (max-width: 1000px) {
    #side{
    }
    #side #side-back{
        width: 10vw;
    }
    #side .side-back-ico{
    }
    #side .side-content{
        width: 89vw;
        height: 100%;
        margin-left: 10vw;
    }
    #side #side-header{
    }
    #side #side-content{
    }
    #side #side-footer{
    }
    }