#g-nav{
    position:fixed;
    z-index: 9990;
    bottom:-120%;
    left:0;
    width:100%;
    height: 100vh;
    background:#FFFFFF;
    transition: all 0.6s;
    padding:15px 15px 3em;
        -moz-box-sizing: border-box;
        box-sizing: border-box

}

#g-nav.panelactive{
    bottom: 0;
	margin: 0px;
}

#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 9990; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
                text-align:left;
	margin: 0px;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}

#menu {
        width:93%;
	margin:0px 0 3em 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
	padding-bottom:3em;
}

#menu ul, li a{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.main_menu,
.main_menu_no{
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f2f2f2;
	font-weight: bold;
	padding-left:40px;
	padding-right:40px;
	text-indent: 10;
	display: block;
	position: relative;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.main_menu::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #739100;
    border-right: solid 2px #739100;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -6px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#menu .open::before {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    margin-top: -3px;
}
#menu .main_menu:hover ,#menu .open,.main_menu_no:hover {
	background-color: #8EC31F;
	color: #FFF;
}
#menu .main_menu:hover::before ,#menu .open::before,.main_menu_no:hover::before ,{
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.sub_menu li a{
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 40px;
	background-color: #e3ecd1;
	display: block;
	position: relative;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.sub_menu li a::before{
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #739100;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	margin-left: 25px;
}
.sub_menu li a:hover{
	background-color: #9fbb79;
}
.sub_menu li a:hover::before {
	border-left: solid 6px #ffffff;
}
.third_menu li a{
	padding-left: 40px;
	border-top-style: none;
	padding-bottom: 6px;
	padding-top: 6px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;	
}
.third_menu li a::before{
	margin-left: 65px;
}

.Footerlogo{
	width:60%;
        display: block;
	margin:0px auto 10px;
	text-align:center;
}



/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
  top:0px;
  left:28%;
  cursor: pointer;
    width: 50px;
    height:23px;
	transform: translate(-28%);
	font-size:.9em;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background-color: #FFF;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:10px; 
}

.openbtn1 span:nth-of-type(2) {
  top:17px;
}

.openbtn1 span:nth-of-type(3) {
  top:26px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}