/* ------------------------------
　　ヘッダー
------------------------------ */
/* サイト名 */
.site-name {
	float: left;
	margin: 0;
	@include font-size(36);
}
.navbar-brand-img {
	margin-right: 10px;
}
.navbar-brand {
	display: inline-block;
	margin-right: .5rem;
	font-size: 1rem;
}
.navbar-toggler {
	padding: .25rem .50rem;
}
.edit-link {
	display: inline-block;
	vertical-align: middle;
	@include font-size(14);
}



/* ------------------------------
　　ナビゲーション
------------------------------ */
.navbar-toggle.pull-left {
	margin-left: 15px;
	& + .site-name {
		float: right;
	}
}

// モバイル用ヘッダーをブレイクポイントが $screen-sm-minから$screen-md-min より下まで表示されるように修正
@include media-breakpoint-up(sm) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
}
@include media-breakpoint-up(md) {
	.navbar-header {
		float: left;
	}
	.navbar-toggle {
		display: none;
	}
}
