@charset "UTF-8";h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit}img{max-width:100%;height:auto}p{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}html{font-size:62.5%}body{font-family:Hiragino Kaku Gothic Pro,Meiryo,Osaka,MS PGothic,sans-serif;font-size:1.6rem}@media (max-width: 768px){body{font-size:1.4rem}}.inner{margin-inline:auto;width:min(100% - 40px,1000px)}@media screen and (min-width: 768px){.sp-only{display:none}}@media screen and (max-width: 767px){.pc-only{display:none}}button{background-color:transparent;border:none;cursor:pointer;padding:0;appearance:none;color:#000}.accordion_wrap{width:min(100% - 20px,660px)}.accordion_wrap.lg{width:min(100% - 20px,960px)}.accordion_btn{width:100%;min-height:5rem;border:2px solid #000;background:#fff;font-weight:700;font-size:clamp(1.3rem,1.6vw,1.6rem);cursor:pointer;position:relative}.accordion_btn:before,.accordion_btn:after{content:"";position:absolute;right:2.5rem;top:50%;width:2.4rem;height:3px;background:#111;transform:translateY(-50%)}.accordion_btn:after{transform:translateY(-50%) rotate(90deg);transition:transform .2s ease}.accordion_btn.is-active:after{transform:translateY(-50%) rotate(0)}@media (max-width: 768px){.accordion_btn{min-height:5rem;border-width:2px}.accordion_btn:before,.accordion_btn:after{right:1.5rem;width:1.8rem;height:2px}}.accordion_content{display:none;border:2px solid #000;border-top:0;background:#fff;padding-block:3rem;line-height:1.6;padding:3rem 1.5rem}@media (max-width: 768px){.accordion_content{padding:2rem 1.5rem;border-width:2px}}.btn{display:grid;place-content:center;width:min(100% - 60px,500px);margin-inline:auto;min-height:clamp(4.5rem,5.5vw,5.5rem);background-color:#a40000;font-size:clamp(1.4rem,1.8vw,1.8rem);color:#fff;font-weight:700;position:relative;box-shadow:0 8px #710000;transition:all .2s ease;top:0}.btn.lg{min-height:clamp(4.5rem,8.5vw,8.5rem);font-size:clamp(1.6rem,3.2vw,3.2rem);width:min(100% - 20px,690px)}.btn.point{background-color:#aa7321;box-shadow:0 8px #7f5619}.btn.point:hover{box-shadow:0 3px #7f5619;background-color:#bf8125}.btn:after{content:"";position:absolute;clip-path:polygon(0 0,0% 100%,75% 50%);background-color:#fff;width:13px;height:13px;transform:translateY(-50%);top:50%;right:.5em;transition:right .2s ease}@media (max-width: 768px){.btn:after{width:10px;height:10px}}.btn:hover{top:5px;box-shadow:0 3px #710000;background-color:#be0000}.btn:hover:after{right:.4em}.btn:active{top:8px;box-shadow:0 0 #710000}.js-anim{opacity:0;transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.15)}.js-anim-fade{transform:translateY(40px)}.js-anim-pop{transform:scale(.9) translateY(20px)}.js-anim.is-animated{opacity:1;transform:translate(0) scale(1)}@keyframes fadePopUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rippleWave{0%{box-shadow:0 0 #a40000b3}70%{box-shadow:0 0 0 15px #a4000000}to{box-shadow:0 0 #a4000000}}@keyframes charSway{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes charSwayCenter{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(2deg)}75%{transform:translate(-50%) rotate(-2deg)}}.header{height:clamp(5rem,8vw,8rem);place-content:center}.header .inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 10px,1000px)}.header_logo img{width:clamp(14rem,28vw,28rem)}.header_nav{display:flex;gap:clamp(.5rem,1vw,1rem);align-items:center}.header_btn{background:#fb6500;color:#fff;border-radius:5px;width:clamp(9rem,18vw,18rem);min-height:clamp(2.5rem,3.5vw,3.5rem);display:grid;place-content:center;font-size:clamp(1.2rem,2.2vw,2.2rem);position:relative;letter-spacing:-1px;border:2px solid #fb6500;transition:all .2s ease}.header_btn:after{content:"";clip-path:polygon(0 0,0% 100%,75% 50%);position:absolute;background-color:#fff;width:clamp(.6rem,.8vw,.8rem);height:clamp(.6rem,.8vw,.8rem);transform:translateY(-50%);top:50%;right:clamp(.1rem,.5vw,.5rem)}.header_btn:hover{background:#fff;color:#fb6500}.header_btn:hover:after{background-color:#fb6500}.header_link{font-size:clamp(1.2rem,2.2vw,2.2rem)}.hero{background-image:url(/promo/niftygames/images/bg-mv.webp);background-size:cover;background-repeat:no-repeat;background-position:center;padding-block:3rem 6rem}@media (max-width: 768px){.hero{background-image:url(/promo/niftygames/images/bg-mv_sp.webp)}}.mv_ttl{width:min(100% - 20px,1200px);margin-inline:auto;animation:fadePopUp .8s cubic-bezier(.175,.885,.32,1.15) forwards}.mv+.entry{margin-top:clamp(.5rem,6vw,6rem)}.entry_note{margin-top:1rem;text-align:center;font-size:clamp(1.1rem,1.3vw,1.4rem);font-weight:700;line-height:1.6}.entry_btn{margin-top:2rem}.entry_btn .btn{overflow:visible}.entry_btn .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:rippleWave 2s infinite ease-out}.games{padding-block:clamp(6rem,10vw,10rem);background-image:linear-gradient(to bottom,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,#009fe8 50%,#ff6601 50%);background-size:100% 50px,50px 100%,cover;background-repeat:repeat,repeat,no-repeat}@media (max-width: 768px){.games{background-size:100% 20px,20px 100%,cover}}.games_ttl{text-align:center;margin-bottom:clamp(11.5rem,15vw,15rem)}.games_ttl img{width:clamp(25rem,65vw,65rem)}.games_box{position:relative;z-index:1}.games_box+.games_box{margin-top:clamp(3rem,5vw,5rem)}.games_box.quiz:before{content:"";position:absolute;background-image:url(/promo/niftygames/images/deco-eru-games.webp);width:clamp(15rem,27vw,27rem);background-size:cover;top:clamp(-12rem,-10vw,-10rem);transform:translate(-50%);left:50%;z-index:-1;aspect-ratio:273/245;transform-origin:bottom center;animation:charSwayCenter 4s ease-in-out infinite}.games_boxInner{position:relative;background-repeat:repeat;background-position:center top;background-size:auto;background-color:#fff;margin-inline:auto;padding-block:3rem;z-index:1}.games_boxInner.quiz{background-image:url(/promo/niftygames/images/bg-quiz.webp);border:6px solid #40a9f4;box-shadow:0 8px #006b9c}.games_boxInner.mini{background-image:url(/promo/niftygames/images/bg-mini.webp);border:6px solid #ff6601;box-shadow:0 8px #b44700}.games_boxTtl{width:min(100% - 20px,750px);margin-inline:auto}.games_balloon{margin-top:3rem;position:relative;background-color:#fff;border-radius:50vh;padding-block:.2rem;text-align:center;font-weight:700;width:min(100% - 20px,400px);margin-inline:auto;font-size:clamp(1.3rem,1.45vw,1.45rem)}.games_balloon:before,.games_balloon:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-style:solid;border-width:10px 8px 0 8px}.games_balloon:before{bottom:-10px}.games_balloon:after{bottom:-8px;border-color:#fff transparent transparent transparent;z-index:1}.games_balloon.quiz{border:2px solid #1ba2df;color:#1ba2df}.games_balloon.quiz:before{border-color:#1ba2df transparent transparent transparent}.games_balloon.mini{border:2px solid #f25a22;color:#f25a22}.games_balloon.mini:before{border-color:#f25a22 transparent transparent transparent}.games_btn{margin-top:1rem}.games_note{margin-top:1rem;font-size:1.2rem;text-align:center}.games_boxAc{margin-top:clamp(2rem,5vw,5rem);margin-inline:auto}.games_ac{margin-top:clamp(3rem,5vw,5rem);margin-inline:auto}.games_detailContentInner{max-width:750px;margin-inline:auto}.games_detailContentInner a{color:#06c;text-decoration:underline}.games_detailList+.games_detailList{margin-top:clamp(2rem,3vw,3rem)}.games_detailTerm{font-size:clamp(1.4rem,1.6vw,1.6rem);font-weight:700}.games_detailTerm+.games_detailDesc{margin-top:.5rem}.games_detailDesc{font-size:1.4rem}.points{background-image:url(/promo/niftygames/images/bg-points.webp);background-size:auto;background-repeat:repeat;background-position:center top;padding-top:clamp(6rem,10vw,10rem)}.points_ttl{text-align:center;margin-bottom:clamp(6rem,10vw,10rem)}.points_ttl img{width:clamp(25rem,65vw,45rem)}.points_box{position:relative;box-shadow:8px 8px #0e1227}.points_box+.points_box{margin-top:clamp(9rem,12vw,12rem)}.points_box.earn:before{content:"";position:absolute;background-size:cover;background-image:url(/promo/niftygames/images/deco-eru-earn.webp);aspect-ratio:140/126;width:clamp(6rem,15vw,15rem);right:0;top:clamp(-8.5rem,-8.5vw,-4rem);transform-origin:bottom center;animation:charSway 4s ease-in-out infinite}.points_box.manage:before{content:"";position:absolute;background-image:url(/promo/niftygames/images/deco-eru-manage.webp);aspect-ratio:140/150;width:clamp(6rem,14vw,14rem);background-size:cover;right:0;top:clamp(-10.5rem,-10.5vw,-6rem);transform-origin:bottom center;animation:charSway 4s ease-in-out infinite}.points_box.exchange:before{content:"";position:absolute;background-image:url(/promo/niftygames/images/deco-eru-exchange.webp);aspect-ratio:140/150;width:clamp(6rem,14vw,14rem);background-size:cover;left:0;top:clamp(-9.5rem,-9.5vw,-4.5rem);transform-origin:bottom center;animation:charSway 4s ease-in-out infinite}.points_boxInner{border:5px solid #1b244d;background-color:#fff;padding-block:clamp(6rem,9vw,9rem) clamp(4rem,6vw,6rem);position:relative}.points_boxTopArea+.points_boxBottomArea{padding-top:clamp(4rem,6vw,6rem);margin-top:clamp(5rem,5vw,7rem);background-image:url(/promo/niftygames/images/deco-border.webp);background-repeat:no-repeat;background-position:top center}.points_boxTtl{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background-color:#1b244d;color:#fff;font-weight:700;font-size:clamp(1.6rem,2.8vw,2.8rem);width:clamp(20rem,66vw,66rem);height:clamp(5rem,7.5vw,7.5rem);display:grid;place-content:center;clip-path:polygon(95% 0,100% 50%,95% 100%,5% 100%,0 50%,5% 0);z-index:1;text-align:center;line-height:1}.points_boxWrap{width:min(100% - 40px,870px);margin-inline:auto;display:flex;gap:2rem;justify-content:space-between}@media (max-width: 768px){.points_boxWrap{flex-direction:column-reverse}}.points_boxL{display:flex;flex-direction:column;flex-shrink:0}.points_boxIntro{display:flex;align-items:center;gap:.5em;font-weight:700;font-size:clamp(1.7rem,2.4vw,2.4rem);color:#1b244d}.points_boxIcon{display:grid;place-content:center}.points_boxIcon img{width:clamp(2.5rem,5.5vw,5.5rem)}.points_boxDesc{margin-top:clamp(1rem,2vw,2rem);font-size:clamp(1.4rem,1.8vw,1.8rem)}.points_boxR{text-align:center}.points_boxR.earn img{width:400px}.points_boxR.manage img{width:380px}.points_boxR.exchange img{width:500px}.points_boxBtn{margin-top:clamp(2rem,3vw,3rem)}.exchange_ac{margin-top:clamp(2rem,3vw,3rem);margin-inline:auto}.exchange_ac .accordion_content a{color:#06c;text-decoration:underline}.points_exchangeAcImage{max-width:426px;margin:0 auto;display:block;width:100%}.points_bottom{position:relative;padding-top:clamp(5rem,8vw,8rem);height:clamp(26rem,75vw,75rem);z-index:1}.points_bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/promo/niftygames/images/bg-bottom.webp);background-repeat:no-repeat;background-position:center bottom;background-size:clamp(40rem,170vw,200rem) auto;z-index:-1}.points_bottomText{width:min(100% - 40px,740px);margin-inline:auto}.footer{background:#333;font-size:14px}@media (max-width: 768px){.footer{padding:15px 0;font-size:12px}}.footer .inner{padding:10px;max-width:980px}.footer-box{display:flex;justify-content:space-between}.footer-service{display:flex}@media (max-width: 768px){.footer-service{flex-wrap:wrap;justify-content:center}}.footer-service li{padding:0 10px;color:#fff}.footer-service li a{display:block}.footer-service a{text-decoration:none}.footer-service a:hover{text-decoration:underline;color:inherit}.copyright{margin-top:10px;text-align:right;color:#fff}@media (max-width: 768px){.copyright{text-align:center}}
