body{background-color:#1b1b1b}.contents{position:relative;height:100%;padding-top:15rem;padding-bottom:7.5rem;background-color:#000}@media screen and (max-width: 767px){.contents{padding-top:20vw;padding-bottom:10vw}}@media screen and (max-height: 767px)and (orientation: landscape){.contents{height:calc(100vh - 7vw);padding-top:7vw;padding-bottom:0}}.neon{position:absolute;left:0;top:15rem;width:100%;height:calc(100% - 15rem);display:block;z-index:0;background-image:linear-gradient(135deg, #a061b0, #8eb1d4, #b7c38c)}.neon::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url("../images/omikuji/bg-stage.png") repeat center top;background-size:5.5rem auto}@media screen and (max-width: 767px){.neon{top:20vw;height:calc(100vh - 20vw)}.neon::after{background-size:7.3vw auto}}@media screen and (max-height: 767px)and (orientation: landscape){.neon{top:9rem;height:calc(100% - 9rem)}.neon::after{background-size:3.8vw auto}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.neon{top:8vw;height:calc(100% - 8vw)}.neon::after{background-size:3.5vw auto}}.stage{position:absolute;left:0;top:25rem;width:100%;height:calc(100% - 25rem - .6rem);display:block;z-index:1;background:url("../images/index/bg-brick.png") repeat center top;background-size:5.5rem auto;border-top:.6rem solid #bdd9e9}.stage::after{content:"";position:absolute;display:block;height:100%;width:100%;border-top:.6rem solid #d07be5;top:-1.2rem;z-index:-1}@media screen and (max-width: 767px){.stage{top:33vw;height:calc(100vh - 33vw - .8vw);border-top:.8vw solid #bdd9e9}.stage::after{border-top:.8vw solid #d07be5;top:-1.4vw}}@media screen and (max-height: 767px)and (orientation: landscape){.stage{height:calc(100% - 14rem - .5rem);width:92%;top:14rem;left:50%;transform:translateX(-50%);border-top:.5rem solid #bdd9e9;border-left:.5rem solid #bdd9e9;border-right:.5rem solid #bdd9e9}.stage::after{width:calc(100% + 1rem);height:calc(100% + .5rem);border-top:.5rem solid #d07be5;border-left:.5rem solid #d07be5;border-right:.5rem solid #d07be5;top:-1rem;left:-1rem}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.stage{height:calc(100% - 14vw - .3vw);top:14vw;border-top:.4vw solid #bdd9e9;border-left:.4vw solid #bdd9e9;border-right:.4vw solid #bdd9e9}.stage::after{width:calc(100% + .5vw);height:calc(100% + .2vw);border-top:.4vw solid #d07be5;border-left:.4vw solid #d07be5;border-right:.4vw solid #d07be5;top:-0.5vw;left:-0.5vw}}.shrine{position:relative;z-index:2;width:65.3rem;margin:-15rem auto 0}.shrine img{width:100%}@media screen and (max-width: 767px){.shrine{width:87.0666666667vw;margin:-20vw auto 0}}@media screen and (max-height: 767px)and (orientation: landscape){.shrine{width:46%;margin:-7vw auto 0}}.links{margin-top:7.5rem;display:flex;gap:4.5rem;justify-content:center;align-items:center}@media screen and (max-width: 767px){.links{margin-top:10vw;gap:6vw}}@media screen and (max-height: 767px)and (orientation: landscape){.links{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:3vh;width:90%;margin-top:0;gap:4%}}.back,.share{position:relative;width:30rem;height:11rem;z-index:2;background:url("../images/omikuji/btn-link.png") no-repeat center center;background-size:100% auto}.back img,.share img{position:absolute;display:block;top:28%;left:50%;transform:translateX(-50%);width:17.4rem;height:3.5rem}.back:hover,.share:hover{transform:translateY(5%)}@media screen and (max-width: 767px){.back,.share{width:40vw;height:14.6666666667vw}.back img,.share img{width:23.2vw;height:4.6666666667vw}.back:hover,.share:hover{transform:none}}@media screen and (max-height: 767px)and (orientation: landscape){.back,.share{width:20%;height:7vw}.back img,.share img{top:2.1vw;width:63%;height:auto}.back:hover,.share:hover{transform:none}}.omikuji{position:relative;z-index:3;display:flex;align-items:center;flex-direction:column;margin:-14.25rem auto 0;width:56rem;background-color:#fff5e4;border:.6rem solid #827062}.omikuji::after{content:"";position:absolute;display:block;width:calc(100% - 3rem);height:calc(100% - 3rem);border:.6rem solid #827062;top:.9rem;left:.9rem;z-index:-1}@media screen and (max-width: 767px){.omikuji{margin:-19vw auto 0;width:74.6666666667vw;border:.8vw solid #827062}.omikuji::after{width:calc(100% - 5.3vw);height:calc(100% - 5.3vw);border:.8vw solid #827062;top:2vw;left:2vw}}@media screen and (max-height: 767px)and (orientation: landscape){.omikuji{width:76%;height:clamp(16rem,20vh,30rem);margin:-10vw auto 0;padding:4%;border:.4rem solid #827062}.omikuji::after{width:calc(100% - 3rem);height:calc(100% - 3rem);border:.3rem solid #827062;top:1.2rem;left:1.2rem}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.omikuji{height:clamp(16rem,20vh,30rem);margin-top:clamp(-12rem,-20vw,-5rem);border:.4rem solid #827062}.omikuji::after{width:calc(100% - 2.5rem);height:calc(100% - 2.5rem);border:.3rem solid #827062;top:.95rem;left:.95rem}}.result{position:relative;width:44rem;margin:12rem auto}.result img{width:27.8rem}.result::before,.result::after{content:"";position:absolute;display:block;width:100%;top:0}.result::before{height:calc(100% + 5.85rem);border-top:.6rem solid #827062;border-bottom:.6rem solid #827062;top:-3.68rem;z-index:-1}.result::after{height:calc(100% + 7.8rem);border-top:1.1rem solid #827062;border-bottom:1.1rem solid #827062;top:-5.2rem;z-index:-1}@media screen and (max-width: 767px){.result{width:58.6666666667vw;margin:16vw auto}.result img{width:37.0666666667vw}.result::before{height:calc(100% + 7.8vw);border-top:.8vw solid #827062;border-bottom:.8vw solid #827062;top:-4.9vw}.result::after{height:calc(100% + 10.2vw);border-top:1.4vw solid #827062;border-bottom:1.4vw solid #827062;top:-6.7vw}}@media screen and (max-height: 767px)and (orientation: landscape){.result{margin-top:0;position:absolute;top:50%;right:5.5%;transform:translateY(-50%);height:75%;width:20%}.result img{width:7.5vw;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.result::before,.result::after{content:"";position:absolute;display:block;height:100%;top:0;left:50%;transform:translateX(-50%)}.result::before{width:80%;border-top:none;border-bottom:none;border-left:clamp(.1rem,.4vw,.3rem) solid #827062;border-right:clamp(.1rem,.4vw,.3rem) solid #827062}.result::after{width:90%;border-top:none;border-bottom:none;border-left:clamp(.1rem,.7vw,.53rem) solid #827062;border-right:clamp(.1rem,.7vw,.53rem) solid #827062}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.result{height:80%}.result img{width:9vw}}@media screen and (max-height: 767px)and (orientation: landscape){.message{position:absolute;top:4.5rem;left:3rem;width:63%;height:100%}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.message{top:6vw;left:4.5vw}}.serif{position:relative;width:64.4rem;height:23.6rem;min-height:5em;margin:0 auto;background-color:#fff;border-left:.5rem solid #000;border-right:.5rem solid #000}.serif p{position:absolute;display:block;width:calc(100% - 6rem);height:fit-content;top:50%;left:calc(50% - 3rem);transform:translate(-50%, -80%);margin:3rem;font-size:clamp(1.2rem,4vw,3rem);font-family:"dotgothic16",sans-serif;line-height:1.2;color:#000}.serif::before,.serif::after{content:"";position:absolute;display:block;width:65.4rem;left:50%;transform:translateX(-50%)}.serif::before{top:-1rem;height:1.5rem;background:url("../images/omikuji/balloon-top.png") no-repeat center center;background-size:100% auto}.serif::after{bottom:-4rem;height:4rem;background:url("../images/omikuji/balloon-bottom_sp.png") no-repeat center center;background-size:100% auto}@media screen and (max-width: 767px){.serif{width:86vw;height:31.4666666667vw;border-left:.8vw solid #000;border-right:.8vw solid #000}.serif p{width:calc(100% - 8vw);left:calc(50% - 4vw);margin:4vw}.serif::before,.serif::after{width:87.2vw}.serif::before{top:-1.3333333333vw;height:2vw}.serif::after{bottom:-5.3333333333vw;height:5.3333333333vw}}@media screen and (max-height: 767px)and (orientation: landscape){.serif{position:absolute;top:0;width:100%;height:50%;background-color:#fff;border-left:.3rem solid #000;border-right:.3rem solid #000}.serif p{position:absolute;display:block;width:90%;height:fit-content;margin:0;top:50%;left:50%;transform:translate(-50%, -57%);font-size:clamp(1.4rem,1.8666666667vw,2.4rem)}.serif::before,.serif::after{width:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.serif::before{top:-1.1vw;height:1.5vw;background:url("../images/omikuji/balloon-top.png") no-repeat center center;background-size:100% auto}.serif::after{bottom:-3.4vw;height:4vw;background:url("../images/omikuji/balloon-bottom_ls.png") no-repeat center center;background-size:100% auto}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.serif{height:calc(100vh - 40vw);border-left:.5vw solid #000;border-right:.5vw solid #000}.serif::before,.serif::after{width:calc(100% + .8vw)}}.voice{position:absolute;right:2.25rem;bottom:-4rem;z-index:2;width:19rem}.voice img{width:100%}@media screen and (max-width: 767px){.voice{right:3vw;bottom:-6vw;width:25.3333333333vw}}@media screen and (max-height: 767px)and (orientation: landscape){.voice{right:-4%;bottom:-3vw;width:26%}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.voice{bottom:-4vw}}.chara{width:15.2rem;height:8.7rem;margin:7.5rem auto 16.5rem;padding-right:6%;z-index:2;animation:sd 1s infinite}.chara img{width:100%}@media screen and (max-width: 767px){.chara{width:20.2666666667vw;height:11.6vw;margin:10vw auto 22vw}}@media screen and (max-height: 767px)and (orientation: landscape){.chara{position:absolute;margin:0;padding:0;left:4%;bottom:3rem;width:30%}}@media screen and (max-width: 767px)and (max-height: 767px)and (orientation: landscape){.chara{bottom:4vw}}@keyframes sd{0%{transform:translateY(0)}49%{transform:translateY(0)}50%{transform:translateY(3%)}99%{transform:translateY(3%)}100%{transform:translateY(0)}}