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

/* スマホ用 -------------------- */
/*
@media screen and (max-width:680px) {

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


TOGGLE 
.toggle { width:30px; height:30px; border-radius:50%; display: block; background-color:#4f7033; cursor:pointer; display:none; pointer-events:all; position:fixed; right:16px; top:26px; z-index:8888;}
.toggle .in { padding:8px 7px; box-sizing: border-box; }

.toggle span { display:block; width:16px; height:2px; background:#FFF; }
.toggle span.t2 { margin:4px 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; }
.open .toggle {}
.open .toggle span.t1 { -webkit-transform: translate(0px, 6px) rotate(135deg); -ms-transform: translate(0px, 6px) rotate(135deg); transform: translate(0px, 6px) rotate(135deg); }
.open .toggle span.t3 { -webkit-transform: translate(0px, -6px) rotate(-135deg); -ms-transform: translate(0px, -6px) rotate(-135deg); transform: translate(0px, -6px) rotate(-135deg); }

div#slideMenu { width:calc(100% - 12px); height:calc(100% - 12px);; display:block; overflow:hidden; background:rgba(255,255,255,0.6); opacity:0; box-sizing:border-box; position:relative; position:fixed; top:6px; left:6px; z-index:7777; pointer-events:none; transition:all 0.8s ease;}
}
 */



