@charset "Shift_JIS";

.gnavi__wrap{
	width: 80em;
	margin: 0px;
}

.gnavi__lists{
	/*    display: flex; */
	display: block;
}

.gnavi__list{
	width: 20%;
	height: 68px;
	background-color: #e5f0f8;
	position: relative;
	transition: all .3s;
	list-style-type: none;
	background-color: transparent;
	background: url(../png/side_menu.png) 0% 0% / auto auto repeat scroll padding-box border-box;
	left: -40px;
	top: -10px;
}

.gnavi__list:hover{
	background-color: aqua;
}

.gnavi__list:not(:first-child)::before{
	content: "";
	width: 1px;
	height: 100%;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	transition: all .3s;
}

.gnavi__list:hover::before{
	background-color: fuchsia;
}

.gnavi__list a{
	display: flex;//	display: list-item;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: navy;font-size:center
	letter-spacing: 0.05em;
	transition: all .3s;
	font: normal normal normal x-large /normal "ＭＳ Ｐゴシック";
}

.gnavi__list:hover a{
	color: maroon;//	background-color: orange;
}

.dropdown__lists{
	transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
	transform-origin: center top;/*変形を適応する基準をtopとする*/
	transition: all .3s;/*表示の変化を0.3秒に指定*/
	width: 100%;
	position: absolute;
	top: 0px;
	left: 130px;
}

.gnavi__list:hover .dropdown__lists {
	transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}

.dropdown__list{
	background-color: orange;
	height: 60px;
	transition: all .3s;
	position: relative;
	list-style-type: none;
}

.dropdown__list:not(:first-child)::before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: yellow;
	position: absolute;
	top: 0px;
	left: 0px;
}

.dropdown__list:hover{
	background-color: silver;
}

.dropdown__list a{
	/*    display: flex; */
	display: block;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.dropdown__list a::before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ffffff;
	transform: rotate(135deg);
	position: absolute;
	right: 15px;top: calc(50% - 5px);
}