.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu-trigger{
	position: fixed;
	width: 50px;
	height: 50px;
	z-index: 5;
	top: 22px;
	right: 17px;
}

.menu-trigger span:nth-of-type(1){
  top: 15px;
}
.menu-trigger span:nth-of-type(2){
  top: 0;
  bottom: 0;
}
.menu-trigger span:nth-of-type(3){
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}




.g-nav{
	display: none;
	top: 0;
	width: 100%;
	z-index: 3;
	background-color: #fff;
	position: fixed;
	height: 100%;
}


/************PC************/

@media screen and (min-width: 751px){

.menu-trigger span{
	position: absolute;
	width: 30px;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #000;
}



.g-nav ul li img {
	width: 150px;
}


.g-nav ul{
}
.g-nav li{
    list-style-type: none;
    text-align: center;
    margin-top: 22px;
}

.g-nav  a{
	text-decoration: none;
	color: #323232;
	font-size: 24px;
}
#pagetop .no_pc .g-nav ul li ul {
	position: absolute;
	left: 65px;
	top: 30px;
}
}


/************SP************/
@media screen and (max-width:750px){

.menu-trigger span{
	position: absolute;
	width: 30px;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #000;
}



.g-nav ul li img {
	width: 150px;
}


.g-nav ul{
}
.g-nav li{
    list-style-type: none;
    text-align: center;
    margin-top: 21px;
}

.g-nav  a{
	text-decoration: none;
	color: #000;
	font-size: 24px;
}
#pagetop .no_pc .g-nav ul li ul {
	position: absolute;
	left: 65px;
	top: 30px;
}
}