@charset "utf-8";

/* 00.hamburger
--------------------------------------------------- */
header .logo {
    float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 10px 0;
	line-height: 0;
}
	header .logo img {
		width: 160px;
		height: auto;
	}
	/* default.css */
	#header strong {
		line-height: 54px !important;
	}
	#header nav {
		float: right;
	}
	#header nav ul {
		list-style: none;
		margin: 4px 0 0;
		padding: 0;
		text-align: right;
	}
	#header nav ul li {
		display: inline;
	}
		nav ul li.noDot::after { content:none; }
	
	#header nav ul li a,
	#header nav ul li a:visited {
		padding: 0 0.6em 0 0.3em;
		line-height: 45px;		
	}
	#header nav ul li a,
	#header nav ul li a:link,
	#header nav ul li a:hover,
	#header nav ul li a:visited {
		color: #E50012;
		text-decoration: none;
		font-size: 100.0%;
	    font-weight: 600;
	}
	#header nav ul li a:not(:only-child):after,
	#header nav ul li a:visited:not(:only-child):after {
	  padding-left: 4px;
	  content: ' ▾';
	}
	#header nav ul li ul li {
	  min-width: 190px;
	}
	#header nav ul li ul li a {
	  padding: 15px;
	  line-height: 20px;
	}
	
	/* Mobile navigation */
	.nav-mobile {
		display: none;
		position: absolute;
		top: 5.4px;
		right: 0;
		/* background: #fff; */
		height: 70px;
		width: 70px;
	}
	#nav-toggle {
	  position: absolute;
	  left: 18px;
	  top: 22px;
	  cursor: pointer;
	  padding: 10px 35px 16px 0px;
	}
	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
	  cursor: pointer;
	  border-radius: 1px;
	  height: 3px;
	  width: 30px;
	  background: #e50012;
	  position: absolute;
	  display: block;
	  content: '';
	  transition: all 300ms ease-in-out;
	}
	#nav-toggle span:before {
	  top: -10px;
	}
	#nav-toggle span:after {
	  bottom: -10px;
	}
	#nav-toggle.active span {
	  background-color: transparent;
	}
	#nav-toggle.active span:before, #nav-toggle.active span:after {
	  top: 0;
	}
	#nav-toggle.active span:before {
	  transform: rotate(45deg);
	}
	#nav-toggle.active span:after {
	  transform: rotate(-45deg);
	}
	
	/* ==============================================================
	 Less than SP-PORTRAIT / iPhone5
	================================================================= 
	@media screen and (max-width:320px) {
		header { padding-top:19px !important; }
		header .logo { margin-bottom:18px !important; }
		header .logo img { width:190px !important; }
	}
	*/
	/* ==============================================================
	 HEADER(HAMBURGER)
	================================================================= */
	@media only screen and (max-width: 898px) {
		header {
			padding: 13px 0 0;
			position: fixed;
			top: 0;
    		width: 100%;
			background: #fff;
			z-index: 9999;
		}
		header div.inner {
			width: 100% !important;
		}
		header .logo {
			margin: 0 15px 0;
		}
		header .logo img {
			width: 100%;
		}
		.nav-mobile {
			display: block;
		}
		#header nav {
			width: 100%;
			background: #e94d59;
		}
		#header nav ul {
			display: none;
			text-align: left;
			margin: 0;
		}
		#header nav ul li {
			float: none;
			display: block;
			border-bottom: 1px solid #f18c94;
			font-size: 100%;
		}
		#header nav ul li:last-child { border-bottom:none; }
		#header nav ul li a {
			display: block;
			color: #fff !important;
			line-height: normal !important;
			padding: 1.6em 1.6em !important;
		}
		#header div.container {
			padding-right: 0px;
			padding-left: 0px;
		}
		/* top2.css */
		main#topWrap {
			padding-top: 72px !important;
		}
	}