.stellarnav,.stellarnav li{position:relative;line-height:normal}
.stellarnav{width:100%;z-index:9900}
.stellarnav ul{margin:0;padding:0;text-align:center}
.stellarnav li{list-style:none;display:block;margin:0;padding:0;vertical-align:middle}
.stellarnav li a{
	padding:15px;
	display:block;
	text-decoration:none;
	color:#777;
	box-sizing:border-box;
-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.stellarnav>ul>li{display:inline-block}
.stellarnav>ul>li>a{padding:20px 40px}
.stellarnav ul ul{top:auto;width:220px;position:absolute;z-index:9900;text-align:left;display:none;background:#ddd}
.stellarnav li li{display:block}
.stellarnav .call-btn-mobile,.stellarnav .dd-toggle,.stellarnav li.call-btn-location,.stellarnav li.call-btn-mobile,.stellarnav.hide-arrows li li.has-sub>a:after,.stellarnav.hide-arrows li.drop-left li.has-sub>a:after,.stellarnav.hide-arrows li.has-sub>a:after{display:none}
.stellarnav ul ul ul{top:0;left:220px}
.stellarnav>ul>li:hover>ul>li:hover>ul{opacity:1;visibility:visible;top:0}
.stellarnav>ul>li.drop-left>ul{right:0}
.stellarnav li.drop-left ul ul{left:auto;right:220px}
.stellarnav.light,.stellarnav.light ul ul{
	background-color: #f2f4f8;/*サブのメニューの背景の色*/
	background-position: 255;
}

.stellarnav.light,.stellarnav.light ul{
	background-color: #ffffff;/*メインのメニューの背景の色*/
	background-position: 255;
}
.stellarnav.light li a{
	color:#3f3e3e/*メニューの文字の色*/;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;/*メニューの下の線の色*/
}
.stellarnav.light .menu-toggle{color:rgba(0,0,0,1)}
.stellarnav.dark,.stellarnav.dark ul ul{background:rgba(0,0,0,1)}
.stellarnav.dark li a{color:#FFF}
.stellarnav.dark .menu-toggle{color:rgba(255,255,255,1)}
.stellarnav.fixed{position:fixed;width:100%;top:0;left:0;z-index:9999}body.stellarnav-noscroll-x{overflow-x:hidden}
.stellarnav li.has-sub>a:after{content:'\f0d7';font-family:FontAwesome;margin-left:10px}
.stellarnav li li.has-sub>a:after{content:'\f0da';font-family:FontAwesome;margin-left:10px}
.stellarnav li.drop-left li.has-sub>a:after{float:left;content:'\f0d9';font-family:FontAwesome;margin-right:10px}
.stellarnav .close-menu,.stellarnav .menu-toggle{display:none;text-transform:uppercase;text-decoration:none}
.stellarnav .dd-toggle{position:absolute;top:0;right:0;padding:0;width:48px;height:48px;text-align:center;z-index:9999;border:0}
.stellarnav .dd-toggle i{position:absolute;margin:auto;top:33%;left:0;right:0;-webkit-transition:transform .3s ease-out;-moz-transition:transform .3s ease-out;transition:transform .3s ease-out}
.stellarnav.mobile>ul>li>a.dd-toggle{padding:0}
.stellarnav li.open>a.dd-toggle i{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}

@media only screen and (max-width :768px){
.stellarnav{overflow:hidden;display:block}
.stellarnav ul{position:relative;display:none}}
.stellarnav .menu-toggle{color:#777;padding:15px}
.stellarnav.mobile,.stellarnav.mobile.fixed{position:static}
.stellarnav.mobile ul{position:relative;display:none;text-align:left;background:rgba(221,221,221,1)}
.stellarnav.mobile.active>ul,.stellarnav.mobile>ul>li{display:block}
.stellarnav.mobile.active{padding-bottom:0}
.stellarnav.mobile>ul>li>a{padding:15px}
.stellarnav.mobile ul ul{position:relative;opacity:1;visibility:visible;width:auto;display:none;-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none}
.stellarnav.mobile ul ul ul{left:auto;top:auto}
.stellarnav.mobile li.drop-left ul ul{right:auto}
.stellarnav.mobile li a{border-bottom:1px solid rgba(255,255,255,.15)}
.stellarnav.mobile li.has-sub a{padding-right:50px}
.stellarnav.mobile.light li a{
	color: #FFFFFF;/*スマホ用のメニューの文字の色*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ad6f6c;/*スマホ用のメニューの下の線の色*/
}
.stellarnav.mobile li a.dd-toggle,.stellarnav.mobile.light li a.dd-toggle{border:0}
.stellarnav.mobile .close-menu,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .menu-toggle{
	display: block;
	color: #744A31;/*スマホ用のMENUの文字の色*/
}
.stellarnav.mobile li.call-btn-mobile{border-right:1px solid rgba(255,255,255,.1);box-sizing:border-box}
.stellarnav.mobile li.call-btn-location,.stellarnav.mobile li.call-btn-mobile{display:inline-block;width:50%;text-transform:uppercase;text-align:center}
.stellarnav.mobile li.call-btn-location.full,.stellarnav.mobile li.call-btn-mobile.full{display:block;width:100%;text-transform:uppercase;border-right:0;text-align:left}
.stellarnav.mobile li.call-btn-location i,.stellarnav.mobile li.call-btn-mobile i{margin-right:5px}
.stellarnav.mobile.light ul{
	background-color: #9f4844;/*スマホ用のメインメニューの背景の色*/
	background-position: 255;
}

.stellarnav.mobile.light ul ul{
	background-color: #aa6865;/*スマホ用のサブメニューの背景の色*/
	background-position: 255;
}

.stellarnav.mobile.dark ul{background:rgba(0,0,0,1)}
.stellarnav.mobile.dark ul ul{background:rgba(255,255,255,.08)}
.stellarnav.mobile.light li.call-btn-mobile{border-right:1px solid rgba(0,0,0,.1)}
.stellarnav.mobile.top{position:absolute;width:100%;top:0;left:0;z-index:9999}
.stellarnav.mobile li li.has-sub>a:after,.stellarnav.mobile li.drop-left li.has-sub>a:after,.stellarnav.mobile li.has-sub>a:after{display:none}