/* middle-header */
.middle-header-box h1{display: block;padding: 20px 0 15px 0;font-size:0;text-align: center;}
.middle-header-box h1 > a{display:inline-block;line-height:1;}
.middle-header-box h1 > a span{display:inline-block;vertical-align:middle;}
.middle-header-box h1 > a .logo{position: relative;padding: 0 10px 0px 0;width: 200px;margin: 0 7px 0 0px;}
.middle-header-box h1 > a .logo img{width:100%;}
.middle-header-box h1 > a .site-title{font-size:24px;line-height:1;color:#333;font-weight:500;letter-spacing:-0.5px;}
.middle-header-box h1 > a .logo:after {content: '';display: inline-block;position: absolute; top: 50%; right: 0; width: 1px; height: 42%; background: #000; vertical-align: middle; transform: translateY(-50%);}

@media screen and (max-width: 1024px) {
	/* middle-header */
	.middle-header-box{padding:0 10px;border-bottom:2px solid #00579f;}
	.middle-header-box:after{content:'';display:block;clear:both;}
	.middle-header-box h1 > a .site-title{font-size:20px;letter-spacing: -1.5px;}
	.middle-header-box h1 > a .logo {position: relative;padding: 0 5px 0 0;width: 160px;margin: 0 4px 0 0;}
	.middle-header-box h1{float:left;padding:19px 0;}
	.middle-header-box h1 a:nth-of-type(1){padding: 0 0px 0 0;letter-spacing: -1.5px;}
	.middle-header-box .btn-menu{display:block;float:right;margin:26px 0;width:30px;height:21px;}
	.middle-header-box h1 a span.m-logo{font-size:20px;line-height:28px;vertical-align:middle;}
}
@media screen and (max-width: 768px) {
	/* middle-header */
	.middle-header-box h1 a:nth-of-type(1){width:auto}
	.middle-header-box h1 > a .logo{position: relative;margin: 0 4px 0 0;padding: 0 5px 0 0;}
	.middle-header-box h1 > a .site-title{font-size:16px;}
}
@media screen and (max-width: 480px) {
	/* middle-header */
	.middle-header-box h1{width:calc(100% - 30px);}
	.middle-header-box h1 > a .site-title{display:block;}
	.middle-header-box h1 > a .logo{width: 130px;}
	.middle-header-box h1 > a .logo:after {display:none;}
}