/* ナビゲーション（左寄せ） */
#header .nav {
	margin: 0px;
    z-index: 9999;
    padding: 0px;
    box-sizing: border-box;
}
#header .nav ul {
	margin: -3px 0 0;
    padding: 0;
}
#header .nav li {
    width: 8em;
	margin: 0px -5px 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
    font-weight: normal;
    padding: 15px;
}
#header .nav a {
	text-decoration: none;
	color: #333;
/*	line-height: 100%;*/
    font-size: 16px;
/*    border-radius: 3px;*/
/*    padding: 15px;*/
}
#header .nav ul:before,
#header .current:before {
	text-decoration: none;
	color: #666;
	line-height: 100%;
	font-size: 120%;
}
#header .nav a:hover li {
	color: #d2000f;
    background-color: rgba(0, 0, 0, 0.01);
    border-top: solid 3px #f00;
}
/*.nav a:hover {*/
/*	color: #d2000f;*/
/*    background-color: rgba(101, 85, 221, 0.05);*/
/*    border-top: solid 3px #f00;*/
/*}*/
#header .nav .current {
	/*	background: #666;*/
/*	color: #fff;*/
	border-top: solid 3px #640000;
	background-color: rgba(0, 0, 0, 0.02);
/*	-webkit-box-shadow: inset 1px 2px 1px 0 rgba(0,0,0,0.05);*/
/*	box-shadow: inset 1px 2px 1px 0 rgba(0,0,0,0.05);*/
}

/* ナビゲーションの右寄せ */
#header .nav.right ul {
	text-align: right;
}

/* ナビゲーションの中央寄せ */
#header .nav.center ul {
	text-align: center;
/*    text-align: right;*/
}

/*** ナビゲーション英語併記 ***/
#header .nav li.en:after {
    font-size: 10px;
    color: #999;
    display: block;
    font-family: 'Maven Pro', sans-serif;
    letter-spacing: 0.1em;
}
#header .nav li.en#top:after {
    content: "TOP";
}
#header .nav li.en#profile:after {
    content: "PROFILE";
}
#header .nav li.en#business:after {
    content: "BUSINESS";
}
#header .nav li.en#works:after {
    content: "WORKS";
}
#header .nav li.en#inquiry:after {
    content: "INQUIRY";
}

/***    footer  ***/
#footer {
    color: #ad8643;
}
#footer a {
    color: #ad8643;
}
#footer .nav ul {
	/*    position: absolute;*/
/*    right: 5px;*/
    margin: 0px 0 0 -20px;
	overflow: hidden;
	position: static;
    line-height: 1.8em;
}
#footer .nav li {
    margin: 0 0 0 20px;
    display: inline-block; /* 横並びにさせる */
/*    border-left: 1px solid #aaa;  区切り線 */
}
#footer .nav li:before {
    font-family: 'FontAwesome';
    content: "\f0a9";
    margin-right: 5px;
}
#footer .nav li:first-child {
    border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}

@media screen and (max-width: 991px) {
    /* ナビゲーションの右寄せを中央に */
        #header .nav ul {
        text-align: center;
    }
/*
    #header .nav li {
        margin: 10px -5px 0 0;
    }
*/
}

@media screen and (max-width: 768px) {
    /* フッターナビゲーションを中央に */
/*
    #footer h3,
    #footer p {
        text-align: center;
    }
*/
    #footer .nav ul {
        margin: 0px;
        padding: 0px;
        position: static;
        right: -20;
        text-align: center;
    }
    
    #header .nav li {
        width: auto;
    }
}

/*** スマホ用リストメニュー ***/
@media screen and (max-width: 600px) {
	#header .nav {
		position: relative;
		min-height: 50px;
	}	
	#header .nav ul {
		width: 250px;
		padding: 8px 0;
/*        margin-top: 5px;*/
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
/*		box-shadow: 0 1px 2px rgba(0,0,0,.3);*/
	}
    #header .nav ul:before {
		font-family: 'FontAwesome';
        content: "\f0c9";
        position: absolute;
        left: 8px;
        top: 10px;
    }
	#header .nav li {
		display: none; /* hide all <li> items */
		margin: 0;
        padding: 0;
	}
	#header .nav .current {
		display: block; /* show only current <li> item */
	}
	#header .nav a {
		display: block;
		padding: 0px 0px 0px 32px;
		text-align: left;
	}
	#header .nav .current {
		background: none;
		color: #666;
        border-top: none 0px #fff;
        box-shadow: none;
	}

	/* on nav hover */
	#header .nav ul:hover a {
		background: none;
        border-top: none 0px #fff;
	}
	#header .nav ul:hover li {
        background: none;
		display: block;
		margin: 0 0 5px;
        border-top: none 0px #fff;
        box-shadow: none;
	}
	#header .nav ul:hover .current:before {
		font-family: 'FontAwesome';
        content: "\f00c";
        position: absolute;
        left: 8px;
        top: 8px;
        background-color: #fff;
        box-shadow: none;
    }

	/* right nav */
	#header .nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	#header .nav ul {
		left: 50%;
		margin-left: -125px;
	}
    #header .nav li.en:after {
        display: none;
    }
	
}