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

	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-containerがボディに追加されます */
.mean-container .mean-bar {/* 開いた時の開閉バーのボディーエリア */
	position  : fixed;
	top       : 0;
	right     : 0;
	float     : right;
	background: #fff;
	width     : 100%;
	z-index   : 999999;
}

.mean-container a.meanmenu-reveal {/* メニューボタン */
	position       : fixed;
	top            : 0;
	right          : 0;
	background     : url(../images/btn_menu.gif) right 0 top 0 no-repeat;
	background-size: 80px 80px;
	width          : 80px;
	height         : 80px;
	margin-right   : 0;
	padding-right  : 0;
	cursor         : pointer;
	z-index        : 999999;
	opacity        : 1.0;
	filter         : alpha(opacity=100);
	-moz-opacity   : 1.0;
}
.spMenu_close {
	display        : block;	
	background     : url(../images/btn_close.gif) right 0 top 0 no-repeat;
	background-size: 80px 80px;
	width          : 80px;
	height         : 80px;
}

.mean-container .mean-nav {/* 開いた状態のメニューボタンエリア（padding-topの位置指定はNGでした）背景色 */
	position  : absolute;
	top       : 0;
	left      : 0;
	float     : left;
	width     : 100%;
	background: url(../images/h1_sitelogo.png) left 5% top 17px no-repeat;
	background-size : auto 45px;
	background-color: #fff;
}

.mean-container .mean-nav ul {/* メニューリスト ul全体 */
	background     : #007346;
	width          : 100%;
	margin-top     : 80px;
	margin-bottom  : 0;
	list-style-type: none;
}

.mean-container .mean-nav ul li {/* メニューリスト li全体 */
	position: relative;
	float   : left;
	width   : 100%;
}
.mean-container .mean-nav ul.parent {
	overflow-y: scroll;
	box-shadow: 0 120px 120px 0 rgba(0, 0, 0, 0.5);
}
.mean-container .mean-nav ul.parent li {/* メニューリスト_親、li全体 */
	border-top: dotted 1px #fff;
}
/*
.mean-container .mean-nav ul.parent li:last-child {
	border-bottom: dotted 1px #fff;
}*/
.mean-container .mean-nav ul.parent li a {/* メニューリスト_親、a全体 高さ50px */
	display        : block;
	float          : left;
	background     : url(../images/arrow_white.png) left center no-repeat;
	background-size: 9px 14px;
	width          : 85%;
	padding        : 16px 0 17px 5%;
	margin         : 0 5%;
	text-align     : left;
	color          : #fff;
	text-decoration: none;
	text-transform : uppercase;
	font-family    : "Shin Maru Go Regular", "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size      : 16px;
	line-height    : 1;
	letter-spacing : 0.01em;
}

/*****/

.mean-container .mean-nav ul.child {
	margin-top    : 0;
	padding-bottom: 0;
}
.mean-container .mean-nav ul.child li {/* メニューリスト_子、li全体　高さ45px */
	border-bottom: 0;
	position     : relative;
	float        : left;
	display      : block;
	background   : rgba(255,255,255,0.3);
	width        : 100%;
	min-height   : 42px;
	border-top   : solid 1px #88bba6;
} 
.mean-container .mean-nav ul.child li a {/* メニューリスト_子、a全体 */
	display        : block;
	background     : url(../images/arrow_white_small.png) left center no-repeat;
	background-size: 6px 12px;
	width          : 90%;
	min-height     : 15px;
	padding        : 13px 0 14px 5%;
	margin         : 0 0 0 5%;
	text-align     : left;
	color          : #fff;
	text-decoration: none;
	text-transform : uppercase;
	font-family    : "Shin Maru Go Regular", "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size      : 14px;
	letter-spacing : 0.01em;
}
.mean-container .mean-nav ul.child li:last-child {
	border-bottom: none;
}


.mean-container .mean-nav ul li a.mean-expand { /*開閉ボタン「+」*/
	position   : absolute;
	right      : -5%;
	top        : 0;
	width      : 49px;
	height     : 49px;
	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  : 32px;
	line-height: 49px;
	background : rgba(255,255,255,0.3);
	color      : #fff;
}

/*****/

.mean-container .mean-nav ul.parent .clearfix:after {
  content: "";
  display: block;
  clear  : both;
} 
.mean-container .mean-nav ul.parent .clearfix:before {
  content: "";
  display: block;
  clear  : both;
} 
.mean-container .mean-nav ul.parent .clearfix {
  display: block;
}

.mean-container .mean-nav ul.parent li#gn05,
.mean-container .mean-nav ul.parent li#gn07 {
	float       : left;
	min-width   : 49.5%;
	max-width   : 50%;
	width       : auto;
	border-right: dotted 1px #fff;
}
.mean-container .mean-nav ul.parent li#gn06,
.mean-container .mean-nav ul.parent li#gn08 {
	float: right;
	width: 50%;
}
.mean-container .mean-nav ul.parent li#gn07,
.mean-container .mean-nav ul.parent li#gn08 {
	border-bottom: dotted 1px #fff;
}
.mean-container .mean-nav ul.parent li#gn05 a,
.mean-container .mean-nav ul.parent li#gn06 a,
.mean-container .mean-nav ul.parent li#gn07 a,
.mean-container .mean-nav ul.parent li#gn08 a {
	background     : url(../images/arrow_white_small.png) left center no-repeat;
	background-size: 6px 12px;
	width          : 88%;
	padding        : 16px 0 17px 7%;
	margin         : 0 0 0 5%;
	font-size      : 14px;
}


/*****/

.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;
}








