@charset "utf-8";

/* mobile menu style */
.drawer-nav {
    color: #fff;
    background-color: #333333 !important;
    z-index:998 !important;
}
.drawer-nav ul li{
    color:#fff;
    border-bottom:1px solid #4D4D4D;
    padding:20px 1.5em;
}
.drawer-nav ul li a{
    color:#fff;
    text-decoration:none;
    display:block;
    
}
.drawer-nav ul li.logo{
    text-align:center;
}
.drawer-nav ul li.sp-menu-inner-li{
    padding:0;
    border:none;
}
.drawer-hamburger {
    z-index: 1005 !important;
    padding:10px !important;
}
.drawer-nav ul li select{
    width:11em;
}
/**/
#owner-header{
    padding:7px 0;
    height:78px;
    box-sizing:border-box;
}
.header-container{
    position:relative;
    max-width:960px;
    height: 100%;
    margin:auto;
    overflow:hidden;
    box-sizing: border-box;
}
.header-left {
    /* position:absolute; */
    /* left:0; */
    /* top:0; */
    /* bottom:0; */
    /* margin:auto; */
    /* width:100%; */
    /*float:left;*/
}
.header-logo,
.header-logo img{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    width:127px;
}
.header-right {
    float:right;
}

.header-link-list {
    letter-spacing:-.4em;
}

.header-link-li {
    display:inline-block;
    vertical-align:middle;
    letter-spacing:normal;
    margin-left:10px;
}
.header-link-li a{
    color:#4D4D4D;
    text-decoration:none;
}
.header-link-li:first-child {
    margin-left:0;
}
.header-link-li.login:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:23px;
    background:url(/images/owner/icon_login.png) no-repeat center center;
    background-size:contain;
}
.header-link-li.entry:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:23px;
    background:url(/images/owner/icon_entry.png) no-repeat center center;
    background-size:contain;
}
@media screen and (max-width:768px){
.header-link-li {
    display:block;
    margin-left:0px;
}
}

/*-----------------------

    ちーバル登録ページ

------------------------*/
@media screen and (max-width:768px){
#chibar-header > .container{
    width:90%;
    margin:auto;
}  
}
/*-----------------------

    オーナー登録ページ（スマホ）

-----------------------*/
#owner_header_mobile{
    position:fixed;
    top:0;
    width:100%;
    background:rgba(255,255,255,0.5);
    height:50px;
    overflow:hidden;
    z-index:997;
}

#owner_header_mobile ul{
    display:none;
}
.drawer-hamburger {
    padding: 14px .75rem 30px !important;
}
.owner-header-inner{
    /*
    padding-left:50px;
    line-height:50px;
    padding-right:10px;
    */
    text-align:center;
}
.owner-header-inner > h2{
    display:inline-block;
    vertical-align:middle;
    padding:10px 0 0;
}

.owner-header-inner > h2 img {
    width:auto;
    height:30px;
}
.owner-header-inner > p{
    display:inline-block;
    vertical-align:middle;
    /* margin-left:10px; */
}
.owner-header-inner > p img{
    width:auto;
    height:30px;
}
.owner-header-inner > ul{
    float:right;
    display:inline-block;
    vertical-align:middle;
}
.owner-header-inner > ul > li{
    display:inline-block;
    vertical-align:middle;
}

.drawer-nav ul li:nth-child(3) {
   display: none;
}