@charset "utf-8";
/* CSS Document */

/* ------------------------------
メイン画像とヘッダーを重ねない
------------------------------ */
@media (min-width:1201px){
	.home .header_wrap {
		position: static;
	}
}

/* ------------------------------
ヘッダーメニュー　ボタン
------------------------------ */
@media (min-width:1201px){
	.header {
		min-height: 70px;
	}
	
	.nav {
		margin-bottom: 10px;
	}
	
	.menu a,
	.menu span {
		min-height: 0;
	}
	
	.menu > li > a,
	.menu > li > span {
		padding: 6px 12px;
	}
	
	.menu > li:has(a[href*="register"]),
	.menu > li:has(a[href*="login"]) {
		margin-left: 12px;
		filter: none;
	}
	
	.menu > li:has(a[href*="register"]) {
		order: 1;
	}

	.menu > li:has(a[href*="login"]) {
		order: 2;
	}
	
	.menu a[href*="register"] em {
		padding: 4px 6px;
		background: #fff;
		color: var(--sub-color);
		border-radius: 4px;
		font-size: 14px;
	}

	.menu a[href*="register"],
	.menu a[href*="login"] {
		color: #fff;
		border-radius: 4px;
	}
	
	.menu a[href*="register"] {
		background: var(--sub-color);
	}
	
	.menu a[href*="login"] {
		background: var(--main-color);
	}
}