@charset "utf-8";
/* ---------------------------------------------------------
     esp-c1.css　 header img full｜SEARCH nyoro【white】
---------------------------------------------------------- */

ul.headerMenu li {
margin-left:4.5%;
}

/*------- header フリースペース -------*/
.free-header{top:0;}

/* top以外 */
.free-header_c{
position:relative;
top:70;
padding:0 10px 10px;
}

.free-header_c img{width:100%;}

/*------- 検索 -------*/
.search-inner {
position: relative;
height: 30px;
margin: 0 auto;
width: 30px;
}

.search-btn {
width: 30px;
height: 30px;
display: inline-block;
}

.searchform {
height: 30px;
margin: 0 auto;
position: absolute;
top: 0;
width: 30px;
}

input.s-stretch-t[type="text"] {
background: #fbfbfb;
border: 1px solid #999;
border-radius: 3px;
cursor: pointer;
height: 30px;
opacity: 0;
outline: none;
padding: 5px;
position: absolute;
top: 0;
right: 0;
transition: all 0.4s;
width: 30px;
z-index: 5;
}

input.s-stretch-sub[type="submit"] {
display: none;
}

input.s-stretch-t[type="text"]:focus {
cursor: text;
opacity: 1;
width: 200px;
}

/*------- header -------*/
header.header{
background:rgba(255,255,255,.7);	/*header帯の色指定 */
/*position:absolute; 	ヘッダーをfixedさせない場合はposition:absoluteを入れる*/
}

#header-full img{
width:100%;
position:relative;
}

.container{
margin-top:0;
}

/*------- pc -------*/
@media screen and (min-width:750px) {
	.header_logo_wide {
	width: 100%;
	/*min-width: 260px;*/
	max-width: 700px;
	max-height: 70px;
	flex-grow: 1;
	overflow: hidden;
	vertical-align: middle;
	padding: 0 15px 0 10px;
	}
	
	.header_logo_wide img {
	width:100%;
	}
	
	.ntop{
	margin-top:70px;	/* top以外のページ */
	}
	
	.lg-vtop{
	margin-top:10px;	/* login時のみ */	
	}
}

/*------- smart phone -------*/
@media screen and (max-width:749px) {
	header.header{
	height:60px;
	background:rgba(255,255,255,.4);	/*header帯の色指定 */
	}
	
	.header_logo_wide {
	overflow: hidden;
	text-align: center;
	max-width:70%;
	margin: 0 auto;
	height: 40px;
	}

	.header_logo_wide img {
	max-width: 100%;
	max-height: 40px;
	}
	
	.ntop{
	margin-top:70px;	/* top以外のページ */
	}

	/*------ popMenu ------*/
	ul.sm_headerMenu li + li{
	padding-left:10px;
	}

	ul.sm_headerMenu li.bg-switch{
	height:50px;
	}
	
	#sm_search-area{
	visibility: hidden;
	position:fixed;
	left:0;
	margin-top:10px;
	}
	
	ul.sm_headerMenu li.popMenu:hover #sm_search-area{
	visibility: visible;
	left:0;
	animation-name: fadein;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	}
	
	.noticeLabel{
	left:34px;
	}
	
	/*------ hamburger ------*/
	.drawer-hamburger{
	background: rgba(255,255,255,.0);
	}
}

/*
ul.headerMenu {
min-width: 357px;
}

@media screen and (max-width: 821px){
ul.headerMenu {
    min-width: 357px;
}
*/