/* ============================================================
   page-stg-world.php individual styles
   Shared rules with page-stg-asaka.php live in shared.css
   ============================================================ */

@media (min-width: 1001px) {
  #store_world .world-main-visual__image--sp1,
  #store_world .world-main-visual__image--sp2 {
    display: none;
  }

  #store_world .world-main-visual__copy {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: clamp(12px, 2vw, 30px);
    z-index: 1;
    width: 34%;
    color: #082b62;
    font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    line-height: 1.25;
    transform: translateY(-50%);
  }

  #store_world .world-main-visual__copy .breadcrumbs {
    margin: 0 0 20px;
    color: #fff;
  }

  #store_world .world-main-visual__copy .breadcrumbs,
  #store_world .world-main-visual__copy .breadcrumbs a,
  #store_world .world-main-visual__copy .breadcrumbs span {
    color: #fff;
  }

  #store_world .world-main-visual__title {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3.2vw, 62px);
    font-style: oblique 8deg;
    font-weight: 900;
    letter-spacing: .01em;
  }

  #store_world .world-main-visual__title span,
  #store_world .world-main-visual__lead span {
    display: block;
    white-space: nowrap;
  }

  #store_world .world-main-visual__lead {
    margin: 26px 0 0;
    color: #FFA700;
    font-size: clamp(15px, 1.35vw, 23px);
    font-weight: 800;
    line-height: 1.65;
    letter-spacing: .02em;
  }
}

@media (max-width: 1000px) {
  #store_world .world-main-visual {
    background: #000;
  }

  #store_world .world-main-visual__image--pc {
    display: none;
  }

  #store_world .world-main-visual__image--sp1,
  #store_world .world-main-visual__image--sp2 {
    display: block;
  }

  #store_world .world-main-visual__copy {
    box-sizing: border-box;
    position: static;
    order: -1;
    width: 100%;
    padding: 24px 4%;
    color: #fff;
    background: #000;
    font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    line-height: 1.25;
  }

  #store_world .world-main-visual__copy .breadcrumbs {
    margin: 0 0 12px;
  }

  #store_world .world-main-visual__copy .breadcrumbs,
  #store_world .world-main-visual__copy .breadcrumbs a,
  #store_world .world-main-visual__copy .breadcrumbs span {
    color: #fff;
  }

  #store_world .world-main-visual__title {
    margin: 0;
    color: #fff;
    font-size: clamp(18px, 7.2cqw, 48px);
    font-style: oblique 8deg;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: .01em;
    white-space: nowrap;
  }

  #store_world .world-main-visual__title span {
    display: block;
  }

  #store_world .world-main-visual__lead {
    margin: 14px 0 0;
    color: #FFA700;
    font-size: clamp(13px, 4cqw, 17px);
    font-weight: 800;
    line-height: 1.55;
    letter-spacing: .02em;
  }

  #store_world .world-main-visual__lead span {
    display: block;
    white-space: nowrap;
  }
}

#store_world .world-store-intro {
  background: #2e2e2e;
}

#store_world .world-store-intro::after {
  content: "SOCCER WORLD";
  color: rgba(255, 255, 255, .035);
  font-size: clamp(72px, 12vw, 190px);
  white-space: nowrap;
}

#store_world .world-store-intro__lead {
  color: #fff;
  background: linear-gradient(transparent 72%, rgba(255, 167, 0, .25) 0);
}

#store_world .world-store-intro__body {
  color: #fff;
}

#store_world .world-store-intro__view {
  box-shadow: 0 20px 50px rgba(0, 0, 0, .28);
}

#store_world .world-store-intro__view-image--sp {
  display: none !important;
}

@media (max-width: 767px) {
  #store_world .world-store-intro__view {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .25);
  }

  #store_world .world-store-intro__view-image--pc {
    display: none !important;
  }

  #store_world .world-store-intro__view-image--sp {
    display: block !important;
  }
}