.navbar{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	width:100%;
	height:56px;
}

img.logo{
	margin:8px 0;
	padding:0;
	width:auto;
	height:auto;
	max-width: 100%;
	max-height:100%;
}

.toggerBtn:focus,
.toggerBtn:hover{
	outline:none;
	box-shadow: none;
}

/*バーガーメニューアイコン*/
.navbar-toggler .navbar-toggler-icon {
	font-size: 16px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler {
	border-color: rgba(0,0,0,0);/*枠線*/
}

/*折り返し要素*/
.navToggler{
	text-align: left;
	margin:12px 0;
}

.container-fluid,
.navbar-toggler{
	padding:0 0 0 4px;
}

li{
	padding:0 10px;
}

a{
	text-decoration: none;
}

/*パンくずリスト*/
.breadcrumbs-list{
	display: flex; 
	justify-content:space-between;
	margin:16px 0 0 5vw;
}

.breadcrumb li:first-child a:before {
	font-family: FontAwesome;
	content: '\f015  |  ' ;
	color: #555;
}

.breadcrumb li a:hover{
	color: #FE9090;
}

/*bootstrap5 Available breakpoints lg ≥992px 以下*/
@media (max-width: 991px) {
	.navToggler{
		margin:48px 0 0 0;
	}
}

@media (max-width: 1024px) {

	/*ログイン後のナビバー*/
 	.navbar{
		height:100%;
	}
	
	/*ログイン前のナビバー*/
	.auth-navbar{
		height:56px;
	}
	
	.toggerBtn{
		margin-top:14px;
		position: absolute;
		top: 0;
	}	

	/*logo中央固定*/
	.container-fluid{
		position: relative; 
	}
	
	.brand-center,
	.auth-brand-center{
		margin-top:26px;
		position: absolute;
		height:auto;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.auth-brand-center{
		margin-top:0;
		top: 50%;
	}
	
}