@charset "utf-8";

/**** CAUTION ************************

If you want to modify this file,
If this file included in plugin that, you don't modify this file.
Original file path is themes/lightning/design-skin/foundation/ that, please modify original files.

*************************************/

@media (max-width: $lg-max) {
	.siteHeader_logo {
		width: 100%;
		text-align: center;
		img {
			margin-left: auto;
			margin-right: auto;
		}
	}
	.gMenu_outer {
		nav {
			text-align: center;
		}
	}
	.gMenu {
		display: inline-flex;
		margin: 0 auto;
		& > li {
			float: unset;
		}
	}
}

@media (min-width: $xl-min) {
	.siteHeader_logo {
		float: left;
	}
	.gMenu_outer {
		right: 0;
		float: right;
		width: auto; /* unset だとIE11で無効になるのでautoに */
		min-height: 4em; /* キャプション無し用 */
		display: table; /* キャプション無しの時に上下中央になるように */
	}
	.gMenu {
		right: 0;
		margin: 0;
		float: right;
	}
	/* 
	If no caption but to be middle of vertical.
	If don't add .gMenu_outer that this setting effect to the mobile-nav and give rise to mobile-nav don't become width:100%.
	*/
	.gMenu_outer nav {
		display: table-cell;
		vertical-align: middle;
	}
}