@charset "utf-8";

:root {
	--crp-color: #00316e;
}

body {
	padding-left: 300px;
	min-width: 100%;
}
#global-header {
    width: 300px;
	padding: 20px;
    height: 100%;
	overflow: auto;
    background: var(--crp-color);;
    position: fixed;
}
.site-title {
    width: auto;
    line-height: 1;
	margin-bottom: 30px;
    position: relative;
    top: auto;
    left: auto;
}
.site-title a {
	height: 0;
	padding-top: 129px;
	background-image: url("./assets/img/cmn/site_logo_w.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
    text-indent: -9999em;
}
#global-header .sp-subnav__list {
    padding-left: 15px;
}
#global-header .sp-nav__list >li a,
#global-header .sp-nav__list >li span {
    padding: 5px;
    font-size: 14px;
	font-weight: 400;
}
.sp-sns__list {
    margin-top: 30px;
}
	
	
.floating-to-search a {
	background: var(--crp-color);;
}

@media (max-width: 815px) {
	
	body {
		padding-left: 0;
		padding-top: 70px;
		min-width: 375px;
	}
	#global-header {
		width: 100%;
		height: auto;
		position: fixed;
		padding: 0;
	}
	.header-in {
		height: 70px;
	}
	.site-title {
		top: 3px;
		left: 10px;
	}
	.site-title a {
		padding-top: 64px;
		background-image: url("./assets/img/cmn/site_logo_w.png");
	}
	.menu-btn-in span {
		background: #fff;
	}
	.menu-btn-text {
		color: #fff;
	}
	#sp-nav.active {
		background: var(--crp-color);;
	}

}