@charset "utf-8";


@media screen and (max-width: 736px) {



/*========================================================= */

/* メニューボタン */

/*========================================================= */

nav ul{display: inherit;}

nav ul#navMenu{ width:100%;}


#globalMenu img {
	vertical-align: middle;
}
#globalMenu .menuBtn {
	position: absolute;
	right: 5px;
	top: 10px;
	background:#FFFFFF;
	/*border:solid 1px #3F9A4D;
	box-sizing: border-box;*/
}


#globalMenu .menuBtn .menutoggle {
	display: block;
	height: 50px;
	width: 50px;
	margin: 0px;
	background-image: url(../images/gnav_menubtn_anime.png);
	background-size: 50px 500px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	text-indent: -9999px;
	text-align: center;
}



/* 開いた時の背景 */
#globalMenu #SpNavWrapper {
	overflow: scroll;
	-webkit-overflow-scrolling: touch; 
	display: none;
	width: 100%;
	position: absolute;
/*	padding-bottom:200px;*/
	background: #F9F9F9;
/* 背景開始位置 
	top:0px;*/
	z-index:9999;
}

#globalMenu .SpNavinner {
width: 100%;
  height: 100%;
  overflow-y: auto;
}


/*========================================================= */

/* メニュー　カラー・高さ・ボーダー*/

/*========================================================= */

#globalMenu #navMenu {
	text-align:left;
	z-index: 100;
	padding-bottom:200px;
}


#globalMenu #navMenu li {
	/*! border-top: 1px dotted #CCCCCC ; */
}

#globalMenu #navMenu li a{
	padding: 16px 0;
	color: #666666;
	text-decoration: none;
cursor:pointer;
}



/*========================================================= */

/* メニュー1階層 */

/*========================================================= */



#globalMenu #navMenu li a{
	display: block;
	background: url(../images/common/btnR.svg) no-repeat left 1rem center ;
	background-size: 1.2em;
	padding-left:2.5rem;
	color:#603813; 
}


#globalMenu #navMenu li.on {
	background-color: #E6F9F1;
}
#globalMenu #navMenu li.on .innerList li {
	background-color: none;
}



#globalMenu #navMenu li:not(:first-child){border-top:1px solid #DDDDDD;}





#globalMenu #navMenu li.menusSmall a{
	display: block;
	background: url(../images/menuArrow.png) no-repeat left center;
	background-size:16px;
	padding: 10px 12px 10px 25px;
	font-weight:300;
	font-size:90%;
	
}

#globalMenu #navMenu li.menusSmall.on a{
	color: #FFFFFF;
	background: url(../images/menuWhArrow.png) no-repeat left center;
}




/*========================================================= */

/* 2階層　開閉メニュー */

/*========================================================= */


#globalMenu #navMenu li .inneropen.on{ 
background-image: url(../images/common/btnRU.svg);
display:block;
}



/*========================================================= */

/* メニュー2階層 */

/*========================================================= */


#globalMenu #navMenu li li{
	padding-left:0.3em; 
}


#globalMenu #navMenu li li a{
	background: url(../images/common/btnS.svg) no-repeat 2rem center;
	background-size: 1.2em;
	padding:0.9rem 0 0.9rem 3.2rem;
	
}

#globalMenu #navMenu li li:not(:last-child){border-top:1px dotted #E6D4BB;}



#globalMenu #navMenu li .innerList li.on {
	background: #F0E6D7;

}










/*========================================================= */

/* 基礎動作*/

/*========================================================= */


header#head{	position: fixed; width:100%;	top:0;	left:0;	z-index:200;}
header {	position: relative;}

#globalMenu #navMenu .closeBtn {}
#globalMenu #navMenu .closeBtn a {}
#globalMenu .menuBtn .menuopen {}
#globalMenu .menuBtn .menuclose {	display: none;}
#globalMenu.open .menuBtn .menuopen {	display: none;}
#globalMenu.open .menuBtn .menuclose {	display: block;}

#globalMenu #navMenu li .innerList {display: none;}
#globalMenu #navMenu li a.inneropen li{	background: none;}




}