@charset 'utf-8';

#header { text-align:left; }

#header > .container {
	width:100%;
	
	display:-webkit-box; /* iOS6-,Sf3.1-6.0,Ad2.1-4.3 */
	display:-moz-box; /* Fx19-21 */
	display:-ms-flexbox; /* IE10 */
	display:-webkit-flex; /* Chrome28-,Sf6.1+,iOS7 */
	display:flex; /* standard */
	
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	
	-webkit-box-align:stretch;
	-moz-box-align:stretch;
	-ms-flex-item-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	
	-ms-flex-line-pack:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;
	
	border-bottom:1px solid #eee;
}

#header > .container > * {
	-webkit-box-flex:0; /* iOS6-,Sf3.1-6.0 */
	-moz-box-flex:0; /* Fx19- */
	-ms-flex:none;
	-webkit-flex:none; /* Chrome28-,Sf6.1+,iOS7 */
	flex:none; /* standard */
}

#header-logo,
#header-logo img { display:block; }

#header > .container > #header-menus {
	-webkit-box-flex:1; /* iOS6-,Sf3.1-6.0 */
	-moz-box-flex:1; /* Fx19- */
	-ms-flex:none;
	-webkit-flex:1 1 auto; /* Chrome28-,Sf6.1+,iOS7 */
	flex:1 1 auto; /* standard */
}

#header-button-wrap {
	white-space:nowrap;
	overflow:hidden;
	
	
	display:-webkit-box; /* iOS6-,Sf3.1-6.0,Ad2.1-4.3 */
	display:-moz-box; /* Fx19-21 */
	display:-ms-flexbox; /* IE10 */
	display:-webkit-flex; /* Chrome28-,Sf6.1+,iOS7 */
	display:flex; /* standard */
	
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	
	-webkit-box-align:stretch;
	-moz-box-align:stretch;
	-ms-flex-item-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	
	-ms-flex-line-pack:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;
}

a#header-button {
	display:block;
	position:relative;
}
a#header-button > img {
	display:block;
}

#header-menus {
	padding:5px 15px;
	
	display:-webkit-box; /* iOS6-,Sf3.1-6.0,Ad2.1-4.3 */
	display:-moz-box; /* Fx19-21 */
	display:-ms-flexbox; /* IE10 */
	display:-webkit-flex; /* Chrome28-,Sf6.1+,iOS7 */
	display:flex; /* standard */
	
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-item-align:center;
	-webkit-align-items:center;
	align-items:center;
	
	-ms-flex-line-pack:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;
	
}

@media (max-width:767px) {
	#header > .container {
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#header-logo {
		-webkit-box-ordinal-group:1;
		-moz-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	#header-button-wrap {
		-webkit-box-ordinal-group:2;
		-moz-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	#header-menus {
		-webkit-box-ordinal-group:3;
		-moz-box-ordinal-group:3;
		-ms-flex-order:3;
		-webkit-order:3;
		order:3;
		width:100vw;
		background:white;
	}
}

/* menu */
.menu-item > a {
	text-decoration:none;
	color:inherit;
}

.menu-item.active {
	font-weight:bold;
}

.menu.horizontal {
	width:100%;
	
	display:-webkit-box; /* iOS6-,Sf3.1-6.0,Ad2.1-4.3 */
	display:-moz-box; /* Fx19-21 */
	display:-ms-flexbox; /* IE10 */
	display:-webkit-flex; /* Chrome28-,Sf6.1+,iOS7 */
	display:flex; /* standard */
	
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	-webkit-box-pack:start;
	-moz-box-pack:start;
	-ms-flex-pack:flex-start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-item-align:center;
	-webkit-align-items:center;
	align-items:center;
	
	-ms-flex-line-pack:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;

}
.menu.horizontal > * {
	white-space:nowrap;
	/* display:inline-block; */
	
	-webkit-box-flex:0; /* iOS6-,Sf3.1-6.0 */
	-moz-box-flex:0; /* Fx19- */
	-ms-flex:none;
	-webkit-flex:none; /* Chrome28-,Sf6.1+,iOS7 */
	flex:none; /* standard */
	
}

.menu.horizontal > .menu-item > * {
	padding:3px 0.5em;
}

.menu-more {
	position:relative;
	cursor:pointer;
	
	-ms-flex-item-align:end;
	-webkit-align-self:flex-end;
	align-self:flex-end;
}
.menu.horizontal > .menu-more {
	padding-left:1em;
	
	-webkit-box-flex:1; /* iOS6-,Sf3.1-6.0 */
	-moz-box-flex:1; /* Fx19- */
	-ms-flex:1 1 auto;
	-webkit-flex:1 1 auto; /* Chrome28-,Sf6.1+,iOS7 */
	flex:1 1 auto; /* standard */
	
	min-width:0; /* for firefox bug */
	
	text-align:right;
}

.menu-more .menu-overflowed {
	display:none;
	text-align:left;
}

.menu-more:hover .menu-overflowed,
.menu-more.active .menu-overflowed {
	display:block;
	position:absolute;
	background:white;
	border:1px solid #888;
	
	top:100%;
	right:0;
	z-index:10;
}

.menu-overflowed > .container {
	padding:8px;
	width:100%;
	
	display:-webkit-box; /* iOS6-,Sf3.1-6.0,Ad2.1-4.3 */
	display:-moz-box; /* Fx19-21 */
	display:-ms-flexbox; /* IE10 */
	display:-webkit-flex; /* Chrome28-,Sf6.1+,iOS7 */
	display:flex; /* standard */
	
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
	
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	
	-webkit-box-align:stretch;
	-moz-box-align:stretch;
	-ms-flex-item-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	
	-ms-flex-line-pack:stretch;
	-webkit-align-content:stretch;
	align-content:stretch;
}

.menu-overflowed .menu-item {
	white-space:nowrap;
}

@media (max-width:767px) {
	#header-menus {
		padding-top:15px;
		padding-bottom:15px;
		font-size:80%;
	}
}

/* wakeapp */
html.is-native-gvrapp #header > .container > #header-menus {
	display:none;
}

/* footer */
.footer-text {
	padding-top:15px;
	padding-bottom:15px;
}

#footer > .container { max-width:960px; /* display:block; */ margin-left:auto; margin-right:auto; }
@media (max-width:990px) {
	#footer > .container { padding-left:15px; padding-right:15px; }
}