@charset "utf-8";



/*-- 縦スクロールバーは常に表示しておく --*/
html { overflow-y: scroll; }

/*-- 壁 --*/
#drawer_wall { display: none; position: fixed; left: 0; top: 0; z-index: 99997; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

/*-- ボタン --*/
#drawer_btn { position: fixed; right: 0; top: 0; z-index: 99999; }
#drawer_btn a { display: block; width: 50px; height: 50px; text-align:center; line-height:50px;color: #fff; text-decoration: none; background: #333; }

/*-- メニュー --*/
#drawer_menu { overflow-y: auto; position: fixed; left: -160px; top: 0; z-index: 99998; width: 160px; height: 100%; color: #fff; background: #333; }
#drawer_menu_inner { padding: 5px; }
#drawer_menu_inner ul { margin: 0; padding: 0; list-style-type: none; }
#drawer_menu_inner li { margin: 0; padding: 0; }
#drawer_menu_inner a { display: block; margin: -1px 0 0 0; padding: 10px; font-size: 14px; text-decoration: none; color: #fff; border-top: 1px solid #444; border-bottom: 1px solid #444; }
#drawer_menu_inner a:hover { text-decoration: none; background: #444; }

/*-- コンテンツ --*/
#drawer_content { width: 100%; max-width: 728px; margin: 0 auto; padding:10px; background: #eee; }

/*-- 状況によって調整 --*/
#drawer_content p { margin-top: 0; }