.game_area {
        position: relative;
    }

    .effect_contents {
        position: absolute;
        top: 20%;
        left: 10%;
    }

    #img_effect_put1 {
        max-width: 100%;
        height: auto;
        width /***/:auto;
    }

    #img_effect_put2 {
        max-width: 90%;
        height: auto;
        width /***/:auto;
    }

    #img_effect_put3 {
        max-width: 90%;
        height: auto;
        width /***/:auto;
    }

    #img_effect_put5 {
        position: absolute;
        top: 50%;
        left: 70%;
        max-width: 40%;
        height: auto;
        width /***/:auto;
    }

    #img_effect_put13 {
        position: absolute;
        max-width: 100%;
        height: auto;
        width /***/:auto;
        top: 0%;
        left: 0%;
    }

    #img_effect_put14 {
        position: absolute;
        max-width: 100%;
        height: auto;
        width /***/:auto;
        top: 0%;
        left: 0%;
    }

    #img_effect_put15 {
        position: absolute;
        max-width: 100%;
        height: auto;
        width /***/:auto;
        top: 0%;
        left: 0%;
    }

    #paid_count_up {
        position: absolute;
        top: 40%;
        left: 30%;

        font-size: 3rem;
        font-family: 'arial black';
        z-index: 20;
        color: white;
        text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em gray;
    }

    #paid_count_up2 {
        position: absolute;
        top: 40%;
        left: 30%;

        font-size: 3rem;
        font-family: 'arial black';
        z-index: 20;
        color: white;
        text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em gray;
    }

    .paidZoomIn {
        animation: paidZoomIn 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
    }

    @keyframes paidZoomIn {
        0% {
            transform: scale(0.5);
            opacity: 0;
        }
        50% {
            opacity: 1;
            transform: scale(1);
        }
        100% {
            opacity: 0;
        }
    }

    #stage {
        width: 98%;
        border:5px solid black;
    }

    #err_message {
        color: red;
    }

    input[type=radio]+label:before{
        content: "";
        display: inline-block;
        background-size: contain;
        width: 140px;
        height: 70px;
    }
    input[type=radio][value="1"]+label:before{
        background-repeat: no-repeat;
        background-image: url(/images/game/vslot8/item1.png);
    }
    input[type=radio][value="2"]+label:before{
        background-repeat: no-repeat;
        background-image: url(/images/game/vslot8/item2.png);
    }
    input[type=radio][value="3"]+label:before{
        background-repeat: no-repeat;
        background-image: url(/images/game/vslot8/item3.png);
    }
    input[type=radio]:checked+label::before{
        border: 3px solid #000;
        box-sizing: border-box;
    }
    input[type=radio]{
        display: none;
    }

    .bakudan1 {
        /* アニメーションの長さ */
        /*animation:bakudan1a 1000ms linear,bakudan1aa 500ms linear alternate;*/
        /*animation-iteration-count: 5;*/
        animation:bakudan1a 1000ms linear infinite,bakudan1aa 500ms linear alternate infinite ;
    }

    @keyframes bakudan1a {
        0%,100% {transform: scale(1);}
        30% {transform: scale3d(1.02,1.03,1.02);}
        60% {transform: scale3d(1);}
        90% {transform: scale3d(0.95,0.85,0.95);}
    }
    @keyframes bakudan1aa {
        0% {filter: contrast(100%);}
        100% {filter: contrast(150%);}
    }

    .bakudan2 {
        /* アニメーションの長さ */
        /*animation:*/
        /*        bakudan1b 1000ms linear forwards,*/
        /*        bakudan1a 1000ms ease 1000ms forwards,*/
        /*        bakudan1aa 500ms ease 1000ms alternate forwards;*/
        animation:bakudan1b 1000ms linear forwards;
    }

    @keyframes bakudan1b {
        0% {transform:translateX(0px) translateY(-100px) scale(1);}
        30% {transform:translateX(0px) translateY(0px) scale(0.96,1.04);}
        60% {transform:translateX(0px) translateY(-30px) scale(1);}
        90% {transform:translateX(0px) translateY(0px) scale(1.03,0.9);}
        100% {transform: scale(1);}
    }

    .doukasenhibana1 {
        /* アニメーションの長さ */
        animation:doukasenhibana1a 200ms linear alternate;
        animation-iteration-count: 13;
    }

    @keyframes doukasenhibana1a {
        0% {filter: contrast(50%) brightness(200%);}
        100% {filter: contrast(150%) brightness(300%);}
    }

    .bakuhatusenkou1 {
        /* アニメーションの長さ */
        animation:bakuhatusenkou1a 50ms linear forwards;
    }

    @keyframes bakuhatusenkou1a {
        0% {transform:scale(0,0);}
        100% {transform:scale(1,1);}
    }

    .bakuhatusenkou2 {
        /* アニメーションの長さ */
        animation:bakuhatusenkou2a 1000ms linear forwards;
    }

    @keyframes bakuhatusenkou2a {
        0% {filter: opacity(0%);}
        10% {filter: opacity(100%);}
        20% {filter: opacity(0%);}
        30% {filter: opacity(100%);}
        40% {filter: opacity(0%);}
        50% {filter: opacity(100%);}
        60% {filter: opacity(0%);}
        70% {filter: opacity(100%);}
        80% {filter: opacity(0%);}
        90% {filter: opacity(100%);}
        100% {filter: opacity(100%);}
    }

    .bakuenA {
        /* アニメーションの長さ */
        animation:bakuenA1 100ms linear alternate;
        animation-iteration-count: 5;
    }

    @keyframes bakuenA1 {
        0% {filter: hue-rotate(0deg) invert(0%) blur(0px) contrast(100%);}
        100% {filter: hue-rotate(30deg) invert(10%) blur(10px) contrast(150%);}
    }

    .paidZoomIn {
        animation: paidZoomIn 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
    }

    @keyframes paidZoomIn {
        0% {
            transform: scale(0.5);
            opacity: 0;
        }
        50% {
            opacity: 1;
            transform: scale(1);
        }
        100% {
            opacity: 0;
        }
    }