@charset "utf-8";

/*
	* Name: hamburger.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - Nav.hamburger -
	======================================== */

	nav#hamburger {
		background-color: rgba(255,255,255,0.96);
		display: none;
		font-size: 120%;
		left: 0;
		height: 100%;
		overflow-y: auto;
		position: fixed;
		text-align: left;
		top: 0;
		width: 100%;
		z-index: 100;
	}

	nav#hamburger > div.container {
		margin-left: auto;
		margin-right: auto;
		padding: 5%;
	}

	nav#hamburger > div.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	nav#hamburger > div.container > a.close {
		background: url("../../img/icon_close.png") left center no-repeat;
		background-size: cover;
		display: block;
		float: right;
		height: 30px;
		margin: 0 0 20px 0;
		width: 30px;
	}

	nav#hamburger > div.container ul {
		clear: both;
		list-style-type: none;
	}

	nav#hamburger > div.container > ul > li {
		margin-bottom: 10px;
	}

	nav#hamburger > div.container > ul > li > h4 {
		background-color: #01385a !important;
		border-radius: 4px;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 1%;
	}

	nav#hamburger > div.container > ul > li > h4.narrow {
		padding-bottom: 0.8%;
		padding-top: 0.8%;
	}

	nav#hamburger > div.container > ul > li > h4 > a {
		color: #ffffff;
		display: block;
		text-decoration: none;
	}

	nav#hamburger > div.container > ul > li > h4 > a > img {
		display: inline-block;
		height: auto;
		max-height: 30px;
		margin: 0 0 0 38px;
		vertical-align: middle;
		width: auto;
	}

	nav#hamburger > div.container > ul > li > h4 + ul {
		margin-bottom: 0;
		margin-top: -10px;
	}

	nav#hamburger > div.container > ul > li > ul > li {
		display: inline-block;
	}

	nav#hamburger > div.container > ul > li > ul > li > a {
		border-right: 1px solid rgba(0,0,0,0.1); 
		display: block;
		padding: 6px 8px 6px 6px;
	}

	nav#hamburger > div.container > ul > li > ul > li:last-child > a {
		border-right: none;
	}

}