/* メニュー（ドロワー）の土台。旧サイトが外部から読み込んでいた drawer 3.2.2 の CSS の代わり。
   見た目の細部は旧テーマの css/style.css が上書きする（読み込み順はこちらが先） */
.drawer-open { overflow: hidden !important; }
.drawer-nav { position: fixed; z-index: 2; top: 0; overflow: hidden; width: 16.25rem; height: 100%; color: #222; background-color: #fff; }
.drawer-menu { margin: 0; padding: 0; list-style: none; }
.drawer-overlay { position: fixed; z-index: 1; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); }
.drawer-open .drawer-overlay { display: block; }
.drawer--left .drawer-nav { left: -16.25rem; transition: left .6s cubic-bezier(.19, 1, .22, 1); }
.drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger { left: 0; }
.drawer--left.drawer-open .drawer-hamburger { left: 16.25rem; }
.drawer-hamburger { position: fixed; z-index: 4; top: 0; display: block; box-sizing: content-box; width: 2rem; padding: 18px .75rem 30px; transition: all .6s cubic-bezier(.19, 1, .22, 1); transform: translateZ(0); border: 0; outline: 0; background-color: transparent; }
.drawer-hamburger:hover { cursor: pointer; background-color: transparent; }
.drawer-hamburger-icon { position: relative; display: block; margin-top: 10px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { width: 100%; height: 2px; transition: all .6s cubic-bezier(.19, 1, .22, 1); background-color: #222; }
.drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; top: -10px; left: 0; content: " "; }
.drawer-hamburger-icon:after { top: 10px; }
.drawer-open .drawer-hamburger-icon { background-color: transparent; }
.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0; }
.drawer-open .drawer-hamburger-icon:before { transform: rotate(45deg); }
.drawer-open .drawer-hamburger-icon:after { transform: rotate(-45deg); }
.sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }