.hamb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: fle;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center !important;
    -ms-flex-pack: center!important;
    justify-content: center !important;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 18px 18px;
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
}

.hamb_inr {
  width: 30px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.hamb_inr div {
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000000;
  transition: 0.4s;
  border-radius: 2px;
}

.hamb_inr_top {
  top: 0;
}

.hamb_inr_mdl {
  top: 10px;
}

.hamb_inr_btm {
  bottom: 0;
}

/* 開いたときの変形 */
.hamb_inr.js_open .hamb_inr_top {
  transform: rotate(45deg);
  top: 10px;
}

.hamb_inr.js_open .hamb_inr_mdl {
  opacity: 0;
}

.hamb_inr.js_open .hamb_inr_btm {
  transform: rotate(-45deg);
  bottom: 10px;
}