@charset "utf-8";
/*
サブメニュー開閉
Author: wp.theme.builder.01
*/
#site-navigation .nav-menu li a	{
	font-weight: normal;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#site-navigation .nav-menu > li > a	{
	padding: 1em;
	height: 100%;
}
#site-navigation .nav-menu li a span	{
	font-size: 12px;
}
#site-navigation .nav-menu > li > .sub-menu	{
	text-align: left;
	position: absolute;
/* ---------- 
	left: 50%;
	transform: translate(-50%, 0);
 ---------- */
	left: auto;
	right: 0;
	transform: none;
	padding: 0.5em;
/* ---------- 
	background-color: rgba(255, 255, 255, 0.995);
	border: solid 1px #EEE;
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 0px rgba(238, 238, 238, 0.75);
 ---------- */
	z-index: 99999;
	opacity: 0;
}
.no-navigation-logo #site-navigation .nav-menu > li > .sub-menu	{
	left: 0;
	right: auto;	
}
#site-navigation .nav-menu > li:hover	{
	background-color: #fcfcfc;
	background-color: #fbfbfb;
}
#site-navigation .nav-menu > li > .sub-menu	{
	background-color: #fafafa;
	background-color: rgba(248, 248, 248, 0.99);
}
/* ---------- IEではみ出し対策
#site-navigation .nav-menu > li:first-of-type .sub-menu	{
	left: 0;
	right: auto;
	transform: none;
}
#site-navigation .nav-menu > li:last-of-type .sub-menu, #site-navigation .nav-menu > li:nth-last-of-type( 2 ) .sub-menu	{
	left: auto;
	right: 0;
	transform: none;
}
 ---------- */
#site-navigation .nav-menu > li > .sub-menu	{
	top: 3.75em;
	top: 2.75em;
	transition: all 0.25s ease-in;
	visibility: hidden;
}
#site-navigation .nav-menu > li:hover > .sub-menu	{
	top: 4em;
	transition: all 0.25s ease-in;
	visibility: visible;
	opacity: 1;
}
#site-navigation .nav-menu > li > .sub-menu > li + li	{
	margin-top: 0.5em;
/* ---------- 
	border-top: dotted 1px #EEE;
 ---------- */
}
#site-navigation .sub-menu li a	{
	white-space: nowrap;
	line-height: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em;
	background-color: transparent;
}
#site-navigation .sub-menu li a:after	{
	font-family: dashicons;
	content: "\f344";
	content: "\f345";
	font-size: 80%;
	color: #CCC;
    color: #d93600;
	margin-left: 1em;
	transition: all 0.25s ease-in;
}
#site-navigation .sub-menu li a:hover	{
    color: #f00;
    color: #d93600;
}
#site-navigation .sub-menu li a:hover:after	{
	color: #222;
    color: #f00;
	transition: all 0.25s ease-in;
}
#site-navigation .sub-menu .sub-menu	{
	padding: 0 0 0 1em;
}