@charset "utf-8";

.aside{min-width:300px;position:fixed;top:0;right:0;bottom:0;background-color:#fff;z-index:10000;width:0;min-width:0;overflow:hidden;transition:.35s width ease,0.35s min-width ease}
.aside .aside-header{background-color:#e4e4e4;padding:1em;padding-left:.5em;border-bottom:2px solid #9b9b9b;font-size:1.2em;color:#666}
.aside .aside-header .close{float:right;cursor:pointer}
.aside .aside-contents{padding:0;padding-bottom:1em}
.aside.in{width:15%;min-width:300px;border-left:1px solid #333;box-shadow:0 0 15px 5px rgba(0,0,0,0.5);overflow-y: auto;}
.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:#000;transition:.2s opacity ease;opacity:0;display:none}
.aside-backdrop.in{display:block;opacity:.5}