@charset "UTF-8";
.navi-aside-toggle{width: 34px;height: 34px;background: url("images/menu-icon-arrow-white.png") no-repeat 50%;cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -17px;display: none;}
.wp-navi-aside .navi-aside-mask { width: 100%; height: 100%; background: rgba(0,0,0,.1); }
.wp-navi-aside.wp-navi-aside-active { display: block;}
#wp-navi-aside .aside-inner {position: fixed;top: 0;bottom: 0;left: -216px;z-index: 1002;width: 216px;max-width: 100%;background: #252525; overflow-y: auto;-webkit-overflow-scrolling: touch; }
#wp-navi-aside .aside-inner:after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 0;width: 1px;background: rgba(0,0,0,.6);box-shadow: 0 0 5px 2px rgba(0,0,0,.6);}
#wp-navi-aside .navi-aside-head { margin-top: 0;border-top: 1px solid rgba(0,0,0,.3);background: #333;box-shadow: inset 0 1px 0 rgba(255,255,255,.05);text-shadow: 0 1px 0 rgba(0,0,0,.5);}
#wp-navi-aside .navi-aside-head .navi-aside-title { padding:7px 10px; font-weight: normal; color: #777; font-size: 14px;}
#wp-navi-aside .wp-menu{display: block;}
#wp-navi-aside .navi-aside-wrap li a{text-align: left;display: block;height: auto;color: #c7c7c7;font-size: 14px!important;line-height: 20px!important;padding: 8px 30px 8px 10px;border-top: 1px solid rgba(0,0,0,.3);box-shadow: inset 0 1px 0 rgba(255,255,255,.05);text-shadow: 0 1px 0 rgba(0,0,0,.5);}
#wp-navi-aside .navi-aside-wrap li{text-align: left;width: 100%;}
#wp-navi-aside .wp-menu .menu-item .sub-menu{position: static;background-color: #2e2e2e;}
#wp-navi-aside .wp-menu .menu-item .sub-menu li a {padding-left: 26px;}
#wp-navi-aside .wp-menu .menu-item a > .menu-switch-arrow{display: block;cursor: pointer;width: 50px;height: 35px;position: absolute;right: 0;top: 0px;color: #f6f6f6;font-size: 14px;background: url(images/menu-switch-arrow.png) no-repeat 22px -25px;}
#wp-navi-aside .wp-menu .menu-item a > .menu-switch-arrow.menu-open-arrow{background-position: 20px 12px;}
#wp-navi-aside .wp-menu .menu-item a.menu-link{color: #eee;}