@charset "utf-8";

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

infoNet burgerMenu.css   ver2.0

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

/* burger */
.burgerMotion{position:absolute;top: 16px;right: 15px;z-index:15;width:40px;height:40px;padding: 0 0px;}
.burgerMotion p{position:relative;right:0;width: 20px;height: 38px;margin: 0 auto;padding:0;}
.burgerMotion p:after{content:"";display:block;width: 20px;height: 15px;margin: 0 auto;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: 2px;margin-top: 18px;background-color: #cb2828;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;right: 0;margin: auto;width: 20px;height:2px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerMotion p span:before{margin-top: -7px;background-color: #cb2828;}
.burgerMotion p span:after{margin-top: 7px;background-color: #cb2828;}
.burgerMotion.active p{width:36px;}
.burgerMotion.active p span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);width: 20px;margin-top:0;}
.burgerMotion.active p span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width: 20px;margin-top:0;}

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