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

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

/* ------------------------------
ログイン・登録ボタンのデザイン変更
------------------------------ */
@media (min-width:1201px){
	/*登録ボタンを一番後ろに*/
	.menu > li:has(a[href*="register"]) {
		order: 1;
	}
	
	/*デザイン*/
	.menu > li:has(a[href*="register"]),
	.menu > li:has(a[href*="login"]) {
		filter: none;
	}
	
	.menu > li:has(a[href*="login"]) {
		margin-left: 15px;
	}
	
	.menu > li:has(a[href*="register"]) a,
	.menu > li:has(a[href*="login"]) a {
		color: #fff;
	}

	.menu > li:has(a[href*="register"]) a {
		background: var(--main-color);
	}

	.menu > li:has(a[href*="login"]) a {
		background: var(--sub-color);
	}
	
	.menu em {
		background: #fff;
		color: var(--main-color);
		border-radius: 3px;
	}
}