/* 25/8/66 17.13 */
:root {
    --color-special-1: #FFF0B9;
    --color-special-2: #FFF0B9;
    --color-special-3: #3F51B5;
    --bg-content-special-1: url(
    images/gacha-play-special-bg.png);
    --bg-machine-special-1: url(
    images/gacha-play-mechine-special-after.png);
    --bg-machine-special-2: url(
    images/gacha-play-mechine-special-before.png);
}

/*

var(--color-special-1);

*/
.special .gacha-detail-more-detail-btn {
    color: var(--color-special-1);
    background: var(--color-special-3);
}

.special .gacha-detail-period-box-wp {
    border: 1px solid var(--color-special-2);
}

.special .gacha-detail-period-countdown-wp {
    border: 1px solid var(--color-special-2);
}

.special .gacha-detail-special-rule-box {
    border: 1px solid var(--color-special-2);
}

.special .gacha-detail-special-rule-box-txt-2 {
    border: 1px solid var(--color-special-2);
}

.special .gacha-detail-wp {
    color: #ffffff;
    background-color: var(--color-special-3);
}

.special .gacha-play-option-btn-roll-txt-1 {
    color: var(--color-special-3);
}

.special .gacha-play-option-btn-roll-txt-2 {
    color: var(--color-special-1);
    background: var(--color-special-3);
}

.special .gacha-play-option-btn-roll-wp {
    background: var(--color-special-1);
}

.special .gacha-play-option-currency-txt-1 {
    color: var(--color-special-1);
}

.special .gacha-play-option-currency-txt-2 {
    color: var(--color-special-1);
}

.special .gacha-play-option-currency-wp {
    border: 1px solid var(--color-special-2);
    background: var(--color-special-3);
}

.special .gacha-play-option-skip-wp {
    border: 1px solid var(--color-special-1);
}

.special .gacha-play-option-wp {
    color: var(--color-special-1);
}

.special .gacha-play-wp {
    background-image: var(--bg-content-special-1);
    background: url(../../images/star-bg.gif),url(images/gacha-play-special-bg.png) !important;
    background-blend-mode: color-dodge, normal;
    background-size: auto,cover;
}



.special .theme-section-title-btn.go-special {
    color: var(--color-special-1);
    background: var(--color-special-3);
}

.special .theme-section-title-btn.go-special {
    color: var(--color-special-1);
    background: #ef9c00;
}

.special .gacha-play-mechine-cover::after {
    background-image: var(--bg-machine-special-1);
}

.special .gacha-play-mechine-cover::before {
    background-image: var(--bg-machine-special-2);
}

.special .gacha-play-particle-wp {
    position: absolute;
    top: 27%;
    left: 18.1%;
    width: 61.4%;
    height: 40%;
    border: 1px solid black;
}

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

/**/
.special .gacha-detail-wp {
    /* background: linear-gradient(180deg, #a1610b 0%, #664b1b 100%); */
    background: linear-gradient(180deg, #4B4128 0%, #9C7C38 14.34%, #7B5100 28.41%, #6F5D23 56.25%, #3E2E00 83.62%, #352D15 100%);
}

.special .gacha-detail-more-detail-btn {
    color: var(--color-special-1);
    /* background: var(--color-special-3); */
    border-radius: 16px;
    background: linear-gradient(180deg, #ff9a39 0%, #ff6028 100%);
    box-shadow: 0px 4px 0px 0px #ffcc6c inset, 0px -4px 0px 0px #a74800 inset;
}

.special .gacha-play-option-wp {
    background: #634111 !important;
    box-shadow: 0px 4px 14px 0px #ffc23a inset;
}

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

.special .gacha-play-option-btn-roll-txt-1 {
    color: #b97400;
}

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