.sidebar {text-align:left;height:100%;width:0;position:fixed;top:0;left:0;background-color:black;overflow-x:hidden;transition: 0.5s; padding-top: 30px;z-index:10000;line-height: 1;}
.sidebar a { padding: 5px 0px 5px 26px; text-decoration: none; color: #CCF; display: block; transition: 0.3s;
}
.sidebar div { padding: 5px 0px 5px 13px;
}
.sidebar p { padding: 5px 0px 5px 13px;
}
.sidebar a:hover { color: #FFF;
}
/* 表示用のクラス */
.sidebar.open { width: 230px;
}