#shop_e_egygloomy .sp-only {
    display: block;
  }
@media screen and (min-width: 960px) {
    #shop_e_egygloomy .sp-only {
      display: none !important;
  }
    }
#shop_e_egygloomy .pc-only {
    display: block;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .pc-only {
      display: none !important;
  }
    }
#shop_e_egygloomy .contents {
    background: #101010;
    /* background-image: url(../images/bg_gloomy_sp.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; */
    padding-bottom: 100px;
    position: relative;
    /* overflow: hidden; */
  }
@media screen and (min-width: 960px) {
    #shop_e_egygloomy .contents {
      /* background-image: url(../images/bg_gloomy_pc.jpg); */
      padding-bottom: 160px;
  } 
    }
#shop_e_egygloomy .fv {
    position: relative;
  }
#shop_e_egygloomy .mv {
    width: 1000px;
    height: auto;
    margin: auto;
    padding-top: 80px;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .mv {
      width: 100vw;
      padding-top: 0;
  }
    }
#shop_e_egygloomy .description__inner {
    margin: 100px 0 0;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .description__inner {
      margin: 60px 20px 0;
  }
    }
/* display: flex;
    flex-direction: column;
    gap: 30px; */
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .description__text-wrap {
      display: block;
      padding: 0;
  }
    }
#shop_e_egygloomy .description__title {
    text-align: left;
  }
#shop_e_egygloomy .description__head {
    color: #FFF;
    font-family: "roboto", serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 120%; /* 33.6px */
    letter-spacing: 1.4px;
    text-align: center;
  }
@media screen and (max-width: 370px) {
    #shop_e_egygloomy .description__head {
      font-size: 11px;
  }
    }
#shop_e_egygloomy .description__text {
    font-size: 15px;
    color: #FFF;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 400;
    line-height: 180%;
    text-align: center;
    margin-top: 30px;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .description__text {
      font-size: 13px;
      text-align: left;
  }
    }
#shop_e_egygloomy .description__text span {
    font-size: 12px;
  }
#shop_e_egygloomy .description__text:first-of-type {
    margin-top: 40px;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .description__text:first-of-type {
      margin-top: 35px;
  }
    #shop_e_egygloomy .description__title {
      width: 360px;
  }
    }
#shop_e_egygloomy .description__button-wrap {
    cursor: pointer;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .description__button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 auto;
  }
    }
#shop_e_egygloomy .buttons {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .buttons {
      margin-top: 50px;
  }
    }
#shop_e_egygloomy .link-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    height: 70px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: "roboto", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 18px */
    letter-spacing: 0.36px;
    position: relative;
  }
@media screen and (max-width: 959px) {
    #shop_e_egygloomy .link-button {
      width: 90%;
      font-size: 14px;
  }
    }
#shop_e_egygloomy .link__coming {
    margin-top: 70px;
    color: #FFF;
    font-family: "roboto", serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 120%; /* 33.6px */
    letter-spacing: 1.4px;
    text-align: center;
  }
@media screen and (max-width: 370px) {
    #shop_e_egygloomy .link__coming {
      margin-top: 50px;
      font-size: 30px;
  }
}

.gloomy-container {
    width: 100%;
    overflow: hidden;
    z-index: 3;
  }

.gloomy {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: animate-gloomy 12s linear;
}

.gloomy1 {
  background-image: url("/img/brand/shop_e_egygloomy/p_gloomy-1.png");
}
.gloomy2 {
  background-image: url("/img/brand/shop_e_egygloomy/p_gloomy-2.png");
}
.gloomy3 {
  background-image: url("/img/brand/shop_e_egygloomy/p_gloomy-3.png");
}
.gloomy4 {
  background-image: url("/img/brand/shop_e_egygloomy/g_gloomy-1.png");
}
.gloomy5 {
  background-image: url("/img/brand/shop_e_egygloomy/g_gloomy-2.png");
}
.gloomy6 {
  background-image: url("/img/brand/shop_e_egygloomy/g_gloomy-3.png");
}

@keyframes animate-gloomy {
  0% {
    opacity: 0;
    transform: translateY(-100px) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(var(--fall-distance)) rotate(1080deg);
  }
}

/* ▼ SP用 */
@media screen and (max-width: 959px) {
  @keyframes animate-gloomy {
    0% {
      opacity: 0;
      transform: translateY(-100px) rotate(0deg);
    }
    10% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    95% {
      opacity: 0;
    }
    100% {
      opacity: 0;
      transform: translateY(var(--fall-distance)) rotate(1080deg);
    }
  }
}