/* ヘッダー
=========================================================================
=========================================================================*/
header {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #FFF;
	z-index: 10;
}

/* ----- ロゴ ----- */
header .logo {
	overflow: hidden;
	position: relative;
	margin: 17px auto 22px;
	width: 1186px;
}

@media (max-width:1216px) {
	header .logo {
		padding: 0 15px;
		width: 100% !important;
	}
}

header .logo a {
	overflow: hidden;
	display: block;
	width: 275px;
	/*height: 28px;*/
	/*text-align: left;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/common/header_logo.png) no-repeat;
	background-size: cover;*/
}

/* ----- ENTRY ----- */
header .entry {
	display: table;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 744px;
	height: 87px;
	transform: translateX(564px);
	transition: all .5s ease;
}

/* オープン */
header .entry.open {
	transform: translateX(0);
}

header .entry .button {
	display: table-cell;
	overflow: hidden;
	width: 180px;
	height: 87px;
	height: 100%;
	font-size: 0;
	background: url(../img/common/header_entry.svg) center center no-repeat #64D682;
	background-size: 55px auto;
	cursor: pointer;
}

header .entry .link {
	display: table-cell;
	display: flex;
	width: 564px;
	height: 100%;
	background: #000;
}


header .entry .local_link {
	position: relative;
	background: #151515;
	width: 50%;
	text-align: center;
}

header .entry .local_link.boder::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	width: 1px;
	height: 49px;
	;
	background: #454545;
}

header .entry .link .local_link a {
	display: block;
	width: 100%;
	padding: 0 0;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 87px;
	color: #FFF;
	text-decoration: none;
}



/*  スマホ（767px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {
	header {
		overflow: visible;
		position: fixed;
		top: 0;
		left: 0;
		height: 60px;
	}

	/* ----- ロゴ ----- */
	header .logo {
		margin: 18px auto 10px;
		padding: 0 10px;
		z-index: 2;
	}

	header .logo a {
		width: 184px;
	}

	/* ボタン
	-----------------------------------------------------------*/
	header .button_entry {
		position: fixed;
		top: 0;
		right: 60px;
		width: 101px;
		height: 60px;
		font-size: 0;
		background: url(../img/common/header_entry.svg) center center no-repeat #64D682;
		background-size: 55px auto;
		cursor: pointer;
		z-index: 1000;
	}

	header .button_open {
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 1000;
	}

	/* ----- ENTRY ----- */
	header .entry {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		transform: translateX(100%);
		transition: all .5s ease;
	}

	/* オープン */
	header .entry.open {
		transform: translateX(0);
	}

	header .entry .button {
		display: none;

	}

	header .entry .link {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-top: 60px;
		padding: 10px;
		background: #64D682;
	}


	header .entry .local_link {
		position: relative;
		margin-top: 10px;
		width: calc(177 / 355 * 100%);
		height: 39px;
		text-align: center;
		background: #151515;
	}

	header .entry .local_link.boder::after {
		display: none;
	}

	header .entry .link .local_link a {
		padding: 0;
		font-weight: bold;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 39px;
	}


}

/*  スマホ（480px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:480px) {

	header .logo a {
		width: calc(184 / 355 * 100%);
	}

	/* ボタン
	-----------------------------------------------------------*/
	header .button_entry {
		width: 86px;
		background: url(../img/common/header_entry.svg) center center no-repeat #64D682;
		background-size: 55px auto;
	}
}