@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: var(--blue);
    width: 5vw;
    height: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
}
#side .side-back-ico{
    background:url("../images/ico-bt-close.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: 95vw;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 5vw;
    position: relative;
}
#side #side-header{   
    width: 100%;
    height: 10vw; 
    border-bottom: 1px solid #29abe2;
    position: absolute;
    top: 0;
    z-index: 10;
}
#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: 100%;
        height: 10vw;
        top: 0;
        left: 0; 
        z-index:9;
    }
    #side .side-back-ico{
        background:url("../images/ico-bt-close.svg") no-repeat center right;
    }
    
    #side .side-content{
        width: 100%;
        height: 100%;
        margin-left: 0;
    }
    #side #side-header{
        width: 100%;
        position: relative;
        top: auto;
        z-index: auto;
        height: 20vw;
        margin: auto;
        margin-top: 15vw; 
    }
    #side #side-content{
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        margin-left: 0;
        position: relative;
        border: 1px solid #ff0000;
    }
    #side #side-footer{
    }
}