.g_navi {
	background: rgba(255,255,255,0.5);
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	z-index: 97;
}
.g_navi_menu {
	width: 370px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -370px;
	background-image:url("../images/menu_back.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition:0.5s;
	
	box-shadow: -3px 0 5px rgb(0 0 0 / 8%);
	
	overflow-y: scroll;
}
@media screen and (max-width: 750px) {
.g_navi_menu {
	width: 100%;
}
}

.g_navi_menu.m_active {
	right: 0;
	transition:0.5s;
}

.g_navi_menu .menu_ico {
	width: 109px;
	position: absolute;
	top: 55px;
	left: 65px;
}
.menu_close {
	position: absolute;
	width: 28px;
	height: 28px;
	top: 20px;
	right: 20px;
}
.menu_chara {
	position: absolute;
	width: 56px;
	right: 50px;
	bottom: 15px;
}
.g_navi_menu ul {
	width: auto;
	border-left: 1px solid #fff;
	position: absolute;
	top: 140px;
	left: 65px;
	padding-left: 25px;
	
	line-height: 2.4;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 750px) {
.g_navi_menu .menu_ico {
	width: 40%;
	top: 7%;
	left: 16%;
}
.menu_close {
	width: 8%;
	height: 8%;
	top: 4%;
	right: 4%;
}
.menu_chara {
	width: 16%;
	right: 12%;
	bottom: 3%;
}
.g_navi_menu ul {
	top: 25.5%;
	left: 20%;
	font-size: 3.3vw;
	line-height: 2.25;
}
}


.g_navi_menu .int_num {
	margin-left: 1em;
}
.g_navi a {
	color: #FFF;
}
.g_navi a span:hover {
	border-bottom: solid 1px #fff;
}

.menu_btn img {
	filter: brightness(100%);
	transition:0.3s;
}
.menu_btn img:hover	{
	filter: brightness(110%);
	transition:0.3s;
}