@charset "utf-8";


/* --------------------------------------------------------------
#header(����)
-------------------------------------------------------------- */



/* --------------------------------------------------------------
#header(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){

#header {
	width:100%;
	height:91px;
  background: #fff;
	}

#header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	margin:0 auto;
	padding:11px 0 0 0;
	width:1000px;
	/*height:91px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/*
#header .inner h1,#header img.pcOnly{
	float:left;
	}
*/

#header .inner h1 {
	-webkit-flex: 1;
	flex: 1;
  margin: 0;
}

#header img.pcOnly {
	width: 246px;
	height: auto;
}

#header .inner .rightArea {
	/*float:right;*/
	/*width: 446px;*/
	/*width: 594px;*/
	width: 736px;
	/*position:relative;*/
	}

#header .inner .rightArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /*width: 446px;*/
  /*width: 594px;*/
  width: 736px;
	}

#header .inner.cf:after,
#header .inner .rightArea ul.cf:after {
	display: none;
}

#header .inner .rightArea ul li {
	width: 142px;
}

/*
#header .inner .rightArea ul li {
	float:left;
	padding:0 5px;
	font-size: 12px;font-size: 1.2rem;
	}

#header .inner .rightArea ul li.last {
	padding:0 0 0 5px;
	border-right:none;
	}

#header .inner .rightArea .member {
	position:absolute;
	top:22px;
	right:0;
	}
*/

#menu {
	display:none;
	}
#fixednavi .logo2{
	margin-top:5px;
	}


}

/* --------------------------------------------------------------
#header(SP)
-------------------------------------------------------------- */

@media screen and (max-width:640px){

#header  {
	position:relative;
	text-align:left;
	/*padding:10px;*/
	line-height: 0;
	}

#header .spHeaderInner {
	position: relative;
	text-align: center;
}

#header .spHeaderInner img,#header h1,#header .logo{
	/*width: 62.2%;*/
	width: 38%;
	z-index:50;
	}
#header h1 {
  height: 16.7vw;
  margin: 0;
}
#header h1 img  {
  display: none;
	width:100%;
	}

#header .logo-mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 16%;
}

#header .logo-mark img {
	width: 100%;
}


#header .inner .rightArea {
	display:none;
	}

#menu {
	position:fixed;
/*	position:absolute;*/
	right:0;
	/*width:14%;*/
	width: 16%;
	z-index:9999999;
	display:block;
	cursor:pointer;
	top:0;
	}

#menu:hover {
	opacity: 1;
}

#header .spHeader {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#ffffff;
	z-index:999999;
}

#header .spHeader .spHeaderInner {
	/*padding-bottom: 6px;*/
	line-height: 0;
}

#header .spHeader a {
	display: block;
	line-height: 0;
}
/*
#header .spHeader .spHeaderInner {
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
}
*/

.close {
right:0!important;
	}

.open {
left:0!important;
	}

	}

@media screen and (max-width:320px){

	}