#drawernav{
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background:#fff0cd;
    color: #000000;
    z-index: 98;
    padding-top: 60px;
    box-sizing:border-box;
    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
         -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
            transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
 
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
         -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
            transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	filter:alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;

}

#drawernav .wp-nav { padding:0 10px 10px 10px; color:#000080; height:100%; overflow: auto; box-sizing:border-box; -webkit-overflow-scrolling: touch; }
#drawernav a { padding-left:5px; color:#000000; }
#drawernav a img { height:100%; }
#drawernav h5 { color:#000000; background:url(../image/ls01.png) no-repeat 0 0.1em; text-align:left; padding:0 0 2px 15px;}
#drawernav h4 { height:60px; line-height:60px; margin:1px auto 5px auto; padding:1px 5px 1px 5px; z-index: 80; }
#drawernav h2 { height:40px; line-height:40px; margin:5px auto 1px auto; padding:1px 5px 1px 0px; z-index: 80; }
#drawernav ul { border-top:1px solid #666; padding:10px 0; margin-bottom:1em; }
#drawernav li { line-height:2em; text-align:left; padding:0 0 2px 25px; }
#drawernav li:last-child { }
#drawernav li a { color:#000000; text-decoration:none; font-weight:normal; display:block; }
#drawernav li h6 { color:#000000; }

/**
* ドロワー開放時のスタイル
**/
@media(max-width: 991px){
}


		#humberger{
			position: fixed;
			top: 0;
			right: 0;
                        background:#f08d2c;
			z-index: 900;
			width: 50px;
			padding: 16px 16px 16px;
			cursor: pointer;
		}
		.icon-bar{
			height: 2px;
			background: #FFFFFF;
			display: block;
			margin-bottom: 8px;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		.open-bar{
			position:absolute;
			bottom:0px;
			left:auto;
			right:auto;
			color:#fff;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

		}
		.close-bar{
			position:absolute;
			bottom:2px;
			left:43px;
			color:#fff;
			opacity:0;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

		}

    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background:#FFFFFF;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,10px) rotate(45deg);
        -webkit-transform:translate(0,10px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-10px) rotate(-45deg);
        -webkit-transform:translate(0,-10px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity:0.2;
        left: -240px;
    	background: #FFFFFF;
    }