/*
Description: Sidebar css.
*/
.sidebar-menu{
	display:bloxk;
}
.sidebar-menu ul#g-navi {
	display: block;
	width: 100%;
}
.sidebar-menu ul{
	list-style-type:none;
}
.sidebar-menu ul li{
	position:relative;
}
.sidebar-menu ul li a {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	height:100%;
	text-decoration: none;
	color: #ccc;
	padding: 20px 10px;
	transition: all .3s;
	background-image:none;
}
.sidebar-menu ul li a:link,.sidebar-menu ul li a:visited{color:#333;text-decoration: none;background:#fff;background-image:none;}
.sidebar-menu ul li a:hover,.sidebar-menu ul li a:visited:hover,nav ul li a:active{color:#fff;text-decoration: none;background:#3577CA;background-image:none;}
.sidebar-menu ul li a::before,.sidebar-menu ul li a::after{display:none}

.sidebar-menu ul li li a {
	padding: 10px 10px;
}
.sidebar-menu ul li a:hover {
	color: #ff9900;
}
/*==矢印の設定*/
/*2階層目を持つliの矢印の設定*/
.sidebar-menu ul li.has-child::before {
	content: '';
	position: absolute;
	right: 5px;
	top: 45%;
	width: 6px;
	height: 6px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(135deg);
}
/*3階層目を持つliの矢印の設定*/
.sidebar-menu ul ul li.has-child::before {
	content: '';
	position: absolute;
	right: 6px;
	top: 45%;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
/*== 2・3階層目の共通設定 */

/*hoverしたら表示*/
.sidebar-menu li.has-child:hover>ul,
.sidebar-menu li.has-child ul li:hover>ul,
.sidebar-menu li.has-child:active>ul,
.sidebar-menu li.has-child ul li:active>ul {
	visibility: visible;
	opacity: 1;
}
/*ナビゲーションaタグの形状*/
.sidebar-menu li.has-child ul li a {
	color: #333;
	background: #CCFFFF;
	border-bottom: solid 1px #ccc;
	padding-left:20px;
}
.sidebar-menu li.has-child ul li:last-child a {
	border-bottom: none;
}
.sidebar-menu li.has-child ul li a:hover,
.sidebar-menu li.has-child ul li a:active {
	background: #3577CA;
	color:#fff;
}
/*3階層目の位置*/
.sidebar-menu li.has-child ul ul {
	top: 0;
	left:100%;
	background: #66ADF5;
}
.sidebar-menu li.has-child ul ul li a:hover,
.sidebar-menu li.has-child ul ul li a:active {
	background: #448ED3;
}
.sidebar-menu li.has-child ul,
.sidebar-menu li.has-child ul ul {
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
	visibility: visible;
	background: #28BFE7;
	margin: 0;
	/*JSで制御するため一旦表示*/
	opacity: 1;
	/*JSで制御するため一旦表示*/
	display: none;
	/*JSのslidetoggleで表示させるため非表示に*/
	transition: none;
	/*JSで制御するためCSSのアニメーションを切る*/
}
.sidebar-menu ul li a {
	display:block;
	border-bottom: 1px solid #ccc;
	padding:10px 0 10px 20px;
}

/*矢印の位置と向き*/
.sidebar-menu ul li.has-child::before {
	top:20px;
	right: 20px;
}
.sidebar-menu ul ul li.has-child::before {
transform: rotate(135deg);
	top:20px;
	right: 20px;
}
.sidebar-menu ul li.has-child.active::before {
	top:20px;
	transform: rotate(-45deg);
}
.sidebar-menu .uLine-center:after {
	content: '';
	position: relative;
}

.side-bunner{
	width:100%;
	display:block;
	margin-bottom:10px;
}
.side-bunner img{
	border-radius:7px;
}
@media screen and (max-width: 768px) {
	.sidebar-menu ul#g-navi {
		display: block;
		visibility: visible;
		width: 100%;
   	 }
	.sidebar-menu ul li a:hover{
		color:#fff;
	}
}