.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    background-color: #111;
    transition: 0.5s;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#sideMenu {
    height: 45%;
    margin: 0;
}

.border {
    border-bottom: 1px solid;
    color: white;
}

#footer {
    background-image: url("../resource/bg/sub_visual_02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    flex-grow: 1;
    overflow-y: hidden;

}

/*#footer-area{ height: 100%; background-color:#393b3b; }*/
#footer-area {
    height: 100%;
}

/*#footer-area .inner-footer{ height: 0%; }*/
/*#footer-area .inner-footer .footer-items{ height: 50%; }*/
#footer-area .inner-footer .footer-info {
    padding: 10px;
}

#footer-area .item1 {
    padding-left: 0;
    margin-bottom: 0;
}

#footer-area .item1 li a {
    color: #e9e9e9;
    font-size: 15px;
}

#footer-area .item2 {
    margin: 0
}

#footer-area .footer-info {
    margin-left: 10%;
    color: #aaa;
    font-size: 12px;
    font-weight: normal;
}

#footer-area .footer-info a {
    padding-left: 0;
    margin-left: 0;
    color: #aaa;
    font-size: 12px;
    font-weight: normal;
}

/*
.youtube a{
    background-image : url("../resource/icon/youtube_btn.png");
    background-repeat : no-repeat;
    background-size:auto;
    align-content: center;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    
}
*/

/*#footer-area .inner-footer{ height: 100%; }*/


/*#footer-area .item1 li{list-style: none;}*/
/*#footer-area .item1 li:last-child{margin-bottom:0;}*/
/*#footer-area .item1 li.type1 a{color:#73b0df;}*/
/*#footer-area{height: 100%; background-color:#393b3b; position:relative; }*/
/*#footer-area .item2 .footer-utill:after{clear:both; display:block; overflow:hidden; content:""; height:0}*/
/*#footer-area .item2 .footer-utill .youtube{ }*/
/*#footer-area .item2 .footer-utill .youtube a{display:block; }*/
/*#footer-area .item2 .footer-utill .youtube:before{content:''; position:absolute; top:5px; right:0; background-color:#777878; width:1px; height:14px;}*/
/*#footer-area .item2 .footer-utill .family-site{float:left; position:relative; height:40px;}*/
/*#footer-area .item2 .footer-utill .family-site button{display:block; font-size:16px; color:#fff; font-family:'HMHLight'; padding-right:50px; background:url('/images/common/btn/plus_ico.png') no-repeat right 12px center; line-height:40px; padding:0 12px; width:156px; text-align:left; margin-left:10px;}*/
/*#footer-area .item2 .footer-utill .family-site button.on{background:url('/images/common/btn/minus_ico.png') #272727 no-repeat right 12px center;}*/
/*#footer-area .item2 .footer-utill .family-site .inner-family{display:none; background-color:#181818; padding:15px; position:absolute; top:auto; right:0; width:100%; box-sizing:border-box; width:156px;}*/
/*#footer-area .item2 .footer-utill .family-site .inner-family li{margin-bottom:5px;}*/
/*#footer-area .item2 .footer-utill .family-site .inner-family li:last-child{margin-bottom:0;}*/
/*#footer-area .item2 .footer-utill .family-site .inner-family a{font-size:15px; color:#b8b8b8; transition:0.2s}*/
/*#footer-area .item2 .footer-utill .family-site .inner-family a:hover{color:#3282ca; transition:0.2s}*/

/*#footer-area p{ display: block; color:#aaa; }*/


@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}