#wrap{position:relative;}

#wrap .overlay_close_button{display:none;}
#wrap.open_slide .overlay_close_button{box-shadow:2px 0 6px rgba(0, 0, 0, 0.2);}
#wrap.open_slide .overlay_close_button{
	display:block;
	height:100%;
	position:absolute;
	right:0;
	top:-50px;
	width:100%;
	z-index:1000;
	padding:0 0 50px 0;
}
#wrap .overlay_close_button,
#sidr #sidr_head .btn,
#header #head_btn li{cursor:pointer;}
#wrap.open_slide{
	position: fixed;
}
#sidr {
    position: fixed;
    
    width: 70.67%;
    height: 100%;
    right: -100vw;
    color: #333;
    font-size: 3.6vw;
    text-align: left;
    background: #fff;
    overflow: scroll;
    transition: 0.5s ease;
     z-index: 99999;
}
.open_slide #sidr{
    right: 0vw;
}

#sidr li span{
	font-size: 3.333vw;
}

#sidr #sidr_head{
	padding:7px 7px 7px 17px;
	background:#ffcfd2;
	border-bottom:1px solid #b6aaac;
	-webkit-box-shadow:inset 5px 0 3px -3px rgba(120,120,120,.3);
	-moz-box-shadow:inset 5px 0 3px -3px rgba(120,120,120,.3);
	box-shadow:inset 5px 0 3px -3px rgba(120,120,120,.3);
}
#sidr #sidr_head h2{
	float:left;
	height:35px;
	line-height:35px;
}
#sidr #sidr_head .btn{
	display:block;
	float:right;
	width:60px;
	height:35px;
	color:#fff;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	line-height:35px;
	background:#727171;
	background:-o-linear-gradient(top, #727171, #231815); /* Opera */
	background:-moz-linear-gradient(top, #727171, #231815); /* FireFox */
	background:-webkit-linear-gradient(top, #727171, #231815); /* webkit */
	background:-ms-linear-gradient(top, #727171, #231815); /* IE */
	background:linear-gradient(top, #727171, #231815);
	border-radius:4px;
}
#sidr nav {
    border-top: 1px solid #fff;

}

#sidr ul{
	display:block;
	margin:0 0 20vw;
	padding:0;
}
#sidr li {
    display: block;
    margin: 0;
    border-bottom: #c9caca 1px solid;
    line-height: 1.4;
}
#sidr li a,
#sidr li a, #sidr li span ,#sidr li p{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 3.43vw 0 3.43vw 5vw;
}
#sidr li ul{
	border-top:2px solid #b6b6b7;
	margin:0;
}
#sidr li li:last-child{
	border:none;
}

#sidr ul li ul.down_menu{
	display: none;
    border-top: 1px solid #b6b6b7;
    background-color: #efefef;
}
#sidr ul li ul.down_menu li{
    padding: 0 0 0 10vw;
    border-bottom: 1px solid #c9caca;
}
#sidr li p span.icon-10 {
    float: right;
    margin: 1vw 5vw 0vw 0;
    transform: rotate(90deg);
    padding: 0;
    transition:0.5s;
}
#sidr li p.active span.icon-10{

    transform: rotate(180deg);
}


#header #head_btn li.head_menu {
    display: table-cell;
    width: 14.5vw;
    border-left: 1px solid #cacaca;
    box-sizing: border-box;
    position: relative;
    z-index: 999999;
    height: 12vw;
}

    /* Toggle Button */
    #nav-toggle {
    height: auto;
    font-size: 1.8vw;
    margin: 0 auto;
    }

    #nav-toggle span:nth-child(1) {
    display: block;
    position: absolute;
    border-radius: 5px;
    height: 1vw;
    width: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    top: 2vw;
    margin: auto;
    right: 0;
    }
    #nav-toggle span:nth-child(2) {
    display: block;
    position: absolute;
    border-radius: 5px;
    height: 1vw;
    width: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    top: 4vw;
    margin: auto;
    right: 0;
    }
    #nav-toggle span:nth-child(3) {
    display: block;
    position: absolute;
    border-radius: 5px;
    height: 1vw;
    width: 50%;
    left: 0;
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    top: 6.2vw;
    margin: auto;
    right: 0;
    }
    #nav-toggle span:nth-child(4) {
    display: block;
    position: absolute;
    top: 8vw;
    color: #fff;
    letter-spacing: 0.12em;
    font-weight: bold;
    margin: auto;
    left: 0;
    right: 0;
    }
    #nav-toggle span:nth-child(5) {
        display: block;
        position: absolute;
        display: none;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open_slide #nav-toggle span:nth-child(1) {
      top: 4.5vw;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
        background-color: #fff;
    }
    .open_slide #nav-toggle span:nth-child(1){
        background-color: #fff;
    }
    .open_slide #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
        background-color: #fff;
        opacity: 0;
    }
    .open_slide #nav-toggle span:nth-child(3) {
      top: 4.5vw;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
        background-color: #fff;
    }
    .open_slide #nav-toggle span:nth-child(3){
        background-color: #fff;
    }
    .open_slide #nav-toggle span:nth-child(4) {
        display: none;
    }
    .open_slide #nav-toggle span:nth-child(5) {
        display: block;
    
    top: 8vw;
        color: #fff;
    letter-spacing: 0.12em;
    font-weight: bold;
     margin: auto;
    left: 0;
    right: 0;
    }
    .open_slide #nav-toggle span:nth-child(5){
        color: #fff;
    }

/*
#header #gnav .nav_fx ul li,
#header #gnav .nav_fx ul li a{
    cursor: pointer;
}
#header #gnav .nav_fx ul li:hover,
#header #gnav .nav_fx ul li a:hover
{
    cursor: pointer;
}*/