@charset "UTF-8";
/*
	##### DAIFUKU ONLINE AR 2018 #####
	common/css/menu_sp.css
*/

/*-----------------------------------------------
  Global Navi
-----------------------------------------------*/

#gNavi {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: #8578aa;
	z-index: -1;
	overflow-y: scroll;
}
#gNavi .row {
	padding-top: 80px;
	padding-bottom: 100px;
}
#gNavi ul.child {
	display: none;
	background-color: #e7e5f1
}
#gNavi ul.parent>li.current ul.child {
	display: block;
}
#gNavi ul.parent>li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#gNavi ul.parent>li>a {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding-left: 10%;
	height: 55px;
	font-size: 17px;
	line-height: 55px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
#gNavi li.trigger>a {
	pointer-events: none;
}
#gNavi li.current>a {
	background-color: rgba(24, 0, 91, 0.2);
}
#gNavi ul.parent>li.trigger>a::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%) scale(1, .7) rotate(-45deg);
	transition: transform .25s ease;
}
#gNavi ul.parent>li.trigger.open>a::after {
	transform: translateY(-50%) scale(.7, 1) rotate(45deg);
	transition: transform .25s ease;
}
#gNavi ul.child li {
	display: block;
	width: 100%;
	border-top: 1px solid #fff;
}
#gNavi ul.child li a {
	display: block;
	padding: 4% 5% 4% 13%;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	color: #503e56;
	text-decoration: none;
	vertical-align: middle;
}
#gNavi ul.child li a.current {
	color: #4e2771;
	background-color: #c3bdd8;
}
#gNavi ul.gChild li {
	box-sizing: border-box;
	padding-left: 1em;
	padding-right: 0.25em;
}


#subNav {
	display: none;
}