:root {
  --color-common-1: #ffffff;
  --color-common-2: #ffffff;
  --color-common-3: #3F51B5;
  --bg-content-common-1: url(
  images/gacha-play-common-bg.png);
  --bg-machine-common-1: url(
  images/gacha-play-mechine-common-after.png);
  --bg-machine-common-2: url(
  images/gacha-play-mechine-common-before.png);
}
/*

var(--color-common-1);

*/
.common .gacha-detail-more-detail-btn {
  color: var(--color-common-1);
  background: var(--color-common-3);
}
.common .gacha-detail-period-box-wp {
  border: 1px solid var(--color-common-2);
}
.common .gacha-detail-period-countdown-wp {
  border: 1px solid var(--color-common-2);
}
.common .gacha-detail-special-rule-box {
  border: 1px solid var(--color-common-2);
}
.common .gacha-detail-special-rule-box-txt-2 {
  border: 1px solid var(--color-common-2);
}
.common .gacha-detail-wp {
  color: var(--color-common-1);
  background-color: #ffd28a;
}
.common .gacha-play-option-btn-roll-txt-1 {
  color: var(--color-common-3);
}
.common .gacha-play-option-btn-roll-txt-2 {
  color: var(--color-common-1);
  background: var(--color-common-3);
}
.common .gacha-play-option-btn-roll-wp {
  background: var(--color-common-1);
}
.common .gacha-play-option-currency-txt-1 {
  color: var(--color-common-1);
}
.common .gacha-play-option-currency-txt-2 {
  color: var(--color-common-1);
}
.common .gacha-play-option-currency-wp {
  border: 1px solid var(--color-common-2);
  background: var(--color-common-3);
}
.common .gacha-play-option-skip-wp {
  border: 1px solid var(--color-common-1);
}
.common .gacha-play-option-wp {
  color: var(--color-common-1);
}
.common .gacha-play-wp {
  background-image: url(../images/gacha-play-common-bg.png);
}
.common .theme-section-title-btn.go-common {
  color: var(--color-common-1);
  background: var(--color-common-3);
}
.common .theme-section-title-btn.go-special {
  color: var(--color-common-1);
  background: #a4030f;
}
.common .gacha-play-mechine-cover::after {
  background-image: url(../images/gacha-play-mechine-common-after.png);
}
.common .gacha-play-mechine-cover::before {
  background-image: url(../images/gacha-play-mechine-common-before.png);
}


.common .gacha-play-particle-wp {
    position: absolute;
    top: 32%;
    left: 22.1%;
    width: 56.4%;
    height: 40%;
    border: 1px solid black;
}

.common .gacha-play-mechine-ball-drop-wp {
    position: relative;
    position: absolute;
    top: 75%;
    left: 28.4%;
    width: 11%;
    height: 7.1%;
    /* background-color: aquamarine; */
}