@import "https://fonts.googleapis.com/css?family=Montserrat";

#header {
	width: auto;
	margin-top: 1em;
}
#header img {
	max-width: 100%;
}
#header .header_top {
	margin: 0 1em;
	display: -webkit-flex;
	display: flex;
	font-size: 12px;
	line-height: 1;
	position: relative;
	z-index: 99000;
}

.corporatelogo img{
width: 85%;
}


#header .header_top .support {
	margin: 0;
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
    line-height: 36px;
}
#header .header_top .support > * {
	margin: 0 2em 0 0;
	padding-left: 1em;
	
	font-size: 11px;
/*	border-left: solid 1px #ccc;*/

}
#header .header_top .support .chinise,
#header .header_top .support .search {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#header .header_top .support .shopping {
	-webkit-flex-direction: column;
	flex-direction: column;
}
#header .header_top .support .shopping p {
	margin: 0;
}
#header .header_top .support .shopping ul {
	margin-top: 0.5em;
	display: -webkit-flex;
	display: flex;
}
#header .header_top .support .shopping li:not(:first-child) {
	margin-left: 3em;
}
#header .header_top .support .shopping img {
	margin-right: 0.25em;
	vertical-align: text-top;
}

/* ***** サイト内検索 ***** */
#header .search_icon:hover,
#header .search_close:hover {
	cursor: pointer;
}
#header .search_close {
	width: 5em;
	margin: 0 0 0 auto;
	padding: 0.5em;
	border: solid 1px #ccc;
	color: #333;
	text-align: center;
}
#header .search_close::before {
	content: "\f00d";
	font-family: FontAwesome;
	margin-right: 0.25em;
}
#header .search_form {
	display: none;
}
#header .active > .search_form {
	display: block;
	width: calc(100% - (2em + 1px) * 2);
	height: 8em;
	padding: 2em;
	background-color: #f4f4f4;
	/*border: solid 1px #e0e0e0;*/
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 99900;
}
#header .search_form #SS_searchForm {
	float: none;
	border: none;
	border-radius: 0;
	width: 100%;
	height: 2em;
	margin: 1em auto 0;
	background-color: #f4f4f4;
	border-bottom: solid 1px #ccc;
	font-size: 160%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#header .search_form #SS_searchForm #button {
	width: 26px;
	height: 24px;
	margin: 0;
	margin-left: auto;
	flex: none;
	order: +1;
	float: none;
}
#header .search_form #SS_searchForm #SS_searchQuery {
	height: 100%;
	margin: 0;
	padding: 1px 4px;
	background-color: #f4f4f4;
	border: none;
	color: #333;
	flex: auto;
	float: none;
}

/* ********** ナビゲーション ********** */
#header_navigation {
	z-index: 90000;
}
#header_navigation.fix {
	margin-top: 0;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	
	
	
	/*width: 100%;
	max-height: 500px;*/




	box-shadow: 0 0 0.25em 0 rgba(216, 216, 216, 0.1), -0.25em 0.25em 0.25em rgba(216, 216, 216, 0.2);

}

#header_navigation.fixline {
	margin-top: 0;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	
	
	
	/*width: 100%;
	max-height: 500px;*/




	box-shadow: 0 0 0.25em 0 rgba(216, 216, 216, 0.1), -0.25em 0.25em 0.25em rgba(216, 216, 216, 0.2);

}
/* ********** SNSアイコン（画面左端固定） ********** */
.sns_fixed {
	position: fixed;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1;
	//z-index: 99999;
	display: none;
}
.sns_fixed img {
	width: 34.3px;
}
.sns_fixed ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.sns_fixed li {
	flex: auto;
}
.sns_fixed a {
	display: block;
	background-color: #fff;
}