: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: var(--color-common-3);
}
.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: var(--bg-content-common-1);
}
.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: #ef9c00;
}
.common .gacha-play-mechine-cover::after {
  background-image: var(--bg-machine-common-1);
}
.common .gacha-play-mechine-cover::before {
  background-image: var(--bg-machine-common-2);
}

.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; */
}




/**/




.common .gacha-detail-wp {
  background: linear-gradient(180deg, #007ABE 0%, #0041EA 100%);
}
.common .gacha-detail-more-detail-btn {
    color: var(--color-common-1);
    /* background: var(--color-common-3); */
    border-radius: 16px;
    background: linear-gradient(180deg, #39A0FF 0%, #2864FF 100%);
    box-shadow: 0px 4px 0px 0px #6CB7FF inset, 0px -4px 0px 0px #0034A7 inset;
}

.common .gacha-play-option-wp {
 
    background: #ED2753 !important;
    box-shadow: 0px 4px 14px 0px #FFF inset;
}

.common .gacha-play-option-currency-wp {
    border: 1px solid var(--color-common-2);
    /* background: var(--color-common-3); */
    background: linear-gradient(180deg, #007ABE 0%, #0041EA 100%) !important;
}

.common .gacha-play-option-btn-roll-txt-1 {
    color: #0052de;
}

.common .gacha-play-option-btn-roll-txt-2 {
    color: var(--color-common-1);
    /* background: var(--color-common-3); */
    background: linear-gradient(180deg, #007ABE 0%, #0041EA 100%) !important;
}