@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Lobster&display=swap";@font-face{font-family:"Jost";src:url("/font/Jost-Black.ttf");font-optical-sizing:auto;font-weight:900;font-display:swap}@font-face{font-family:"Jost";src:url("/font/Jost-Bold.ttf");font-optical-sizing:auto;font-weight:700;font-display:swap}@font-face{font-family:"Jost";src:url("/font/Jost-SemiBold.ttf");font-optical-sizing:auto;font-weight:600;font-display:swap}@font-face{font-family:"Jost";src:url("/font/Jost-Regular.ttf");font-optical-sizing:auto;font-weight:400;font-display:swap}body{color:#fcf6f6;font-size:60px;background-color:hsl(0,0%,17%);padding-top:0;margin-top:0}@media(max-width: 991px){body{font-size:6vw}}.c-download{background-image:url(/img/download.png?v=1029)}.middleBox{max-width:1120px;display:block;margin:0 auto;position:relative}img{-o-object-fit:cover;object-fit:cover}.header-title{max-width:100%;display:flex;background-image:url(/img/event/FortuneShake/bgTop.jpg);width:100%;left:0;max-height:108px;justify-content:center;height:108px;position:fixed;z-index:100}.header-title .middleBox{position:relative;width:100%;display:flex;justify-content:space-between;max-width:1006px}.header-title .middleBox a{align-items:center}.header-title .middleBox .logo{position:relative;top:15px;width:280px}#footer{background-color:rgba(0,0,0,0);padding-bottom:60px;position:relative;z-index:11;background-color:#5c051a}#footer-termNav{padding-bottom:12px}#main{background:none;padding-bottom:0;padding-top:108px}#Modal-Login .logo{background-image:url(/img/logo-casinonia.png);background-position:center;background-repeat:no-repeat;background-size:100% auto;width:84%;padding-bottom:44%;margin-left:auto;margin-right:auto;filter:drop-shadow(0 0 15px #000)}#mainTop{position:relative}#mainTop::after{content:"";background-color:#2f0168;position:absolute;width:100%;height:657px;top:0;z-index:-1}#mainTop .bg{position:relative}#mainTop .bg img{position:relative;display:block;height:716px;margin:0 auto}#mainTop .fortune{position:absolute;top:3%;left:50%;transform:translateX(-50%)}#mainTop .fortune img{animation:shineing .3s ease infinite alternate}#mainTop .shake{position:absolute;top:24.4%;left:50%;transform:translateX(-50%);z-index:5}#mainTop .shake img{animation:scale_Shake 1.2s ease infinite alternate}#mainTop .shakeHand{position:absolute;left:50%;bottom:12%;margin-left:126px;z-index:3}#mainTop .shakeHand img{animation:handrotate_ 1s ease infinite alternate}#mainTop .text{position:absolute;bottom:8%;text-align:center;font-size:27px;left:50%;color:#2f0168;transform:translateX(-50%);text-transform:uppercase;z-index:8;animation:scale_ 2s ease infinite alternate}#mainTop .text .slogan{position:relative}#mainTop .text .date{position:relative;color:#5c28a8;font-size:20px;margin-top:15px}#draw{position:relative;margin-top:-62px;overflow:hidden}#draw::after{content:"";background-image:url(/img/event/FortuneShake/drawBg.png);position:absolute;right:50%;margin-right:959px;width:15vw;top:0;height:100%;transform:rotateY(180deg);background-position:left}#draw::before{content:"";background-image:url(/img/event/FortuneShake/drawBg.png);position:absolute;left:50%;margin-left:960px;width:15vw;top:0;height:100%;transform:rotateY(180deg);background-position:right}#draw .bg{position:relative}#draw .bg img{position:relative;display:block;height:1080px;margin:0 auto}#draw .name{position:absolute;font-family:Lobster,sans-serif;top:108px;left:50%;transform:translateX(-50%);font-size:75px;-webkit-text-stroke:#9b13b9;-webkit-text-stroke-width:1px;font-style:italic}#draw .name.hidden{opacity:0;transition:all .5s ease}#draw .secret{position:absolute;top:198px;z-index:10;left:50%;margin-left:-480px}#draw .secret img{position:relative}#draw .secret.hidden{opacity:0;transition:all .5s ease}#draw .drawButton{position:absolute;bottom:117px;left:50%;transform:translateX(-50%);cursor:pointer;transition:all .3s ease;z-index:22}#draw .drawButton::after{content:"";background-image:url(/img/event/FortuneShake/drawPress.png);position:absolute;width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;opacity:0;transition:all .3s ease}#draw .drawButton.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all .5s ease}#draw .drawButton:hover{filter:brightness(1.3)}#draw .drawButton:focus::after,#draw .drawButton:active::after{opacity:1}#mainDraw{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);width:1030px;height:860px;z-index:20}#mainDraw .shakeHand{position:absolute;bottom:-1%;left:50%;width:1000px;transform:translateX(-50%);z-index:10}#mainDraw .shakeHand img{animation:moving_card 2.5s ease infinite alternate}#mainDraw .shakeHand.hidden{opacity:0;visibility:hidden;transition:all .3s ease 1s}#mainDraw .light{position:absolute;bottom:12%;left:50%;width:1000px;transform:translateX(-50%)}#mainDraw .light img{animation:rotate_ 20s linear infinite alternate}#mainDraw .light.hidden{opacity:0;visibility:hidden;transition:all .3s ease 1s}#mainDraw .finalImg{position:absolute;width:100%;height:100%;text-align:center;z-index:10;opacity:0;pointer-events:none;transform:scale(0.5) translateY(20%);transition:all .5s ease}#mainDraw .finalImg img{display:block;margin:0 auto;animation:moving_ 2.5s ease infinite alternate}#mainDraw .finalImg.show{opacity:1;transform:scale(1) translateY(0%);pointer-events:all;transition:all .5s ease 1.4s}#mainDraw .finalCard{position:absolute;width:100%;height:100%;text-align:center;top:15px;z-index:11;opacity:0;transform:translateY(20%);pointer-events:none}#mainDraw .finalCard.show{opacity:1;pointer-events:all;transition:all 1s ease;transform:translateY(0)}#mainDraw .finalCard a{display:block;width:100%;height:100%;position:relative}#mainDraw .finalCard img{display:block;width:100%;height:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain}#mainDraw .finalCard span{position:absolute;display:block;font-size:22px;text-align:center;width:100%;bottom:-20px;text-shadow:2px 2px 5px rgba(0,0,0,.6784313725);text-transform:uppercase}#howToWin{position:relative;margin-top:0;background-image:url(/img/event/FortuneShake/bg.jpg);height:1295px;z-index:10}#howToWin .bg{position:absolute;left:50%;margin-top:-55px;transform:translateX(-50%);overflow:hidden;width:100%;filter:drop-shadow(-3px -6px 2px #300169)}#howToWin .bg img{position:relative;display:block;height:1287px;margin:0 auto}#howToWin .bg .balloon{position:absolute;top:178px;pointer-events:none;animation:moving_ 1s ease infinite alternate}#howToWin .title{position:relative;margin:0 auto;display:block;text-align:center;padding:15px 0}#howToWin .title img{position:relative;margin:0 auto}#howToWin .list{position:relative;max-width:1150px;margin:-18px auto 0;display:block;font-size:30px;text-align:center}#howToWin .list .box{position:relative;background-position:center;background-repeat:no-repeat;height:206px;margin-bottom:55px;background-image:url(/img/event/FortuneShake/listbg.png);display:flex;align-items:center}#howToWin .list .box:last-child{margin-bottom:0}#howToWin .list .box:nth-child(2) .img{background-position:0 33%}#howToWin .list .box:nth-child(3) .img{background-position:0 66%}#howToWin .list .box:nth-child(3) .btn{background-image:url(/img/event/FortuneShake/btnOrg.png)}#howToWin .list .box:nth-child(4) .img{background-position:0 100%;height:269px}#howToWin .list .box:nth-child(4) .btn{background-image:url(/img/event/FortuneShake/btnBlue.png)}#howToWin .list .box .img{position:relative;background-image:url(/img/event/FortuneShake/howIcon3.png?v=1);width:393px;height:258px;top:-19px;left:-13px}#howToWin .list .box .memo{position:relative;width:300px;line-height:1.3;margin:0 18px}#howToWin .list .box .btn{position:relative;color:#fff;background-image:url(/img/event/FortuneShake/btnGreen.png);width:366px;height:122px;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-weight:900;margin-right:80px;filter:brightness(1);transition:all .3s ease}#howToWin .list .box .btn:hover{filter:brightness(1.35)}#appBlock{position:relative;height:540px;margin-top:-63px;z-index:11;display:flex;overflow:hidden;align-items:center}#appBlock .bg{position:absolute;width:100%;height:100%}#appBlock .bg img{position:absolute;display:block;margin:0 auto;width:100%;height:100%;bottom:0}#appBlock .app{display:flex;position:relative;z-index:10;max-width:1020px;align-items:center;margin:0 auto 90px;font-size:43px}#appBlock .app .icon{display:block;height:280px;min-width:304px;position:relative}#appBlock .app .icon img{display:block;width:851px;max-width:none;position:absolute;left:48%;transform:translate(-50%, -50%);top:50%}@media(max-width: 991px){#appBlock .app .icon img{left:50%}}#appBlock .app .info{width:100%;display:block;position:relative;z-index:10}#appBlock .app .info .text{font-style:italic;display:block;font-family:"Jost",sans-serif;font-weight:800;text-shadow:0px 0px 10px #000}#appBlock .app .info .btn{display:flex;align-items:center;margin-top:20px;width:82%}#appBlock .app .info .btn a{display:block;padding-bottom:14%;margin-right:30px;margin-bottom:0;border-radius:8px}#appBlock .app .info .btn a:last-child{margin-right:0}#notice{position:relative;margin-top:-120px;background-image:url(/img/event/FortuneShake/bg.jpg);z-index:10;padding-top:100px}#notice .info{display:block;position:relative;z-index:10;max-width:1020px;margin:0 auto;align-items:center;font-size:18px;padding:50px 0}#notice .info .title{font-size:35px;text-align:center;margin-bottom:20px}#notice .info .text{line-height:1.3}.footer{max-width:100%;display:flex;width:100%;left:0;max-height:108px;justify-content:center;height:108px;position:relative;z-index:100}.footer::after{content:"";background-image:url(/img/event/FortuneShake/bgDown.jpg);position:absolute;width:100%;height:100%}.footer .middleBox{position:relative;z-index:10;display:flex;align-items:center}.footer .middleBox a{margin:0 24px}.footer .middleBox a img{height:45px;width:auto}.footer .middleBox a.logo img{height:68px}.bottomTime,.mobileOnly{display:none}@keyframes shineing{0%{filter:brightness(1)}100%{filter:brightness(1.3)}}@keyframes scale_Shake{0%{transform:scale(0.9)}50%,100%{transform:scale(1)}}@keyframes moving_{0%{transform:translateY(0)}100%{transform:translateY(10px)}}@keyframes moving_card{0%{transform:translateY(0) rotate(-6deg) scale(0.95)}100%{transform:translateY(10px) rotate(0deg) scale(1)}}@keyframes scale_{0%{transform:translateX(-50%) scale(0.85)}100%{transform:translateX(-50%) scale(1)}}@keyframes handrotate_{0%{transform:rotate(0)}100%{transform:rotate(5deg)}}@keyframes rotate_{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width: 1500px){#notice .info{max-width:65vw}#appBlock .app{max-width:70vw}#howToWin .list{font-size:24px;padding-right:130px}#howToWin .list .box{padding-right:50px;justify-content:space-between;background-size:100%}#howToWin .list .box:nth-child(4) .img{height:205px}#howToWin .list .box .img{width:300px;background-size:100%;height:195px}#howToWin .list .box .btn{width:270px;background-size:100%;height:88px;margin-right:0}}@media(max-width: 1199px){#mainTop .text{font-size:22px;animation:scale_ 1.2s ease infinite alternate}#mainTop .text .date{font-size:18px}#mainTop .shakeHand{width:16%;margin-left:104px;bottom:13%}#mainTop .bg img{height:570px}#mainTop .fortune{max-width:475px}#mainTop .shake{max-width:515px}#draw .bg img{height:690px}#draw .name{font-size:40px;top:48px}#draw .secret{width:200px;margin-left:0;left:21%;top:108px}#draw .drawButton{width:18vw;bottom:10%}#draw .drawButton::after{background-size:100% 100%}#mainDraw{width:880px;height:100%;bottom:0}#mainDraw .shakeHand{bottom:6%;left:50%;width:100%;height:90%}#mainDraw .shakeHand img{-o-object-fit:contain;object-fit:contain;height:100%;margin:0 auto;display:block}#mainDraw .light{width:100%;height:100%}#mainDraw .light img{-o-object-fit:contain;object-fit:contain;width:100%;height:75%;display:block;top:18%;position:relative}#mainDraw .finalImg img{-o-object-fit:contain;object-fit:contain;height:85%;top:5%;position:relative}#mainDraw .finalCard{top:5%;height:86%}#mainDraw .finalCard span{font-size:16px}#howToWin{height:780px}#howToWin .bg{margin-top:-45px}#howToWin .bg img{height:780px}#howToWin .list{padding-right:0;width:620px;font-size:18px}#howToWin .list .box{height:125px;padding-right:12px;margin-bottom:30px}#howToWin .list .box .img{width:400px;background-size:100%;height:150px;top:-7px;left:-38px}#howToWin .list .box:nth-child(4) .img{height:154px}#howToWin .list .box .btn{width:380px;background-size:100%;height:72px;margin-right:0}#howToWin .list .box .memo{margin-left:-24px}#howToWin .title{width:270px;top:-16px;margin-bottom:0;padding-bottom:0}#appBlock{height:422px}#appBlock .app{max-width:70vw;font-size:30px}#appBlock .app .icon{min-width:22vw}#appBlock .app .icon img{width:62vw}#appBlock .app .info .btn a{padding-bottom:52px}#notice .info{max-width:70vw}.header-title{height:77px;background-size:auto 100%}.header-title .middleBox{max-width:90%}.header-title .middleBox a img{max-width:58px}.header-title .middleBox .logo{position:relative;top:0;width:auto;align-items:baseline}.header-title .middleBox .logo img{max-width:200px}#main{padding-top:77px}@keyframes scale_{0%{transform:translateX(-50%) scale(0.95)}100%{transform:translateX(-50%) scale(1)}}}@media(max-width: 991px){#notice .info{max-width:85vw}#appBlock .app{max-width:85vw}#mainTop .shake{width:65%}#mainTop .fortune{width:60%}}@media(max-width: 767px){#mainTop .bg img{max-height:none;width:100%;height:auto}.header-title{height:60px;top:0}.header-title .middleBox .logo{top:5px}.header-title .middleBox a img{max-width:40px}.header-title .middleBox .logo img{max-width:170px}#main{padding-top:60px;padding-bottom:0}#mainTop{overflow:hidden}#mainTop .fortune{width:86%;top:3.5%}#mainTop .text{font-size:4vw;color:#000;top:95vw;bottom:auto}#mainTop .text .date{display:none}#mainTop .shake{top:25%;z-index:5;width:96%}#mainTop .shake img{margin:0 auto;display:block}#mainTop .shakeHand{width:33%;margin-left:0;bottom:27%;left:auto;right:-2%}#mainTop .go{position:absolute;bottom:14%;width:31%;left:50%;transform:translateX(-50%);z-index:10}#howToWin{overflow:hidden}#mainDraw{width:100%}#mainDraw .finalImg img{height:auto;top:25%;left:-10vw;position:absolute;width:120vw;max-width:200vw}#mainDraw .finalCard{top:25px;height:auto;width:110vw;max-width:200vw;left:-5vw}#mainDraw .finalCard span{font-size:5.2vw;bottom:-3vw}#draw.showCard::after{opacity:0;pointer-events:none}#draw.showCard .goHow{opacity:1;pointer-events:all}#draw .goHow{position:absolute;background-image:url(/img/event/FortuneShake/gonext.png);bottom:2vw;z-index:100;width:100%;height:10vw;background-repeat:no-repeat;background-position:center;background-size:auto 100%;opacity:0;pointer-events:none;transition:all .3s ease}#draw .mobileTip{content:"";background-image:url(/img/event/FortuneShake/reveal.png);width:100%;height:100%;z-index:99;left:0;top:0;position:absolute;transform:none;background-color:rgba(0,0,0,.5098039216);background-size:contain;background-repeat:no-repeat;background-position:center}#draw .mobileTip.hidden{opacity:0;transition:all .3s ease;pointer-events:none}#draw::after{position:absolute;background-image:url(/img/event/FortuneShake/greenbtn.png);bottom:0;width:100%;right:auto;margin:0;background-repeat:no-repeat;background-position:bottom;background-size:100%;transition:all .5s ease}#draw::before{display:none}#draw .drawButton{display:none}#draw .shakeHand{bottom:4%;left:50%;width:180vw;height:153vw}#draw .bg img{height:197vw}#draw .name{font-size:10vw;top:5%;width:100%;left:auto;transform:none;text-align:center}#draw .secret{width:44%;margin-left:0;left:2%;top:15%}.footer{position:fixed;bottom:0;height:55px}.footer::after{background-size:auto 100%}.footer .middleBox a{margin:0 13px}.footer .middleBox a img{height:24px}.footer .middleBox a.logo img{height:40px}.bottomTime{position:fixed;background-image:url(/img/event/FortuneShake/time.png);width:100%;background-repeat:no-repeat;height:10vw;bottom:0;z-index:107;display:flex;align-items:flex-end;font-size:3.6vw;text-align:center;background-size:auto 100%;background-position:center;padding-bottom:1px}.bottomTime::after{content:"";background-color:#8d0e2b;position:absolute;width:431px;height:9px;bottom:-8px;left:50%;transform:translateX(-50%);border-radius:20px}.bottomTime .date{display:block;width:100%}.mobileOnly{display:block}#draw{margin-top:0}#notice{background-size:300vw;margin-top:0;padding-top:0;padding-bottom:10vw}#notice .info{font-size:4vw}#notice .info .title{font-size:6vw;margin-bottom:3vw}#appBlock{height:auto;margin-top:0;background-image:url(/img/event/FortuneShake/bg.jpg);background-size:300vw}#appBlock .bg img{height:auto;bottom:auto;top:0}#appBlock .app{display:block;text-align:center;font-size:6vw;margin-bottom:0}#appBlock .app .icon{min-width:22vw;height:45vw;margin-top:6vw}#appBlock .app .icon img{width:100vw;max-width:600px}#appBlock .app .info .btn{margin-top:6vw;width:100%}#appBlock .app .info .btn a{padding-bottom:12vw;margin-right:4vw}#howToWin{height:auto;padding-bottom:10vw}#howToWin .bg{margin-top:0;top:auto;bottom:0;height:100%;background-image:url(/img/event/FortuneShake/howBgIcon.png);background-size:contain}#howToWin .bg img{height:auto}#howToWin .bg .howbg{position:absolute;bottom:0}#howToWin .bg .balloon{position:absolute;top:0%;animation:none}#howToWin .title{top:0;width:75%;margin-top:20px}#howToWin .list{margin-top:0;width:100%}#howToWin .list .box:nth-child(4) .img{height:31vw}#howToWin .list .box{display:block;height:auto;width:80%;margin:0 auto 30px;background:none}#howToWin .list .box .img{width:45vw;height:29vw;left:50%;transform:translateX(-50%);z-index:10}#howToWin .list .box .btn{width:45vw;height:15vw;left:50%;transform:translateX(-50%);z-index:10;margin-top:-5vw;font-size:3.5vw}#howToWin .list .box .memo{border-radius:84px;margin:0 auto;text-align:center;border:2px solid #8d60d5;padding:8vw 22px;background-color:rgba(0,0,0,.51);font-size:4.2vw;margin-top:-6vw;width:90%}}/*# sourceMappingURL=fortune-shake.css.map */