/*　.tcon   */
.tcon { transition:0.3s; height:50px; width:50px; background:transparent; outline:none;  margin:auto;
    -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer;
    display:-webkit-flex; display:-ms-flexbox; display:flex;   -webkit-justify-content:center;
    -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
    -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent;  }
    .tcon > * { display:block;  }
    .tcon:hover, .tcon:focus { outline:none;  }
    .tcon::-moz-focus-inner { border:0;  }
.tcon-menu__lines { display:inline-block; height:5px; width:50px; transition:0.3s; background:#222; position:relative;  }
    .tcon:hover .tcon-menu__lines { background:#666;}
    .tcon-menu__lines::before,
    .tcon-menu__lines::after {
    display:inline-block; height:5px; transition:0.3s;
    background:#222; content:''; position:absolute; left:0; right:0; width:100%; margin:auto;
    -ms-transform-origin:1px center; -webkit-transform-origin:1px center; transform-origin:1px center; }
        .tcon:hover .tcon-menu__lines::before, .tcon:hover .tcon-menu__lines::after { background:#666; }
    .tcon-menu__lines::before { top:15px;  }
    .tcon-menu__lines::after { top:-15px;  }
    .tcon-transform .tcon-menu__lines { -ms-transform:scale3d(0.8, 0.8, 0.8); -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8);  }
.tcon-menu--xcross { width:auto;  }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines { background:transparent; background:transparent;  }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; top:0; width:50px; background:#222;}
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before { -ms-transform:rotate(45deg);  -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg) scaleY(1.4); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -ms-transform:rotate(-45deg); -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate(-45deg) scaleY(1.4); }
.tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;  }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }