#header {
  background: #666;
  height: 62px;
  position: fixed;
  width: 100%;
  padding: 8px;
}

.hiraku-open-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
}

.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
  margin-left: -210px;
}

.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
  margin-left: 210px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar-left {
  margin-left: -210px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar-right {
  margin-right: -210px;
}

.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
  width: 210px;
}

.js-hiraku-offcanvas-body-left {
  left: 210px;
}

.js-hiraku-offcanvas-body-right {
  left: -210px;
}