/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached - ビューポートのサイズに達するまでリンクを非表示にする */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body - ビューポートサイズのときに.meanコンテナがボディに追加されます */
.mean-container .mean-bar {/* 開いた時の開閉バーのボディーエリア */
	position  : fixed;
	top       : 0;
	right     : 0;
	float     : right;
	background: #fff;
	width     : 100%;
	z-index   : 99999;
}

.mean-container a.meanmenu-reveal {/* メニューボタン */
	position       : absolute;
	top            : 10px;
	right          : 0;
	background     : url(../images/btn_spMenu.png) left top no-repeat;
	background-size: 45px 50px;
	width          : 45px;
	height         : 50px;
	margin-right   : 10px;
	padding-right  : 0;
	cursor         : pointer;
	/*border: solid 1px #F00;*/
	/*
	width          : 22px;
	height         : 22px;
	padding        : 14px;
	position       : absolute;
	top            : 7px;
	right          : 0;
	cursor         : pointer;
	color          : #fff;
	text-decoration: none;
	font-size      : 16px;
	text-indent    : -9999em;
	line-height    : 22px;
	font-size      : 1px;
	display        : block;
	font-family    : Arial, Helvetica, sans-serif;
	font-weight    : 700;*/
	z-index        : 999999;
}
.spMenu_close {
	display        : block;	
	background     : url(../images/btn_spMenu_close.png) left top no-repeat;
	background-size: 45px 50px;
	width          : 45px;
	height         : 50px;
}
/*.mean-container a.meanmenu-reveal span { 多分、メニューボタンを閉じる時の表示「ー」 
	display   : block;
	background: #fff;
	height    : 3px;
	margin-top: 3px;
}*/

.mean-container .mean-nav {/* 開いた状態のメニューボタンエリア（padding-topの位置指定はNGでした）背景色 */
	position  : absolute;
	top       : 70px;
	left      : 0;
	float     : left;
	width     : 100%;
	background: rgba(104,66,6,0.9);
}

.mean-container .mean-nav ul {/* メニューリスト ul全体 */
	padding        : 0;
	margin         : 0;
	width          : 100%;
	list-style-type: none;
	border-bottom  : solid 1px #fff;
}

.mean-container .mean-nav ul li {/* メニューリスト li全体 */
	position  : relative;
	float     : left;
	width     : 100%;
}
.mean-container .mean-nav ul.parent li {/* メニューリスト_親、li全体 */
	border-top: solid 1px #fff;
}

.mean-container .mean-nav ul.parent li a {/* メニューリスト_親、a全体 高さ50px */
	display        : block;
	float          : left;
	width          : 81.67%;
	padding        : 16px 13.33% 17px 5%;
	margin         : 0;
	text-align     : left;
	color          : #fff;
	text-decoration: none;
	text-transform : uppercase;
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size      : 17px;
	line-height    : 1;
	font-weight    : bold;
}

/*.mean-container .mean-nav ul.child li { メニューリスト_子、li全体　高さ50px
	position  : relative;
	float     : left;
	display   : block;
	width     : 100%;
	min-height: 50px;	
	border-top: dotted 1px #8c90a6;
} */
/*.mean-container .mean-nav ul.child li a { メニューリスト_子、a全体
	display        : block;
	float          : left;
	width          : 95%;
	min-height     : 16px;
	padding        : 17px 0 17px 5%;
	margin         : 0;
	text-align     : left;
	color          : #333;
	text-decoration: none;
	text-transform : uppercase;
	font           : normal 16px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} */
.mean-container .mean-nav ul li a span { /*改行をしない*/
		display    : inline-block;
}

/* .mean-container .mean-nav ul.slide-2 li {メニューリスト_孫、li全体　高さ45px 
	background-color: #e4e5eb;
	min-height      : 45px;	
	border-top      : solid 1px #fff;
}*/
/*.mean-container .mean-nav ul.slide-2 li a { メニューリスト_孫、a全体
	min-height: 14px;
	padding   : 15px 0 16px 5%;
	font      : normal 14px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} */


/*
.mean-container .mean-nav ul li:nth-child(6) {
	border-top: solid 1px rgba(0,98,186,0.5);
}
.mean-container .mean-nav ul li:nth-child(6) a {
	border-top: solid 1px #0062ba;
	background: rgba(13,106,190,0.07);
}
*/	
/*
.mean-container .mean-nav ul li li a {
	width      : 80%;
	padding    : 1em 10%;
	border-top : 1px solid #f1f1f1;
	border-top : 1px solid rgba(255,255,255,0.25);
	opacity    : 0.75;
	filter     : alpha(opacity=75);
	text-shadow: none !important;
	visibility : visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width  : 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width  : 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width  : 50%;
	padding: 1em 25%;
}
*/
/*.mean-container .mean-nav ul li a:hover { メニューリストのhover時
	background: #fff;
	background: rgba(255,255,255,0.1);
}*/

 /*.mean-container .mean-nav ul li a.mean-expand {開閉ボタン「+」
	position   : absolute;
	right      : 0;
	top        : 0;
	width      : 50px;
	height     : 50px;
	padding    : 0;
	text-align : center;
	z-index    : 2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size  : 30px;
	line-height: 50px;
	background : rgba(228,229,235,1.0);
}*/
/*.mean-container .mean-nav ul li#gn01 a.mean-expand,
.mean-container .mean-nav ul li#gn02 a.mean-expand,
.mean-container .mean-nav ul li#gn03 a.mean-expand {
	height       : 54px;
	line-height  : 54px;
}
.mean-container .mean-nav ul li ul.slide-1 li a.mean-expand {
	height       : 45px;!important
	line-height  : 45px;!important
}

.mean-container .mean-nav ul li a.mean-expand:hover { 子の開閉ボタン 開いている時の「-」背景
	background: rgba(76,100,124,0.1);
}*/

.mean-container .mean-push {
	float  : left;
	width  : 100%;
	padding: 0;
	margin : 0;
	clear  : both;
}

.mean-nav .wrapper {
	width  : 100%;
	padding: 0;
	margin : 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}