.aside{min-width:280px;width:280px;height:100%;position:fixed;top:0;left:0;bottom:0;background-color:#fff;border-right:1px solid #333;box-shadow:0 5px 15px rgba(0,0,0,0.3);z-index:2000;width:0;min-width:0;overflow:hidden;transition:.35s width ease,.35s min-width ease;overflow-y:auto!important;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-overflow-scrolling:touch}.aside .aside-header{width:280px;background-color:#fff;padding:13px 1em 7px;padding-left:.5em;border-bottom:3px solid #f53f32;font-size:1.2em;color:#fff}.aside .logo{float:none;width:168px;height:auto;margin:0;padding:0;display:inline-block}.aside .aside-header .close{float:right;margin-top:15px;cursor:pointer}.aside .aside-contents{width:280px;padding:1em;padding-bottom:1em}.aside .aside-contents h2{font-size:1.125em;color:#666}.aside .aside-contents .hr01{padding:20px 0 0;border-bottom:1px dashed #ccc}.aside .aside-contents .hr02{width:100%;height:3px;margin:20px 0;padding:0;background:url(../img/border-hr02.png) center center no-repeat;background-size:cover}.aside.in{width:15%;min-width:280px}.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;transition:.2s opacity ease;opacity:0;display:none}.aside-backdrop.in{display:block;opacity:.5}@media (max-width: 480px){.aside .aside-header{padding:10px 1em}.aside .aside-header .close{margin-top:5px}}@media (max-width: 379px){.aside .aside-header{padding:9px 1em}.aside .aside-header .close{margin-top:1px}}