html{font-size:62.5%}@media screen and (max-width: 1140px){html{font-size:.88vw}}@media screen and (max-width: 767px){html{font-size:62.5%}}html,body{margin:0;padding:0;overflow-x:hidden}body{background:#000;line-height:1;font-family:ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif;font-size:1.6rem;box-sizing:border-box}@media screen and (max-width: 1024px){html,body{overflow-y:hidden;height:100%}}#main_content{width:100%;position:relative}#main_content>section{background-image:url(/img/cv_bg_pc.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;max-width:120rem;margin:0 auto;transition:background-image .5s ease-in-out}#main_content>section.payment-completed{background-image:url(/spin/img/cv_bg_pc.jpg);min-height:100vh;display:flex;align-items:flex-end}#main_content>section.payment-completed .w-full{display:flex;flex-direction:column;width:100%;justify-content:flex-end}#main_content>section.payment-completed .max-w-\[70rem\]{padding-bottom:4rem;margin-bottom:0}#main_content>section.payment-completed #btn_pc{animation:pulse 1s infinite;position:relative}#main_content>section.payment-completed #btn_pc:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:20px;background:radial-gradient(ellipse,#ffd70080,#ffd70000 70%);pointer-events:none;z-index:-1}#main_content>section.payment-completed #btn_pc img{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transition:filter .3s ease}#main_content>section.payment-completed #btn_pc:hover img{filter:drop-shadow(0 0 30px rgba(255,215,0,1))}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes buttonGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.3)}}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media screen and (max-width: 767px){#main_content>section.payment-completed .max-w-\[59rem\]{padding-bottom:3rem;margin-bottom:0}@keyframes buttonPulseMobile{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes buttonBounceMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}.fade-in-animation{animation:fadeInAnime 1s ease-in-out forwards;opacity:0}@keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}#main_content img{max-width:100%;height:auto;vertical-align:middle}#overlay_video{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff;text-align:center}#prize_name{font-size:24px;font-weight:700;margin-bottom:15px;color:#ff0;display:none}#overlay_video video{max-width:100%;max-height:100%;margin:0 auto;display:block}#close_video{position:absolute;top:20px;right:20px;background:red;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;z-index:1001;display:none}.qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000d9,#141428f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.qr-modal.show{opacity:1}.qr-modal-content{background:linear-gradient(145deg,#fff,#f8f9fa);padding:40px 35px;border-radius:24px;text-align:center;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff9;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1);opacity:0}.qr-modal.show .qr-modal-content{transform:scale(1) translateY(0);opacity:1}.qr-modal-content h3{font-size:24px;font-weight:700;margin:0 0 20px;color:#1a1a2e;letter-spacing:-.5px;background:linear-gradient(135deg,#e60012,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-modal-close{position:absolute;top:15px;right:15px;width:36px;height:36px;font-size:24px;cursor:pointer;color:#6c757d;background:#0000000d;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;z-index:10}.qr-modal-close:hover{background:#e600121a;color:#e60012;transform:rotate(90deg) scale(1.1)}.qr-modal-close:active{transform:rotate(90deg) scale(.95)}.payment-modal-close{position:absolute;top:15px;right:15px;width:36px;height:36px;font-size:24px;cursor:pointer;color:#6c757d;background:#0000000d;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;z-index:10}.payment-modal-close:hover{background:#e600121a;color:#e60012;transform:rotate(90deg) scale(1.1)}.payment-modal-close:active{transform:rotate(90deg) scale(.95)}.qr-modal-content p{margin:25px 0 0;font-size:16px;line-height:1.8;color:#495057;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #E60012}.qr-modal-content p strong{color:#e60012;font-weight:700;font-size:18px}.payment-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000d9,#141428f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3000;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.payment-modal.show{opacity:1}.payment-modal-content{position:relative;background:linear-gradient(145deg,#fff,#f8f9fa);padding:40px 35px;border-radius:24px;text-align:center;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;color:#333;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff9;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1);opacity:0}.payment-modal.show .payment-modal-content{transform:scale(1) translateY(0);opacity:1}.payment-modal-content h2{font-size:28px;font-weight:700;margin:0 0 25px;color:#1a1a2e;letter-spacing:-.5px;background:linear-gradient(135deg,#e60012,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-qr-image{max-width:100%;max-height:320px;width:auto;height:auto;margin:25px auto;border-radius:16px;box-shadow:0 8px 24px #00000026,0 0 0 4px #e600121a;transition:transform .3s ease,box-shadow .3s ease;display:block}.payment-qr-image:hover{transform:scale(1.02);box-shadow:0 12px 32px #0003,0 0 0 4px #e6001226}.payment-status{font-size:16px;font-weight:600;margin:20px 0;color:#495057;line-height:1.6;min-height:24px;display:flex;align-items:center;justify-content:center;gap:12px}.payment-status.success{color:#28a745;font-size:18px}.payment-loading{display:inline-block;width:24px;height:24px;border:3px solid rgba(230,0,18,.2);border-top:3px solid #E60012;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-instructions{margin:20px 0 25px;font-size:15px;line-height:1.8;color:#6c757d;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #E60012}.payment-instructions strong{color:#e60012;font-weight:700;font-size:18px}.btn-spin-after-payment{display:none;padding:18px 40px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;margin-top:25px;box-shadow:0 4px 15px #28a74566,0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.btn-spin-after-payment:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-spin-after-payment:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74580,0 4px 8px #00000026}.btn-spin-after-payment:hover:before{width:300px;height:300px}.btn-spin-after-payment:active{transform:translateY(0)}.btn-spin-after-payment span{position:relative;z-index:1}.video-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1002;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);overflow:hidden;isolation:isolate}.video-loading-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/img/store-form-bg.jpg);background-size:cover;background-position:center;filter:brightness(.6) blur(7px);transform:scale(1.1);z-index:-1}.loading-particles{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0}.particle{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;animation:particleFloat 15s infinite ease-in-out;box-shadow:0 0 10px #fff9}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:15s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:18s}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:14s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:16s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:13s}.particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:17s}.particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:15s}.particle:nth-child(9){left:90%;animation-delay:1.5s;animation-duration:14s}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px) scale(1);opacity:0}}.loading-content{text-align:center;animation:fadeInUp .8s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-spinner-container{position:relative;width:140px;height:140px;margin:0 auto 40px}.loading-spinner-outer{position:absolute;width:100%;height:100%;border:5px solid transparent;border-top:5px solid #FFD700;border-right:5px solid #FF69B4;border-radius:50%;animation:spinOuter 2s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #ffd70099,0 0 40px #ff69b466,inset 0 0 20px #ffd70033;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.loading-spinner-middle{position:absolute;top:15px;left:15px;width:110px;height:110px;border:4px solid transparent;border-top:4px solid #00CED1;border-left:4px solid #9370DB;border-radius:50%;animation:spinMiddle 1.5s linear infinite reverse;box-shadow:0 0 15px #00ced180,0 0 30px #9370db4d}.loading-spinner-inner{position:absolute;top:30px;left:30px;width:80px;height:80px;border:3px solid transparent;border-top:3px solid #FF1493;border-bottom:3px solid #1E90FF;border-radius:50%;animation:spinInner 1s linear infinite;box-shadow:0 0 10px #ff149366,0 0 20px #1e90ff4d}@keyframes spinOuter{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes spinMiddle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinInner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{background:linear-gradient(90deg,gold,#ff69b4,#00ced1,#9370db,gold);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:24px;font-weight:700;margin-bottom:30px;letter-spacing:4px;text-transform:uppercase;animation:textGradient 3s linear infinite;text-shadow:0 0 30px rgba(255,215,0,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes textGradient{0%{background-position:0% center}to{background-position:200% center}}.loading-text span{display:inline-block;animation:wave 1.8s ease-in-out infinite}.loading-text span:nth-child(1){animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}@keyframes wave{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(-12px) scale(1.15)}75%{transform:translateY(-8px) scale(1.1)}}.loading-progress-container{width:320px;margin:0 auto;position:relative}.loading-progress-bar{height:8px;background:#fff3;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003,0 0 20px #ffd7004d;border:1px solid rgba(255,255,255,.3)}.loading-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ff69b4,#00ced1,#9370db,#ff1493);background-size:300% 100%;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:gradientMove 3s linear infinite;width:0%;position:relative;box-shadow:0 0 15px #ffd70099,0 0 30px #ff69b466}.loading-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes gradientMove{0%{background-position:0% center}to{background-position:300% center}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-percentage{color:#fff;font-size:36px;font-weight:800;margin-top:20px;text-shadow:0 0 20px rgba(255,255,255,.6);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));letter-spacing:2px;animation:percentagePulse 1.5s ease-in-out infinite}@keyframes percentagePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.loading-fade-out{animation:fadeOut .6s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.dev-mode-indicator{position:fixed;top:10px;left:10px;background-color:#ff6b6b;color:#fff;padding:8px 15px;border-radius:20px;font-size:12px;font-weight:700;z-index:9999;box-shadow:0 2px 10px #0000004d}@media screen and (max-width: 767px){#main_content{height:100vh;overflow:hidden}#main_content>section{background-image:url(/img/cv_bg_sp.jpg)!important;background-position:top center!important;max-width:100%!important;padding:14rem 5% 36rem!important;height:100vh;overflow:hidden}#main_content>section.payment-completed{background-image:url(/spin/img/cv_bg_sp.jpg)!important;padding:0!important;min-height:100vh!important;display:flex!important;align-items:flex-end!important}#main_content>section.payment-completed .w-full{display:flex;flex-direction:column;width:100%;justify-content:flex-end;padding:0 5%}.payment-modal-content{width:95%;max-width:95%;padding:30px 20px;border-radius:20px}.payment-modal-content h2{font-size:24px;margin-bottom:20px}.payment-instructions{font-size:14px;padding:15px;margin:15px 0 20px}.payment-instructions strong{font-size:16px}.payment-qr-image{max-height:250px;max-width:100%;margin:20px auto!important;display:block!important;width:auto;height:auto}.payment-status{font-size:14px}.btn-spin-after-payment{padding:16px 30px;font-size:16px;width:100%;max-width:100%}.qr-modal-content{width:95%;max-width:95%;padding:30px 20px;border-radius:20px}.qr-modal-content h3{font-size:20px;margin-bottom:15px}.qr-modal-content p{font-size:14px;padding:15px;margin:20px 0 0}}@media screen and (min-width: 768px) and (max-width: 1024px){#main_content{height:100vh;overflow:hidden}#main_content>section{max-width:100%!important;height:100vh;overflow:hidden}#overlay_video video{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:cover}}