@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:1080px){
/* タブレット用 -------------------- */
.toggle { display:none; }

#slideMenu { pointer-events:auto; opacity: 0;}

/* TOGGLE */
.toggle { width:30px; height:15px; padding:0; cursor: pointer; display:none; z-index: 9999; pointer-events:auto; position:absolute; top:43px; right:40px;}
.toggle .in { margin:0; padding:0; box-sizing: border-box; }

.toggle span { display:block; width:30px; height:2px; background:#433f3f; }
.toggle span.t2 { margin:5px 0;}
.toggle { display:block; }

.toggle, .toggle span { transition:all 0.4s cubic-bezier(0.42, 0.02, 0.33, 1.05);}
.open .toggle span.t2 { opacity:0; background:#000;}
.open .toggle {}
.open .toggle span.t1 { transform: translate(0px, 7px) rotate(135deg);}
.open .toggle span.t3 { transform: translate(0px, -7px) rotate(-135deg);}

#slideMenu { width:100%; height:100vh; padding:160px 40px 80px; display:block; overflow:scroll; background-color:rgba(239,239,239,0.98); opacity:0; box-sizing:border-box; position:relative; position:fixed; top:0; left:0; z-index:7000; pointer-events:none;}


}



@media screen and (max-width:680px){
/* TOGGLE */
.toggle { top:21px; right:20px;}

#slideMenu { padding:76px 20px 80px;}


}