@charset "utf-8";

/* burger */
.burgerMotion{position:absolute;top:0;right:0;z-index:15;width:50px;height:50px;padding:0 13px;}
.burgerMotion p{position:relative;right:0;width:23px;height:36px;margin:0;padding:0;}
.burgerMotion p:after{content:"MENU";display:block;width:49px;height:48px;margin-left:-13px;padding-top:30px;font-family:Arial;font-weight:bold;font-size:8px;text-align:center;}
.burgerMotion p span{display:inline-block;position:absolute;width:100%;height:3px;margin-top:16px;background-color:#666;vertical-align:middle;}
.burgerMotion.active p{width:36px;margin:0;}
.burgerMotion.active p span{background-color:rgba(255, 255, 255, 0);}
.burgerMotion p span:before,
.burgerMotion p span:after{content:"";display:block;position:absolute;left:0;width:24px;height:3px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerMotion p span:before{margin-top:-7px;background-color:#666;}
.burgerMotion p span:after{margin-top:7px;background-color:#666;}
.burgerMotion.active p{width:36px;}
.burgerMotion.active p span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:24px;margin-top:0;}
.burgerMotion.active p span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:24px;margin-top:0;}

.burgerOverlay{position:fixed;top:0;z-index:10;width:100%;background-color:rgba(0,0,0,0.5);}