body {
  min-width: 1000px;
}
body #main {
  min-height: calc(100vh - 80px);
}

@media screen and (max-width: 767px) {
  body #main {
    min-height: calc(100vh - 60px);
  }
}
.drawer-hamburger {
  background: rgba(0, 0, 0, 0.7);
  -webkit-tap-highlight-color: transparent;
  z-index: 5;
  top: 0;
  /*.drawer-open &{
      top:0;
  }*/
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  background-color: rgba(255, 255, 255, 0.7);
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 0;
}

.drawer--right .drawer-nav {
  right: -40vw;
}

.drawer-nav {
  width: 40vw;
  z-index: 4;
  background-color: #000;
}

.drawer-overlay {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.7);
}

.drawer-menu .menu_inner {
  padding: 60px 15px 15px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}
.drawer-menu .menu_inner .n_tit {
  color: #ffe600;
  font-size: 22px;
  margin-top: 15px;
}
.drawer-menu .menu_inner ul {
  padding-bottom: 15px;
  border-bottom: solid 2px #ffe600;
}
.drawer-menu .menu_inner ul li {
  margin-top: 10px;
}
.drawer-menu .menu_inner ul li a {
  display: block;
  padding: 0.75rem 0.75rem 0.75rem 20px;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  background: url(../../img/menu_list.png) no-repeat left center;
  background-size: auto 20px;
}
.drawer-menu .menu_inner ul li a.yell {
  color: #ffe600;
}
.drawer-menu .menu_inner .t_link {
  margin-top: 30px;
  text-align: center;
}
.drawer-menu .menu_inner .t_link a {
  text-decoration: none;
  color: #000;
}

@media screen and (max-width: 767px) {
  #wrapper .head_wrap .head_cont {
    width: 100%;
    height: 60px;
  }
  #wrapper .head_wrap .head_cont h1 {
    padding: 10px 0 0 10px;
  }
  #wrapper .head_wrap .head_cont h1 img {
    width: 75%;
    max-width: 280px;
  }

  .drawer-hamburger {
    padding: 13px .70rem 25px;
  }

  .drawer--right .drawer-nav {
    right: -70%;
  }

  .drawer-nav {
    width: 70%;
  }

  .drawer-menu .menu_inner {
    padding: 50px 5px 30px 10px;
  }
  .drawer-menu .menu_inner .nav_logo img {
    width: 120px;
  }
  .drawer-menu .menu_inner .n_tit {
    font-size: 16px;
    margin-top: 10px;
  }
  .drawer-menu .menu_inner ul li a {
    font-size: 14px;
    padding: 5px 0 5px 15px;
    background-size: auto 14px;
  }

  body {
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
  }
  body #overlay {
    z-index: -1;
    opacity: 0;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    cursor: pointer;
  }
}
.hide-sp {
  display: block;
}

.hide-pc {
  display: none;
}

ol.decimal {
  list-style-type: decimal;
}

@media screen and (max-width: 767px) {
  section .unit {
    width: auto;
    padding: 0 4%;
  }

  .hide-sp {
    display: none;
  }

  .hide-pc {
    display: block;
  }

  /*.lum-lightbox-inner img {
      max-width: 160vw !important;
      max-height: 90vh !important;
  }*/
}

/*# sourceMappingURL=common.css.map */
