@charset "UTF-8";*{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.bg-wrap{width:100vw;height:100vh;position:fixed;background:linear-gradient(45deg,#cdc5301a 25%,transparent 25%,transparent 75%,#cdc5301a 75%),linear-gradient(45deg,#cdc5301a 25%,transparent 25%,transparent 75%,#cdc5301a 75%);background-color:#ffffff89;background-size:100px 100px;background-position:0 0,50px 50px}@media screen and (max-width: 576px){.bg-wrap .bg-wrap{width:100vw!important;height:100vh!important}}.bg-wrap:after{content:"";display:block;background-image:url(/cdn/shop/files/omikuji-bg.png?v=1673599733);width:100vw;height:100vh;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 576px){.bg-wrap:after{width:100vw;height:100vh;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}}.sakura{position:absolute;padding:0;margin:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sakura li{position:absolute;list-style:none;top:-100px;background:#ffdbed;border-radius:0% 70%;-webkit-animation:fall 4s linear infinite,sway 2s ease-in-out infinite alternate;animation:fall 4s linear infinite,sway 2s ease-in-out infinite alternate}.sakura li:nth-child(1){left:0%;width:24px;height:15px;-webkit-animation:fall 11s linear infinite,sway1 3s ease-in-out infinite alternate;animation:fall 11s linear infinite,sway1 3s ease-in-out infinite alternate;-webkit-animation-delay:0;animation-delay:0}.sakura li:nth-child(2){left:5%;width:13px;height:9px;-webkit-animation:fall 15s linear infinite,sway1 2s ease-in-out infinite alternate;animation:fall 15s linear infinite,sway1 2s ease-in-out infinite alternate;-webkit-animation-delay:8s;animation-delay:8s}.sakura li:nth-child(3){left:15%;width:16px;height:10px;-webkit-animation:fall 9s linear infinite,sway1 3.5s ease-in-out infinite alternate;animation:fall 9s linear infinite,sway1 3.5s ease-in-out infinite alternate;-webkit-animation-delay:13s;animation-delay:13s}.sakura li:nth-child(4){left:30%;width:16px;height:10px;-webkit-animation:fall 8s linear infinite,sway2 4s ease-in-out infinite alternate;animation:fall 8s linear infinite,sway2 4s ease-in-out infinite alternate;-webkit-animation-delay:7s;animation-delay:7s}.sakura li:nth-child(5){left:40%;width:16px;height:10px;-webkit-animation:fall 10s linear infinite,sway1 4s ease-in-out infinite alternate;animation:fall 10s linear infinite,sway1 4s ease-in-out infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.sakura li:nth-child(6){left:55%;width:24px;height:15px;-webkit-animation:fall 11s linear infinite,sway2 3s ease-in-out infinite alternate;animation:fall 11s linear infinite,sway2 3s ease-in-out infinite alternate;-webkit-animation-delay:3s;animation-delay:3s}.sakura li:nth-child(7){left:65%;width:16px;height:10px;-webkit-animation:fall 7s linear infinite,sway2 3.5s ease-in-out infinite alternate;animation:fall 7s linear infinite,sway2 3.5s ease-in-out infinite alternate;-webkit-animation-delay:7s;animation-delay:7s}.sakura li:nth-child(8){left:50%;width:13px;height:9px;-webkit-animation:fall 7s linear infinite,sway1 3s ease-in-out infinite alternate;animation:fall 7s linear infinite,sway1 3s ease-in-out infinite alternate;-webkit-animation-delay:3s;animation-delay:3s}.sakura li:nth-child(9){left:80%;width:16px;height:10px;-webkit-animation:fall 10s linear infinite,sway2 4s ease-in-out infinite alternate;animation:fall 10s linear infinite,sway2 4s ease-in-out infinite alternate;-webkit-animation-delay:4s;animation-delay:4s}.sakura li:nth-child(10){left:85%;width:20px;height:16px;-webkit-animation:fall 10s linear infinite,sway2 4s ease-in-out infinite alternate;animation:fall 10s linear infinite,sway2 4s ease-in-out infinite alternate;-webkit-animation-delay:4s;animation-delay:4s}.sakura li:nth-child(11){left:55%;width:20px;height:16px;-webkit-animation:fall 15s linear infinite,sway2 7s ease-in-out infinite alternate;animation:fall 15s linear infinite,sway2 7s ease-in-out infinite alternate;-webkit-animation-delay:7s;animation-delay:7s}.sakura li:nth-child(12){left:40%;width:34px;height:25px;-webkit-animation:fall 15s linear infinite,sway1 3s ease-in-out infinite alternate;animation:fall 15s linear infinite,sway1 3s ease-in-out infinite alternate;-webkit-animation-delay:0;animation-delay:0}.sakura li:nth-child(13){left:80%;width:26px;height:15px;-webkit-animation:fall 18s linear infinite,sway1 4s ease-in-out infinite alternate;animation:fall 18s linear infinite,sway1 4s ease-in-out infinite alternate;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes fall{to{top:120%}}@keyframes fall{to{top:120%}}@-webkit-keyframes sway1{0%{-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}to{-webkit-transform:translateX(200px) rotate(-45deg);transform:translate(200px) rotate(-45deg)}}@keyframes sway1{0%{-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}to{-webkit-transform:translateX(200px) rotate(-45deg);transform:translate(200px) rotate(-45deg)}}@-webkit-keyframes sway2{0%{-webkit-transform:translateX(200px) rotate(-45deg);transform:translate(200px) rotate(-45deg)}to{-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}}@keyframes sway2{0%{-webkit-transform:translateX(200px) rotate(-45deg);transform:translate(200px) rotate(-45deg)}to{-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}}.content__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}.result__modal{z-index:100;width:100%;position:absolute;min-height:100%;background-color:#000000bd;display:none}.result__header{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:50px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1rem;z-index:103}.result__header a{text-decoration:none;color:#fff;font-weight:700;font-size:1rem;background:#1b263b;border-radius:50px;padding:5px 10px}.result__header a i{margin-left:10px}.result__area{position:relative;width:25%;height:auto;margin:50px auto;z-index:2}@media screen and (max-width: 1280px){.result__area{width:40%}}@media screen and (max-width: 576px){.result__area{width:80%}}.result__image{width:100%}.fade-in{-webkit-transform:translate3d(0,-300px,0);transform:translate3d(0,-300px,0);-webkit-transition:1s;transition:1s;opacity:0}.fade-in.animated{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.omikuji-box{position:relative;-webkit-animation-name:"upDown";animation-name:upDown;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.7s;animation-duration:.7s}.omikuji-box img{cursor:pointer;width:200px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}@media screen and (max-width: 576px){.omikuji-box img{width:150px}}.omikuji-box__result{position:absolute;background-color:#fff;width:18px;height:0;top:89.5%;-webkit-transform:rotate(170deg);transform:rotate(170deg);left:65%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;animation-duration:.3s}.omikuji-box__result--mark{background-color:#ff2424;height:20%}@media screen and (max-width: 576px){.omikuji-box__result{width:15px;top:88.9%;left:65%}}@-webkit-keyframes upDown{0%{-webkit-transform:translate(0,0px);transform:translate(0)}to{-webkit-transform:translate(0,-20px);transform:translateY(-20px)}}@keyframes upDown{0%{-webkit-transform:translate(0,0px);transform:translate(0)}to{-webkit-transform:translate(0,-20px);transform:translateY(-20px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(170deg);transform:rotate(170deg)}}@keyframes spin{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(170deg);transform:rotate(170deg)}}@-webkit-keyframes downUp{0%{-webkit-transform:translate(0,0px);transform:translate(0)}50%{-webkit-transform:translate(0,-300px);transform:translateY(-300px)}to{-webkit-transform:translate(0,0px);transform:translate(0)}}@keyframes downUp{0%{-webkit-transform:translate(0,0px);transform:translate(0)}50%{-webkit-transform:translate(0,-300px);transform:translateY(-300px)}to{-webkit-transform:translate(0,0px);transform:translate(0)}}@-webkit-keyframes result{0%{border:1px solid #989898;height:0%;left:61%;top:90%}to{border:1px solid #989898;height:30%;left:65%;top:89.5%}}@keyframes result{0%{border:1px solid #989898;height:0%;left:61%;top:90%}to{border:1px solid #989898;height:30%;left:65%;top:89.5%}}.ripple-effect{position:absolute;display:inline-block;border-radius:100%;background:#ffdbed;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:ripple-effect .75s cubic-bezier(0,0,0,1) backwards;animation:ripple-effect .75s cubic-bezier(0,0,0,1) backwards;pointer-events:none}@-webkit-keyframes ripple-effect{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ripple-effect{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}#particles-js{position:fixed;z-index:1;width:100%;height:100%}.cracker{position:fixed;width:600px;display:none;z-index:102;-webkit-animation:fadeIn .5s ease .5s 1 normal backwards;animation:fadeIn .5s ease .5s 1 normal backwards;bottom:10%}.cracker--left{left:10%}.cracker--right{right:10%}@media screen and (max-width: 1440px){.cracker{width:500px}.cracker--left{left:5%}.cracker--right{right:5%}}@media screen and (max-width: 576px){.cracker{width:250px}.cracker--left{left:2%}.cracker--right{right:2%}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/omikuji.css.map */