@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Roboto+Mono&display=swap);
.js-fade {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s, visibility 1s, transform 1s;
  visibility: hidden;
}

.js-start-animation {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.l-header {
  height: 140px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}
.l-header::after {
  background: #0e1013;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  transition: 0.3s;
  width: 100%;
}
.l-header.--is-scrolled::after {
  opacity: 0;
}
.l-header__logo {
  height: 71.4285714286%;
  left: 2.4242424242vw;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.l-header__logo img {
  height: 100%;
}
.l-header__btn-cart {
  height: 39.2857142857%;
  position: absolute;
  right: 190px;
  top: 50%;
  transform: translate(0%, -50%);
}
.l-header__btn-cart img {
  height: 100%;
}
.l-header__btn-menu {
  aspect-ratio: 1/1;
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 1.4141414141vw;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: 1081;
}
.l-header__btn-menu span {
  background-color: #000;
  display: block;
  height: 3.5714285714%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  width: 64.2857142857%;
}
.l-header__btn-menu span:nth-child(1) {
  margin-top: -11.4285714286%;
}
.l-header__btn-menu span:nth-child(2) {
  margin-top: 11.4285714286%;
}
.l-header__btn-menu.--is-opened span:nth-child(1) {
  margin-top: 0;
  transform: translate(-50%, -50%) rotate(20deg);
}
.l-header__btn-menu.--is-opened span:nth-child(2) {
  margin-top: 0;
  transform: translate(-50%, -50%) rotate(-20deg);
}

.l-gnav {
  background-color: #e8e8e8;
  display: none;
  height: 100%;
  left: 0;
  padding-top: 7.0707070707vw;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1080;
}
.l-gnav nav {
  text-align: center;
}
.l-gnav nav ul {
  border-top: 1px solid #0e1013;
  display: inline-block;
  max-width: 340px;
  width: 100%;
}
.l-gnav nav ul li {
  border-bottom: 1px solid #0e1013;
  line-height: 1;
  text-align: left;
}
.l-gnav nav ul li a {
  color: #000;
  display: block;
  font-size: 2.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500 !important;
  padding: 0.3em 0.2em;
}
@media screen and (max-width: 1179px){
  .l-header {
    height: 14.0797285835vw;
  }
  .l-header__logo {
    height: 72.8915662651%;
    left: 5.2586938083vw;
  }
  .l-header__btn-cart {
    height: 46.3855421687%;
    right: 20.1017811705vw;
  }
  .l-header__btn-menu {
    right: 2.3748939779vw;
  }
  .l-gnav {
    padding-top: 14.0797285835vw;
  }
}
@media screen and (max-width: 430px){
  .l-gnav nav ul {
    max-width: 83.9694656489%;
  }
  .l-gnav nav ul li a {
    font-size: 9.4995759118vw;
  }
}
/*# sourceMappingURL=../map/global.css.map */