/*
 * ヘッダーパターン用スタイル(header-navbar)
 */

#header-navbar {  /*bootstrapとは別に新規に定義*/
	background-color: #ffffff !important; /*スマホ用ロゴ背景色*/
}

@media (min-width: 768px) { /*PC用ナビゲーション*/
#navbar-container {  /*bootstrapとは別に新規に定義*/
	background-color: transparent !important; /*PC用ロゴ背景色*/
 }
}

@media (min-width: 768px) { /*PC用ナビゲーション全体*/
#navbar{
	background-color: #555555; /*PC用ナビゲーションリスト背景色*/
 }
}

#navbar ul { /*スマホ用ナビゲーション*/
	background-color: #ffffff; /*スマホ用メニュー背景色*/
 }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { /*スマホ用ナビゲーション*/
	color: #000000;
}

@media (min-width: 768px) { /*PC用ナビゲーション*/
#navbar ul {
	background-color: #555555;
 }
}

.navbar-nav > li > a { /*スマホ用ナビゲーションリスト*/
	color: #000000;
}
@media (min-width: 768px) { /*PC用ナビゲーションリスト*/
.navbar-nav > li > a {
	color: #ffffff !important;
 }
}