.school-information-header-outer {
	position: relative;
	/*height: 180px;*/
	overflow: hidden;
	color: #fff;
}
.school-information-header-outer.navbar-inverse {
	background-color: #337ab7;
}

.school-information-header {
	position: relative;
    display: flex;
    align-items: center;
	/*height: 180px;*/
	width: 100%;
	left: 0;
	padding: 16px;
	/*background: linear-gradient(rgba(0,0,0, .5), rgba(0,0,0,0) 50%);*/
	background: linear-gradient(rgba(0,0,0, .1), rgba(0,0,0,0) 30%);
	/*background-color: transparent;*/
	text-shadow: 0px 0px 1px #000, 1px 1px 1px rgba(0,0,0,0.5);
}

.school-cover-picture {
	position: absolute;
	/*top: 0;*/
/*	height: 100%;
	width: 100%;*/
	/*overflow: hidden;*/
}

.school-cover-picture img {
	/*position: absolute;*/
/*	width: 100%;
	height: 180px;*/
	/*height: 100%;*/
	/*: 100%;*/
	/*top: 0;*/
	/*left: 0;*/
	/*opacity: 0.6;*/
	text-align: center;
	vertical-align: middle;
}
img.school-cover-picture-fixed-height {
	height: 180px;
}
img.school-cover-picture-fixed-width {
	height: 1200px;
}

.school-cover-picture-back {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 300px;*/
    /*background: linear-gradient(rgba(0,0,0, .50), rgba(0,0,0,0) 36%);*/
}

.school-information-header .school-information-header-school-badge {
	margin-left: 20px;
	margin-right: 28px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;
	background-color: #fff;
	border-radius: 2px;
	border: 2px solid #e2e2e2;
	/*max-height: 180px;*/
	/*max-width: 180px;*/
	/*position: relative;*/
    display: flex;
	align-items: center;
	justify-content: center;
}
h1.school-information-header-title {
    margin: 0;
}

.school-information-header-title .school-information-school-name-kana {
	/*font-size: 14px;*/
	/*line-height: 28px;*/
	margin-bottom: 4px;
}
.school-information-header-title .school-information-school-name-roma {
    /*font-size: 12px;*/
	/*line-height: 24px;*/
	margin-top: 4px;
}

@media (max-width: 383px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 1.4em;
	}
	.school-information-header-title .school-information-school-name-kana {
		display: none;
	}
	.school-information-header-title .school-information-school-name-roma {
		display: none;
	}
}
@media (min-width: 384px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 1.8em;
	}
	.school-information-header-title .school-information-school-name-kana {
		display: none;
	}
	.school-information-header-title .school-information-school-name-roma {
		display: none;
	}
}
@media (min-width: 480px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 2.0em;
	}
	.school-information-header-title .school-information-school-name-kana {
		display: none;
	}
	.school-information-header-title .school-information-school-name-roma {
		display: none;
	}
}
@media (min-width: 640px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 1.8em;
	}
	.school-information-header-title .school-information-school-name-kana {
		font-size: 12px;
		display: block;
	}
	.school-information-header-title .school-information-school-name-roma {
		display: none;
	}
}
@media (min-width: 768px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 2.0em;
	}
	.school-information-header-title .school-information-school-name-kana {
		font-size: 14px;
		display: block;
	}
	.school-information-header-title .school-information-school-name-roma {
		font-size: 12px;
		display: block;
	}
}
@media (min-width: 992px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 2.4em;
	}
	.school-information-header-title .school-information-school-name-kana {
		font-size: 14px;
		display: block;
	}
	.school-information-header-title .school-information-school-name-roma {
		font-size: 12px;
		display: block;
	}
}
@media (min-width: 1200px) {
	.school-information-header .school-information-header-text h1 {
		font-size: 2.6em;
	}
	.school-information-header-title .school-information-school-name-kana {
		font-size: 14px;
		display: block;
	}
	.school-information-header-title .school-information-school-name-roma {
		font-size: 12px;
		display: block;
	}
}

.school-information-header .school-information-label:after {
    content: ":";
}

.school-information-header-sub-items span.school-information-record-item {
    margin-right: 5px;
}