.content-wrap{overflow:hidden;width:100%;height:100%;}
.menu-wrap a{color:#5a2e2e;font-size:24px;text-decoration:none;}
.menu-wrap a:hover,
.menu-wrap a:focus{color:#dfba69;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.menu-button{position:relative;cursor:pointer;z-index:1000;padding:6px;padding-left:39px;line-height:23px;text-decoration:none;font-size:20px;color:#592e2e;background:transparent;display:block;margin:auto;border:1px solid #e0bb6b;border-radius:5px;}
.menu-button::before{position:absolute;top:8px;right:0;bottom:0;left:9px;width:24px;height:20px;background:linear-gradient(#5a2e2e 20%, transparent 20%, transparent 40%, #5a2e2e 40%, #373a47 60%, transparent 60%, transparent 80%, #5a2e2e 80%);content:'';}
.menu-button:hover{opacity:0.6;}
.close-button{cursor:pointer;width:1em;height:1em;position:absolute;right:35px;top:40px;overflow:hidden;text-indent:1em;font-size:20px;border:none;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#000000;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{position:fixed;z-index:1001;width:300px;height:100%;left:0;top:0;visibility:hidden;background:#ffffff;padding:2.5em 1.5em 0;font-size:1.15em;-webkit-transform:translate3d(-370px,0,0);transform:translate3d(-370px,0,0);-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.icon-list{margin-top:30%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
.icon-list a{display:block;padding:6px;-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);}
.icon-list,
.icon-list a{-webkit-transition:-webkit-transform 0s 0.4s;transition:transform 0s 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.icon-list a:nth-child(2){-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0);}
.icon-list a:nth-child(3){-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0);}
.icon-list a:nth-child(4){-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}
.icon-list a:nth-child(5){-webkit-transform:translate3d(0,2500px,0);transform:translate3d(0,2500px,0);}
.icon-list a:nth-child(6){-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}
.icon-list a span{margin-left:20px;font-weight:bold;}
.menu-title{color:#7f7f7f;font-size:16px;font-weight:bold;position:absolute;left:52px;top:40px;}
.show-menu .menu-wrap{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.show-menu .icon-list,
.show-menu .icon-list a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);background:none;width:100%;line-height:28px;}
.show-menu .icon-list a{-webkit-transition-duration:0.9s;transition-duration:0.9s;}
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.8s;transition:opacity 0.8s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
div.gray{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;opacity:0;visibility:hidden;background:rgba(0,0,0,0.3);-webkit-transition:opacity 0.3s, -webkit-transform 0s 0.3s;transition:opacity 0.3s, transform 0s 0.3s;}
body.show-menu div.gray{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;z-index:200;visibility:visible}