@charset "UTF-8";
#gNavWrap{padding:0;right:0;z-index:80;top:72px;overflow-y:auto;visibility:hidden;transition:all .4s ease-in-out;transform:translateX(100%);-webkit-overflow-scrolling:touch;height:calc(100% - 72px)}
#gNavWrap.isVisible{visibility:visible;transform:translateX(0)}
.scroll #gNavWrap,.scroll #gNavWrap.isVisible{top:64px;height:calc(100% - 64px)}
#glovalNav,
#glovalNav .sub-menu,
#glovalNav .menu-item,
#glovalNav .menu-item a{padding:0}
#glovalNav .menu-item a{
	padding-left:.8em
}
#glovalNav a::before,#navFMenu .menu-item a::before{content:"\f0da";padding-right:.4em}
#glovalNav .menu-item-has-children::after{content:"\f0d7";position:absolute;z-index:2;top:0;right:0}
#glovalNav .menu-item-has-children.isActive::after{content:"\f0d8"}
#glovalNav .menu-item-has-children{cursor:pointer}
#glovalNav .menu-item .sub-menu a{
	height:0;
	line-height:0;
	opacity:0;
}
/********** 1st **********/
#glovalNav > .menu-item > a,
#glovalNav > .menu-item-has-children::after{
	height:52px;
	line-height:1;
}
#glovalNav > .menu-item-has-children > a{
	padding-right:52px
}
#glovalNav > .menu-item-has-children::after{
	width:52px;
	font-size:1.4em
}
/********** 2nd **********/
#glovalNav > .menu-item > .sub-menu > a,
#glovalNav > .menu-item > .sub-menu > .menu-item-has-children::after{
	height:0;
	line-height:0;
	opacity:0;
}
#glovalNav > .menu-item > .sub-menu.isVisible > .menu-item > a,
#glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children::after{
	height:40px;
	line-height:1;
	opacity:1;
}
#glovalNav > .menu-item > .sub-menu > .menu-item-has-children > a{
	padding-right:40px
}
#glovalNav > .menu-item > .sub-menu > .menu-item-has-children::after{
	width:40px;
	font-size:1.2em
}

/********** 3rd **********/
#glovalNav .sub-menu .sub-menu a{
	height:0;
	line-height:0;
	opacity:0;
	padding-left:1.6em
}
#glovalNav .sub-menu.isVisible .sub-menu.isVisible a{
	height:32px;
	line-height:1;
	opacity:1;
}

@media all and (min-width:992px),print{
	#gNavWrap,#gNavWrap.isVisible{top:100px;visibility:visible;transform:translateX(0);overflow-y:visible;height:40px;transition:all .4s ease-in-out;box-shadow:0 1px 4px rgba(0,0,0,.2)}
	.scroll #gNavWrap,.scroll #gNavWrap.isVisible{top:76px;visibility:visible;transform:translateX(0);height:40px}
	#glovalNav,#glovalNav > .menu-item,#glovalNav > .menu-item > a{height:100%;padding:0 .8em}
	#glovalNav > .menu-item-has-children > a{padding-right:.6em}
	#glovalNav a::before{content:none;padding:0}
	#glovalNav .menu-item-has-children::after{width:auto;height:100%;font-size:.9em;padding:0 .6em}
	#glovalNav > .menu-item > .sub-menu,
	#glovalNav > .menu-item > .sub-menu.isVisible{
		position:absolute;
		z-index:1;
		top:100%;
		left:0;
		width:180px;
		min-width:calc(100% + 1px);
	}
	#glovalNav .menu-item .sub-menu .menu-item a{
		padding:0 .5em
	}
	#glovalNav > .menu-item-has-children:hover > .sub-menu > .menu-item > a,
	#glovalNav > .menu-item-has-children > .sub-menu.isVisible > .menu-item > a,
	#glovalNav > .menu-item-has-children:hover > .sub-menu.isVisible > .menu-item > a,
	#glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children::after,
	#glovalNav > .menu-item:hover > .sub-menu > .menu-item-has-children::after{
		height:32px
	}
	#glovalNav > .menu-item-has-children:hover > .sub-menu > .menu-item > a,
	#glovalNav > .menu-item-has-children > .sub-menu.isVisible > .menu-item > a,
	#glovalNav > .menu-item-has-children:hover > .sub-menu.isVisible > .menu-item > a{
		opacity:1;
		visibility:visible;
		margin-top:0;
		padding:0 .5em;
		line-height:1;
	}
	#glovalNav > .menu-item > .sub-menu > .menu-item-has-children::after{
		content:"\f0da";
		width:auto
	}
	#glovalNav > .menu-item > .sub-menu.isVisible > .menu-item-has-children::after,
	#glovalNav > .menu-item:hover > .sub-menu > .menu-item-has-children::after{
		opacity:1;
		visibility:visible
	}
	#glovalNav .sub-menu .sub-menu{
		position:absolute;
		z-index:1;
		top:-1px;
		left:calc(100% - 1px);
		width:180px;
		visibility:hidden
	}
	#glovalNav .sub-menu .menu-item:hover .sub-menu,
	#glovalNav .sub-menu.isVisible .sub-menu{
		opacity:1;
		visibility:visible
	}
	#glovalNav .sub-menu .sub-menu .menu-item a{
		height:0;
		line-height:0;
		opacity:0;
	}
	#glovalNav .sub-menu .menu-item:hover .sub-menu a{
		height:33px;
		line-height:1;
		opacity:1;
	}
#glovalNav>.menu-item>.menu-link::before,#glovalNav>.menu-item>.menu-link::after,#navFMenu .menu-item a::before,#navFMenu .menu-item a::after{padding:0;position:absolute;bottom:.4em;content:"";display:inline-block;width:0;height:2px;background:#680b0b;-webkit-transition:.6s;transition:.6s;opacity:0}
.widthPC #navFMenu .menu-item a::before,.widthPC #navFMenu .menu-item a::after{background:#fff;bottom:.2em}
#glovalNav>.menu-item>.menu-link:before,.widthPC #navFMenu .menu-item a::before{left:50%}
#glovalNav>.menu-item>.menu-link:after,.widthPC #navFMenu .menu-item a::after{right:50%}
#glovalNav>.menu-item>.menu-link:hover:before,#glovalNav>.menu-item>.menu-link:hover:after,.widthPC #navFMenu .menu-item a:hover::before,.widthPC #navFMenu .menu-item a:hover::after{width:50%;opacity:1}
#glovalNav>.menu-item>.menu-item.current-menu-item .menu-link::before,
#glovalNav>.menu-item>.menu-item.current-menu-item .menu-link::link:after{width:50%;opacity:1}
}