/* Menu Styles */

/* Init Logic */
.menu-toggle-button{padding:5px 10px;cursor:pointer;background-color: #FAB247;color: #fff;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{}

@media screen and (min-width: 769px){ul.menu-list{
	list-style:none;
	position:relative;
	margin:0;
	display: inline-block;
	text-align: left;
	line-height: 1;
	/display: block; /* IE対策 */
    /zoom: 1; /* IE対策 */
float: left;
left:-50%;}
}
ul.menu-list li{float:left;position:relative;padding: 10px;vertical-align: middle;margin: auto;line-height: 24px;font-size: 16px;}
ul.menu-list li.gnav-home{line-height: 1;}
ul.menu-list li.gnav-home img{vertical-align: middle;}
ul.menu-list li a{display:block;}
ul.menu-list li+li {margin-left: 20px;}

/* Handling Submenu サブメニュー　*/
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700;}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700;}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon サブメニュー　アイコン*/
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 1em;float:right;padding-left:10px;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#fff;text-decoration:none;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:250px;color: #fff;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level メインメニュー 最初から見えてる*/
ul.menu-list>li{margin:0px 14px 0px 0px;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#F9A82F;}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level　サブメニュー hoverしたら出てくる*/
ul.menu-list>li>ul{border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
ul.menu-list>li>ul>li{background:#fcfcfc;border-bottom: 1px dotted #ccc; padding: 10px 5px;}/*hoverしたら出てくるすぐの時の背景*/
ul.menu-list>li>ul>li.last{border-bottom: 0;}/*hoverしたら出てくるすぐの時の背景*/
ul.menu-list>li>ul>li>a{color:#999;}/*hoverしたら出てくるすぐの時の文字色*/
ul.menu-list>li>ul>li:hover{background-color: #FAB247;}/*サブメニューをhoverしたときの背景色*/
ul.menu-list>li>ul>li:hover>a{color:#fefefe;}/**サブメニューをhoverしたときの文字色*/
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 768px){

/* Menu Styles */

/* Init Logic */
.menu-toggle-button{display:block;width: 100%;margin: 0 auto;background-color: #FAB247;}
.show-for-devices{display:block!important;}

ul.menu-list{margin: 0 auto;width:100%;}
ul.menu-list li{float: left;
width: 49.5%;
margin: 0 1% 3px 0;
color:#333;
font-size: 14px;padding: 0;border: 1px solid #ccc;}

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;	list-style:none;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{
} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:auto;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{
clear:none;

}
ul.menu-list>li:nth-child(odd){
	margin: 0 0 3px ;
}
ul.menu-list li+li {margin-left: 0;}
ul.menu-list>li>a{position: relative;
padding: 7px 10px;
text-align: center;
display: block;
color: #333;
text-decoration: none;
}/*スマホサブメニュー文字*/
ul.menu-list>li:hover{}
ul.menu-list>li:hover>a{}
ul.menu-list>li>a:hover{}
ul.menu-list>li:active{background: #F9A82F;}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{}
ul.menu-list>li>ul>li{}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{}
ul.menu-list>li>ul>li>ul>li{}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}