@charset "utf-8";

/*===================
HEADER LOGO
=====================*/
.navbar{
border:0px none;
border-bottom:1px solid rgba(0,0,0,0.1);/*OW*/
background: linear-gradient(#0e1d6e, #0043ff);
}
.navbar-header{
	float: none;
	background: url("../images/bg_header.png") center bottom no-repeat;
	background-size: 730px auto;
}
.navbar-brand {
float: none;
display: block;
background-size: contain;
height: 90px;
width:213px;
line-height: 0px;
color: transparent !important;
margin: 0 auto !important;
padding: 0;
}
.navbar-brand.logo-vendor{
width:200px;
height:90px;
background: url("../images/logo_ezoden.png") no-repeat left center;
background-size: contain;
}

.nav-sp a:before {
    content: " \f105 ";
    font-family: FontAwesome;
    margin-right: 7px;
}
.nav-sp li {
	border-bottom: 1px dashed rgba(0,0,0,.1);
}

.logo_main {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: auto;
	vertical-align: middle;
	width: 170px;
}
.logo_customer{
display: block;
position: absolute;
top: 0;
bottom: 0;
margin:auto;
height:auto;
display: inline-block !important;
vertical-align: middle;
margin-left:10px;
padding-top:4px;
width:200px;
}

@media (max-width : 480px) {
	.navbar-brand{
		width:42%;
		padding: 0;
	}
	.logo_customer{
		width:25%;
		margin-left:50px;
	}
	.navbar-header{
		background-size: 134vw auto;
	}
	.logo_main{
		max-width: 42%;
	}
}
@media ( min-width : 480px) and (max-width : 767px) {
	.navbar-brand {
	padding:1em 0;
	}
	.navbar-brand.logo-vendor{
	width:120px;
	height:60px;
	}
	.logo_main{
		width: 164px;
	}
	.logo_customer{
		margin-left:10%!important;
		width:26%;
	}

}

/*===================
HEADER ACCOUNT
=====================*/

.header_account1 {
   font-size: 15px;
   margin-right : 20px ;
   margin-top : 35px ;
   margin-bottom : 0px ;
}

.header_account2 {
   font-size: 15px;
   margin-right : 20px ;
   margin-top : 35px ;
   margin-bottom : 0px ;
}

 @media (min-width: 768px) {
     .header_account1 {
         display: none;
     }
 }


 @media (max-width: 767px) {
     .header_account2 {
         display: none;
     }
 }

 @media ( min-width : 480px) and (max-width : 767px) {
     .header_account1{
        font-size: 14px;
        margin-right : 10px ;
    }
 }
 @media (max-width : 480px) {
    .header_account1{
        font-size: 12px;
        margin-right : 10px ;
    }

}

/*===================
SP HEADER BURGER MENU
=====================*/
button.navbar-toggle:focus,
button.navbar-toggle:hover{
background:#FFF !important;
}
button.navbar-toggle{
font-size: 2.4rem;
color:#717c88;
line-height:0;
margin:2% 4% 0 0;
padding:.8rem;
background:#FFF;
border-color: #ddd;
}
button.navbar-toggle:after{
content:"MENU";
font-size:8px;
margin-top:0.4rem;
display: block;
}

@media ( min-width : 768px) {
	.enelink-navbar-collapse {
	float: right;
	}
}

.navbar-for-ipad-font {
	position: absolute;
	bottom: 10px;
	font-weight: bolder;
	color: #01abba;
}

/* PCのログを左端に移動(若干右に移動する場合:140px) */
@media only screen and (min-width : 768px) {
    img.logo_main{
        width:213px;
        height:auto;
        margin-left:0;
    }
}

/* お客さま文字対応 iphone+ipad*/
@media only screen and (max-width : 768px) {
    .navbar-text.header_account1 p{
        margin-top: 70px;
        margin-left: 33%;
        color:#FFFFFF;
    }
}