@charset "UTF-8";

/* header */

.header-box{

    position: absolute;top: 0;width: 100%;display: flex;justify-content: center;top: 0px;z-index: 1010;

}

.header{position:relative;

    /* height:50px; */

    width: 100%;

}

.header .logo{    

    display: flex;

    width: 50vw;

    height: 30px;

    padding: 30px 0 0 10px;

    color: #fff;

    font-size: 25px;

    align-items: center;

    }

.header .logo img{display:block;width:auto;padding-right: 10px;}

.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}

.header .search:hover{background-color:#0067d2;}

.header .search span{display:none;}

.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}

.header .user-icon span{display:none;}

.header .user-icon:hover{background-color:#0067d2;}

.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

#dl-menu-button{

    margin-left: 64px;

}

.header .logo{

    margin-left: 64px;

}