@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");body main{position:relative;background:linear-gradient(to bottom, #1a004c, #804000);padding-bottom:160px;overflow:hidden}@media screen and (max-width: 640px){body main{padding-bottom:100px}}body main::after{content:"";position:fixed;top:0;left:0;background:url(../images/tarot/bg.png) center top no-repeat;background-size:cover;width:100%;height:100%;z-index:-1;mix-blend-mode:overlay}@media screen and (max-width: 640px){body main::after{position:absolute;background-size:calc(2000 / 960 * 100%) auto}}body main *{font-family:"Noto Serif JP",serif;font-weight:600}body main section{position:relative}body main h1{position:relative;display:block;width:calc(620 / 1180 * 100%);padding:0;margin:0 auto;transition:width 0.3s}@media screen and (max-width: 640px){body main h1{width:calc(620 / 960 * 100%);margin-top:10vw}}@media screen and (min-width: 641px){body main h1.sp{width:calc(310 / 1180 * 100%)}}body main img{width:100%;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-webkit-touch-callout:none;pointer-events:none}body main p{position:relative;font-size:1.5em;line-height:1.5em;letter-spacing:0.1em;margin-top:2em;text-shadow:0 0 10px #000, 0 0 10px #000}body main a{letter-spacing:0.2em}body main a:hover{color:#fff}body main .btn{display:flex;justify-content:center;align-items:center;background:#000;width:calc(320 / 1180 * 100%);line-height:1em;padding:1em 1.5em;border:solid 2px #2b0080;border-radius:0.5em;box-sizing:border-box;margin:2em auto 0;box-shadow:inset 0 0 1em rgba(156,102,255,0.7)}@media screen and (max-width: 640px){body main .btn{width:calc(660 / 960 * 100%)}}body main #btnStop{position:relative;margin-top:5em;z-index:100}body main .btnList{display:flex;justify-content:center}@media screen and (max-width: 640px){body main .btnList{display:block}}body main .btnList li{width:calc(320 / 1180 * 100%)}@media screen and (max-width: 640px){body main .btnList li{width:calc(660 / 960 * 100%);margin:0 auto}}body main .btnList li+li{margin-left:calc(20 / 1180 * 100%)}@media screen and (max-width: 640px){body main .btnList li+li{margin:0 auto}}@media screen and (max-width: 640px){body main .btnList li+li .btn{margin-top:calc(40 / 960 * 100%)}}body main .btnList li .btn{width:100% !important}body main .btnList+.bnr{margin-top:calc(20 / 1180 * 100%)}@media screen and (max-width: 640px){body main .btnList+.bnr{margin-top:calc(40 / 960 * 100%)}}body main .linkSkip{display:inline-block;font-size:0.75em;line-height:1em;text-decoration:underline;margin-top:1em}@media screen and (max-width: 640px){body main .linkSkip{font-size:1em}}body main .bnr{position:relative;display:inline-block;margin:3em auto 0}body main .bnr::after{content:"";position:absolute;top:0;left:0;background:url(../images/tarot/blank.png);background-size:cover;width:100%;height:100%;opacity:0;z-index:100}body main #step02{padding:5em 0 0}body main #step02 #cardList{position:relative;margin-top:1.5em;pointer-events:none}body main #step02 #cardList ul{filter:drop-shadow(0px 0px 4px #ffea80);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:calc(658 / 1180 * 100%);padding:calc(226 / 1180 * 100% / 2) 0 0;margin:0 auto;z-index:1000;pointer-events:none;transition:opacity 0.3s 4.5s}@media screen and (max-width: 640px){body main #step02 #cardList ul{filter:drop-shadow(0px 0px 3px #ffea80)}}@media screen and (max-width: 640px){body main #step02 #cardList ul{left:0;width:100%;padding:calc((100% - 206 / 960 * 100%) / 4) 0 0;margin-left:0}}body main #step02 #cardList ul li{position:relative;width:calc(120 / 658 * 100%);padding-bottom:calc(206 / 658 * 100%);margin:0 calc(10 / 658 * 100%)}body main #step02 #cardList ul li:nth-child(n+5){margin-top:calc(-206 / 658 * 100%)}@keyframes shuffle00{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shuffle01{0%{left:50%}50%{left:-50%}100%{left:50%}}@keyframes shuffle03{0%{left:0%}50%{left:50%}100%{left:0%}}@keyframes shuffle04{0%{left:0%}50%{left:-50%}100%{left:0%}}body main #step02 #cardList ul li:nth-child(1){animation:shuffle00 2s linear infinite}body main #step02 #cardList ul li:nth-child(1) img{top:-75%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite}body main #step02 #cardList ul li:nth-child(2){animation:shuffle00 8s linear infinite reverse}body main #step02 #cardList ul li:nth-child(2) img{top:75%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(3){animation:shuffle00 8s linear infinite}body main #step02 #cardList ul li:nth-child(3) img{top:-75%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite}body main #step02 #cardList ul li:nth-child(4){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(4) img{top:75%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(5){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(5) img{top:50%;animation:shuffle00 4s linear infinite reverse}body main #step02 #cardList ul li:nth-child(6){animation:shuffle00 6s linear infinite}body main #step02 #cardList ul li:nth-child(6) img{top:-50%;animation:shuffle00 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(7){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(7) img{top:50%;animation:shuffle00 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(8){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(8) img{top:-50%;animation:shuffle00 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(9) img{top:-25%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(10){animation:shuffle00 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(10) img{top:25%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite}body main #step02 #cardList ul li:nth-child(11){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(11) img{top:-25%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(12){animation:shuffle00 6s linear infinite}body main #step02 #cardList ul li:nth-child(12) img{top:25%;animation:shuffle00 2s linear infinite, shuffle01 2s linear infinite}body main #step02 #cardList ul li:nth-child(13){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(13) img{top:-50%;animation:shuffle00 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(14){animation:shuffle00 2s linear infinite}body main #step02 #cardList ul li:nth-child(14) img{top:50%;animation:shuffle00 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(15){animation:shuffle00 2s linear infinite}body main #step02 #cardList ul li:nth-child(15) img{top:-50%;animation:shuffle00 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(16){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(16) img{top:50%;animation:shuffle00 2s linear infinite reverse, shuffle04 4s linear infinite}body main #step02 #cardList ul li:nth-child(17){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(17) img{top:-50%;animation:shuffle00 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(18){animation:shuffle00 6s linear infinite reverse}body main #step02 #cardList ul li:nth-child(18) img{top:50%;animation:shuffle00 4s linear infinite reverse}body main #step02 #cardList ul li:nth-child(19){animation:shuffle00 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(19) img{top:-50%;animation:shuffle04 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(20){animation:shuffle00 2s linear infinite reverse}body main #step02 #cardList ul li:nth-child(20) img{top:50%;animation:shuffle03 2s linear infinite, shuffle00 1s linear infinite}body main #step02 #cardList ul li:nth-child(21){animation:shuffle00 4s linear infinite reverse}body main #step02 #cardList ul li:nth-child(21) img{top:-50%;animation:shuffle04 2s linear infinite reverse, shuffle01 4s linear infinite}body main #step02 #cardList ul li:nth-child(22){animation:shuffle00 3s linear infinite reverse}body main #step02 #cardList ul li:nth-child(22) img{top:50%;animation:shuffle03 2s linear infinite, shuffle00 3s linear infinite reverse}body main #step02 #cardList ul li img{position:absolute;top:0;left:0;width:100%;height:100%}body main #step03 p{display:block;opacity:0;transition:opacity 0.3s}body main #step03.s p{opacity:1}body main #step03.s #cardList li{opacity:1;pointer-events:all}body main #step03 #cardList{position:relative;margin-top:1.5em}body main #step03 #cardList ul{filter:drop-shadow(0px 0px 4px #ffea80);position:relative;display:flex;justify-content:center;flex-wrap:wrap;pointer-events:none}@media screen and (max-width: 640px){body main #step03 #cardList ul{filter:drop-shadow(0px 0px 3px #ffea80)}}body main #step03 #cardList ul li{position:relative;opacity:0;transition:opacity 0.3s}@media screen and (max-width: 640px){body main #step03 #cardList ul li:nth-child(1){transition-delay:calc((1 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(5){transition-delay:calc((1 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(10){transition-delay:calc((1 - 1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(15){transition-delay:calc((1 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(20){transition-delay:calc((1 - 1) * 0.3s + 0.45s)}body main #step03 #cardList ul li:nth-child(2){transition-delay:calc((2 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(6){transition-delay:calc((2 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(11){transition-delay:calc((2 - 1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(16){transition-delay:calc((2 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(21){transition-delay:calc((2 - 1) * 0.3s + 0.45s)}body main #step03 #cardList ul li:nth-child(3){transition-delay:calc((3 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(7){transition-delay:calc((3 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(12){transition-delay:calc((3 - 1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(17){transition-delay:calc((3 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(22){transition-delay:calc((3 - 1) * 0.3s + 0.45s)}body main #step03 #cardList ul li:nth-child(4){transition-delay:calc((4 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(8){transition-delay:calc((4 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(13){transition-delay:calc((4 - 1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(18){transition-delay:calc((4 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(23){transition-delay:calc((4 - 1) * 0.3s + 0.45s)}body main #step03 #cardList ul li:nth-child(9){transition-delay:calc((5 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(14){transition-delay:calc((5 - 1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(19){transition-delay:calc((5 - 1) * 0.3s)}body main #step03 #cardList ul li:nth-child(24){transition-delay:calc((5 - 1) * 0.3s + 0.45s)}}@media screen and (min-width: 641px){body main #step03 #cardList ul li:nth-child(4){transition-delay:calc((0) * 0.3s)}body main #step03 #cardList ul li:nth-child(11){transition-delay:calc((0) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(12){transition-delay:calc((0) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(19){transition-delay:calc((0) * 0.3s)}body main #step03 #cardList ul li:nth-child(3){transition-delay:calc((1) * 0.3s)}body main #step03 #cardList ul li:nth-child(18){transition-delay:calc((1) * 0.3s)}body main #step03 #cardList ul li:nth-child(5){transition-delay:calc((1) * 0.3s)}body main #step03 #cardList ul li:nth-child(10){transition-delay:calc((1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(13){transition-delay:calc((1) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(20){transition-delay:calc((1) * 0.3s)}body main #step03 #cardList ul li:nth-child(2){transition-delay:calc((2) * 0.3s)}body main #step03 #cardList ul li:nth-child(17){transition-delay:calc((2) * 0.3s)}body main #step03 #cardList ul li:nth-child(6){transition-delay:calc((2) * 0.3s)}body main #step03 #cardList ul li:nth-child(9){transition-delay:calc((2) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(14){transition-delay:calc((2) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(21){transition-delay:calc((2) * 0.3s)}body main #step03 #cardList ul li:nth-child(1){transition-delay:calc((3) * 0.3s)}body main #step03 #cardList ul li:nth-child(16){transition-delay:calc((3) * 0.3s)}body main #step03 #cardList ul li:nth-child(7){transition-delay:calc((3) * 0.3s)}body main #step03 #cardList ul li:nth-child(8){transition-delay:calc((3) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(15){transition-delay:calc((3) * 0.3s + 0.15s)}body main #step03 #cardList ul li:nth-child(22){transition-delay:calc((3) * 0.3s)}}@media screen and (min-width: 641px){body main #step03 #cardList ul li{width:calc(120 / 1180 * 100%);margin:0 calc(10 / 1180 * 100%)}body main #step03 #cardList ul li:nth-child(1),body main #step03 #cardList ul li:nth-child(16){margin-left:calc(80 / 1180 * 100%)}body main #step03 #cardList ul li:nth-child(7),body main #step03 #cardList ul li:nth-child(22){margin-right:calc(80 / 1180 * 100%)}body main #step03 #cardList ul li:nth-child(n+8){margin-top:calc(20 / 1180 * 100%)}}@media screen and (max-width: 640px){body main #step03 #cardList ul li{width:calc(170 / 960 * 100%);margin:0 calc(10 / 960 * 100%)}body main #step03 #cardList ul li:nth-child(1){margin-left:calc(95 / 960 * 100%)}body main #step03 #cardList ul li:nth-child(4){margin-right:calc(95 / 960 * 100%)}body main #step03 #cardList ul li:nth-child(n+5){margin-top:calc(20 / 960 * 100%)}}body main #step03 #cardList ul li a{position:relative;display:block}body main #step03 #cardList ul li a::after{content:"";position:absolute;top:0;left:0;background:url(../images/tarot/blank.png);background-size:cover;width:100%;height:100%;opacity:0;z-index:100}body main #imgOgp{position:relative;display:inline-block;width:660px;max-width:100%;margin:1.5em auto 0}body main #imgOgp::after{content:"";position:absolute;top:0;left:0;background:url(../images/tarot/blank.png);background-size:cover;width:100%;height:100%;opacity:0;z-index:100}body main #step02,body main #step03{display:none}body footer{background:#000}