.is-sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #watch #kv > div > div:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #watch #kv > div > div:nth-child(1) {
    display: none;
  }
}
#watch #g-shock-series #kv-lineup h1,
#watch #g-shock-series #kv-lineup h2 {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series #kv-lineup h1,
  #watch #g-shock-series #kv-lineup h2 {
    font-size: 26px;
    line-height: 28px;
  }
}

#watch #g-shock-series #kv-lineup h2 {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

#watch #g-shock-series #brand-nav h1 {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series #brand-nav h1 {
    font-size: 18px;
  }
}

#watch #g-shock-series .cmp-text h2 {
  padding-bottom: 0;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series .cmp-text h2 {
    font-size: 30px;
  }
}

#watch .is-local-menu > .cmp-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
#watch .is-local-menu .margin-top-2 {
  margin-top: 0;
}
#watch .is-local-menu .margin-bottom-2 {
  margin-bottom: 0;
}
#watch .is-local-menu .cmp-container--insets-1 > .cmp-container,
#watch .is-local-menu .cmp-container--insets-1 > .switch-container {
  padding: 0;
}
#watch .is-local-menu .cmp-button {
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: underline;
  text-underline-position: from-font;
}
#watch .is-local-menu .cmp-button:hover, #watch .is-local-menu .cmp-button:focus-visible {
  border: 0;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  #watch .is-local-menu .cmp-button {
    font-size: 16px;
  }
}
#watch .is-local-menu .cmp-button__text {
  margin: 0;
}

#watch #g-shock-series .is-sec3 .cmp-text .cmp-text--size-40 {
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series .is-sec3 .cmp-text .cmp-text--size-40 {
    font-size: 30px !important;
  }
}

#watch #g-shock-series .is-sec4 h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series .is-sec4 h3 {
    font-size: 16px;
  }
}

#watch #g-shock-series .is-sec4 .cmp-teaser__description h2 {
  font-size: 2.3426061493vw;
  font-weight: bold;
  line-height: 1.6;
  text-align: inherit;
}
@media only screen and (min-width: 1367px) {
  #watch #g-shock-series .is-sec4 .cmp-teaser__description h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series .is-sec4 .cmp-teaser__description h2 {
    font-size: 5.3333333333vw;
  }
}

#watch #g-shock-series #top-copy-6900 .cmp-text--size-40 {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series #top-copy-6900 .cmp-text--size-40 {
    font-size: 26px !important;
    line-height: 38px;
  }
}

#watch #g-shock-series #top-copy-6900 .cmp-text--size-16 {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  #watch #g-shock-series #top-copy-6900 .cmp-text--size-16 {
    font-size: 14px !important;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  #watch #g-shock-series #top-copy-6900 .cmp-text > p:has(> .cmp-text--size-16) {
    text-align: left !important;
  }
}

/*# sourceMappingURL=g-shock-series.css.map*/