@charset "utf-8";

/* ヘッダ
------------------------------*/
header.global {
	width: 100%;
	min-width: 1257px;
	height: 56px;
	background: #fff;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
	position: relative;
}
	header.global .logo {
		padding: 5px 0 0;
	}
		header.global .logo #navClose {
			cursor: pointer;
			position: absolute;
			top: 15px;
			left: 25px;
		}
		#navClose,
		#navClose span {
			display: inline-block;
			transition: all .4s;
			box-sizing: border-box;
		}
		#navClose {
			width: 40px;
			height: 12px;
			position: relative;
		}
		#navClose span {
			width: 50%;
			height: 2px;
			background-color: #000;
			border-radius: 2px;
			position: absolute;
			left: 0;
		}
		#navClose span:nth-of-type(1) {
			top: 0;
		}
		#navClose span:nth-of-type(2) {
			top: 5px;
		}
		#navClose span:nth-of-type(3) {
			bottom: 0;
		}
		#navClose.active span:nth-of-type(1) {
			-webkit-transform: translateY(5px) rotate(-315deg);
			transform: translateY(5px) rotate(-315deg);
		}
		#navClose.active span:nth-of-type(2) {
			opacity: 0;
		}
		#navClose.active span:nth-of-type(3) {
			-webkit-transform: translateY(-5px) rotate(315deg);
			transform: translateY(-5px) rotate(315deg);
		}
		#navClose:after {
			display: block;
			content: 'メニュー';
			font-size: 72%;
			font-weight: bold;
			position: absolute;
			bottom: -20px;
			left: -5px;
		}
		#navClose.active:after {
			display: block;
			content: '閉じる';
			font-size: 72%;
			font-weight: bold;
			position: absolute;
			bottom: -20px;
			left: -3px;
		}
		header.global .logo h1 {
			font-size: 27px;
			margin: 0 0 0 135px;
		}
			header.global .logo h1 a img:first-child {
				margin: 0 10px 0 0;
			}
			header.global .logo h1 a img:last-child {
				display: inline-block;
				padding: 10px 0 0;
			}
			header.global .logo h1 a {
				color: #000;
				text-decoration: none;
			}
		header.global .logo .modeText {
			font-size: 108%;
			position: absolute;
			top: 16px;
			right: 10px;
		}
	header.global #important {
		display: none;
		width: 100%;
		background: rgba(0,0,0,0.7);
		position: absolute;
		top: 56px;
		left: 0;
		z-index: 5;
	}
		header.global #important .inner {
			width: 60%;
			background: #fff;
			padding: 20px 80px;
			margin: 15px auto 0;
			position: relative;
		}
		header.global #important .inner:last-child {
			margin: 15px auto 15px;
		}
			header.global #important .inner .importantClose {
				display: block;
				width: 37px;
				height: 37px;
				background: url(/assets/img/ico_important_close@2x.png) no-repeat 0 0;
				background-size: 36px 36px;
				cursor: pointer;
				position: absolute;
				top: 10px;
				right: 10px;
			}
			header.global #important .inner ul {}
				header.global #important .inner ul li {}
					header.global #important .inner ul li h2 {
						font-size: 115%;
					}
						header.global #important .inner ul li h2 a {
							color: #000;
							text-decoration: underline;
						}
						header.global #important .inner ul li h2 a:hover {
							text-decoration: none;
						}
					header.global #important .inner ul li p a {
						color: #000;
					}
						header.global #important .inner ul li a:hover {
							text-decoration: none;
						}