@charset "utf-8";

/* ================================

infoNet burgerMenu.css   ver2.0

================================ */

/* burger */
.burgerMotion{position:fixed;top:10px;right:10px;z-index:150;width:40px;height:40px;padding:0;background-color:#fff;cursor:pointer;}
.burgerMotion p{position:relative;right:0;width:20px;height:40px;margin:auto;padding:0;}
.burgerMotion p:after{content:"MENU";display:block;position:absolute;bottom:2px;left:50%;transform:translateX(-50%) scale(0.8);font-family:Arial;font-weight:normal;font-size:8px;line-height:1;text-align:center;}
.burgerMotion.active p:after{content:"CLOSE";}
.burgerMotion p span{display:inline-block;position:absolute;width:100%;height:3px;margin-top:14px;background-color:#ff57ae;vertical-align:middle;}
.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:100%;height:3px;background-color:#ff57ae;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerMotion p span:before{margin-top:-7px;}
.burgerMotion p span:after{margin-top:7px;}
.burgerMotion.active p span:before{transform:rotate(45deg);margin-top:0;}
.burgerMotion.active p span:after{transform:rotate(-45deg);margin-top:0;}

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