html,
body,
#container-reservation,
.content-wrap{width:100%;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.content{position:relative;}
.content::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0s 0.3s;transition:opacity 0.3s, transform 0s 0.3s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.close-button{width:16px;height:16px;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:16px;border:none;z-index:1001;background:transparent;color:transparent;}
.close-button::before,
.close-button::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;background:#5e453a;}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-wrap{position:absolute;z-index:2;width:calc(50% - 60px);height:100%;font-size:1.15em;-webkit-transform:translate3d(-800px,0,0);transform:translate3d(-800px,0,0);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.menu{background:#3d271e;width:calc(100% - 120px);height:100%;padding:2em 1em;}
.morph-shape{position:absolute;width:121px;height:100%;top:0;right:0;fill:#3d271e;z-index:1000;}
.show-menu .menu-wrap{-webkit-transform:translate3d(105px,0,0);transform:translate3d(105px,0,0);}
.show-menu .content-wrap{-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);}
.show-menu .content::before{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}