@charset "utf-8";

/* ================================
infoNet burgerMenu.css   ver2.0
================================ */
/* burger */
.burgerMotion{position:absolute;top:0;right:0;z-index:60;width: 60px;height:55px;}
.burgerMotion p{position:relative;width:20px;height: 100%;margin:0 auto;padding:0;}
.burgerMotion p:after{content:"";display:block;position:absolute;bottom: 9px;left:50%;transform:translateX(-50%);width:26.5px;height:5px;margin:auto;background:url(/Portals/0/images/sp/ico_burger_text.png) 0 0 no-repeat;background-size:auto 100%;font-weight:normal;font-size:7px;white-space:nowrap;}
.burgerMotion p span{display:inline-block;position:absolute;width:100%;height:3px;margin-top: 24px;background:-webkit-linear-gradient(left, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);background:linear-gradient(to right, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);vertical-align:middle;transition:transform 0.3s;}
.burgerMotion.active p span{transform:rotate(-90deg);}
.burgerMotion p span:before,
.burgerMotion p span:after{content:"";display:block;position:absolute;right:0;left:0;width:20px;height:3px;margin:auto;background:-webkit-linear-gradient(left, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);background:linear-gradient(to right, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerMotion p span:before{margin-top:-8px;}
.burgerMotion p span:after{margin-top:8px;}
.burgerMotion.active p span:before{}
.burgerMotion.active p span:after{}

.burgerCloseMotion{width:100%;height:45px;margin:10px auto;padding:0;text-align:center;}
.burgerCloseMotion p{display:flex;position:relative;width:100%;height:100%;margin:0;padding:0;background:-webkit-linear-gradient(left, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);background:linear-gradient(to right, rgba(67,148,208,1) 0%,rgba(49,178,112,1) 100%);vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;}
.burgerCloseMotion p:after{content:"閉じる";display:inline-block;margin:0 0 0 5px;color:#fff;font-weight:normal;line-height:1;vertical-align:middle;}
.burgerCloseMotion p span{display:inline-block;position:relative;top:0;bottom:0;width:15px;height:12px;margin:2px 0 0 0;color:#fff;vertical-align:middle;}
.burgerCloseMotion p span:before,
.burgerCloseMotion p span:after{content:"";display:block;position:absolute;top:4px;left:0;width:100%;height:2px;background-color:#fff;-webkit-transition:all 0.2s;transition:all 0.2s;}
.burgerCloseMotion p span:before{transform:rotate(45deg);}
.burgerCloseMotion p span:after{transform:rotate(-45deg);}
.burgerOverlay{position:fixed;top:0;z-index:10;width:100%;background-color:rgba(0,0,0,0.3);}