a{transition:opacity .5s ease;text-decoration:none}@media screen and (max-width: 750px){a{transition:none}}a:hover{opacity:.5}@media screen and (max-width: 750px){a:hover{opacity:1}}.pc{display:block}@media screen and (max-width: 750px){.pc{display:none}}.sp{display:none}@media screen and (max-width: 750px){.sp{display:block}}.all-wrapper{position:relative;min-height:100vh;min-height:100svh;margin:0 auto;overflow-x:hidden}.all-wrapper.pc-only{height:auto;max-width:unset;min-height:0}.cmn-send-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;width:76vw;margin:0 auto;padding:6vw 1.3333333333vw;border:none;border-radius:50px;background-color:var(--primary-color)}.cmn-send-btn .button-arrow{width:6.4vw;margin-left:4vw}.font-en{font-family:hwt-archimedes-pro,serif;font-weight:var(--font-weight-regular)}.fade-in{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-inout-sine)}.fade-in.animated{opacity:1;pointer-events:auto;transition-delay:1.2s}.animation-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;background:var(--primary-color)}.animation-bg.animated{animation:to-top 1s var(--ease-in-quint) forwards}@keyframes to-top{100%{transform:translate(0%, -100%)}}@keyframes left_to_right{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}@keyframes hide_show{0%{opacity:0}100%{opacity:1}}@keyframes opening_logo{0%{opacity:0}70%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes opening_cloud_left{100%{right:50%}}@keyframes opening_cloud_right{100%{left:50%}}@keyframes opening_dragon{0%{opacity:0}80%{opacity:1}100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes opening_tasse_shake{20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}100%{transform:rotate(0)}}@keyframes how_opening_vertical{100%{opacity:1;transform:translateY(0)}}@keyframes how_opening_horizontal{100%{opacity:1;transform:translateX(0)}}@keyframes how_opening_expansion{0%{opacity:0}60%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@keyframes move_vertical{100%{transform:translateY(0)}}@keyframes move_rotation{100%{opacity:1;transform:rotateY(0)}}@keyframes move_heartbeat{50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes move_skew_in{0%,15%{transform:translateX(80vw)}15%,25%{transform:translateX(80vw)}85%,90%{transform:translateX(0)}100%{transform:translateX(0)}}@keyframes move_skew_in_inner{0%,35%{transform:none}60%,70%{transform:skewX(-20deg)}90%,100%{transform:none}}@keyframes concentrate_line_rorate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotateY{0%{transform:rotateY(0deg) rotateZ(13deg)}25%{transform:rotateY(90deg) rotateZ(13deg)}50%{transform:rotateY(180deg) rotateZ(13deg)}75%{transform:rotateY(270deg) rotateZ(13deg)}100%{transform:rotateY(360deg) rotateZ(13deg)}}@keyframes move_clouds_left{100%{opacity:0;right:150%}}@keyframes move_clouds_right{100%{opacity:0;left:150%}}@keyframes silhouette{0%{filter:contrast(0%) brightness(0%)}100%{filter:contrast(100%) brightness(100%)}}@keyframes haooooo_squeal{0%{color:#029fad;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,6px 6px 0 #ffd004,10px 10px 0 #f85164,14px 14px 0 #f22600,18px 18px 0 #029fad}33%{color:#ffd004;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,6px 6px 0 #f85164,10px 10px 0 #f22600,14px 14px 0 #029fad,18px 18px 0 #ffd004}66%{color:#f85164;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,6px 6px 0 #f22600,10px 10px 0 #029fad,14px 14px 0 #ffd004,18px 18px 0 #f85164}100%{color:#f22600;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,6px 6px 0 #029fad,10px 10px 0 #ffd004,14px 14px 0 #f85164,18px 18px 0 #f22600}}@keyframes haooooo_squeal_scale{0%{opacity:0}60%{opacity:1;transform:rotate(-15deg) scale(1.2)}100%{opacity:1;transform:rotate(-15deg) scale(1)}}#opening-loading{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;position:fixed;width:100%;height:100%;background-color:var(--primary-color);z-index:1;transition:all 1s}#opening-loading .load-text{font-size:5.3333333333vw;color:#fff;letter-spacing:.2em}#opening-loading .load-text span{opacity:0;animation:hide_show .7s linear infinite}#opening-loading .load-text span:nth-child(1){animation-delay:0s}#opening-loading .load-text span:nth-child(2){animation-delay:.1s}#opening-loading .load-text span:nth-child(3){animation-delay:.2s}#opening-loading.loaded{opacity:0;visibility:hidden;transition-delay:2s}#input-area{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%;min-height:100vh;min-height:100svh;padding:7.3333333333vw 0;overflow-y:scroll;overflow-x:hidden;background-color:var(--primary-color)}#input-area .container{position:relative;width:86.6666666667%;height:auto}#input-area .card-bg{line-height:0}#input-area .hny-text{position:absolute;width:56.4vw;top:-3.7333333333vw;right:0;left:0;margin:0 auto}#input-area .logo{position:absolute;width:92vw;top:4.5333333333vw;left:-2vw;opacity:0;transform:scale(0.7);transform-origin:bottom}#input-area .clouds{width:100%}#input-area .clouds img{position:absolute}#input-area .clouds .left-cloud{width:64vw;bottom:13.2vw;right:36%}#input-area .clouds .right-cloud{width:64.1333333333vw;bottom:13.2vw;left:36%}#input-area .dragon{position:absolute;top:42.9333333333vw;right:0;left:0;width:55.2vw;margin:0 auto;transform:translate3d(0, 4%, 0);opacity:0}#input-area .messages{position:absolute;top:52.9333333333vw;left:-4vw;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap;width:109.2307692308%}#input-area .messages .left-msg,#input-area .messages .right-msg{width:11.4666666667vw}#input-area .messages .left-msg img,#input-area .messages .right-msg img{display:block}#input-area .messages .tasse{width:10.5333333333vw;margin:0 auto;transform-origin:top}#input-area .input-form{position:absolute;bottom:-2.5333333333vw;left:-2vw;width:104.9230769231%}#input-area .input-form .input-wrap{position:relative;width:100%;margin:0 auto;padding:1.7333333333vw;border:2px solid var(--secondary-color);background-color:#02a0ae}#input-area .input-form .input-head{position:absolute;top:-2.5333333333vw;left:12vw;width:41.4666666667vw}#input-area .input-form .input-text{width:100%;padding:8.6666666667vw 20vw 8.6666666667vw 7.3333333333vw;border:2px solid var(--secondary-color);font-family:var(--font-serif);font-weight:700;font-size:6vw;color:var(--font-color);outline:var(--secondary-color)}#input-area .input-form ::-moz-placeholder{color:#d3d3d4}#input-area .input-form ::placeholder{color:#d3d3d4}#input-area .input-form .input-start{position:absolute;top:50%;right:4.5333333333vw;width:17.3333333333vw;height:17.3333333333vw;border-radius:100%;border:none;outline:none;background-color:var(--primary-color);transform:translateY(-50%)}#input-area .input-form .input-start img{width:7.3333333333vw;vertical-align:middle}#input-area.animated .logo{animation:opening_logo 1.2s .3s var(--ease-inout-quint) forwards}#input-area.animated .clouds .left-cloud{animation:opening_cloud_left 1s 1s var(--ease-inout-cubic) forwards}#input-area.animated .clouds .right-cloud{animation:opening_cloud_right 1s 1s var(--ease-inout-cubic) forwards}#input-area.animated .dragon{animation:opening_dragon 2s 1.3s var(--ease-out-cubic) forwards}#input-area.animated .messages .left-msg .tasse{animation:opening_tasse_shake 9s 1.9s ease-in-out forwards}#input-area.animated .messages .right-msg .tasse{animation:opening_tasse_shake 10s 2.1s ease-in-out forwards reverse}#howto-area{position:relative}#howto-area .bg-group{position:absolute;width:100%;height:100%;overflow:hidden}#howto-area .bg-group .red-bg{position:relative;height:185.0666666667vw;-webkit-clip-path:polygon(0 0, 100% 0, 100% 59%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 59%, 0% 100%);background-color:var(--secondary-color);z-index:1}#howto-area .bg-group .red-bg::before{content:"";position:absolute;bottom:2px;width:100%;height:100%;-webkit-clip-path:polygon(0 0, 100% 0, 100% 59%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 59%, 0% 100%);background-color:var(--primary-color)}#howto-area .bg-group .blue-bg{position:absolute;top:106.6666666667vw;width:100%;height:333.3333333333vw;background-color:#02a0ae}#howto-area .bg-group .yellow-bg{position:absolute;bottom:0;left:0;width:100%;height:180vw;-webkit-clip-path:polygon(0 0, 100% 30%, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 30%, 100% 100%, 0% 100%);background-color:#065095;z-index:1}#howto-area .bg-group .yellow-bg::before{content:"";position:absolute;top:2px;width:100%;height:100%;-webkit-clip-path:polygon(0 0, 100% 30%, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 30%, 100% 100%, 0% 100%);background-color:#ffd104}#howto-area .container{position:relative;width:90.6666666667%;margin:0 auto;z-index:100}#howto-area .border-bg-group{position:absolute;top:8.5333333333vw;right:0;left:0;width:100%;height:calc(100% - 5.7vw);margin:0 auto;z-index:0}#howto-area .border-bg-group .btm-bg{position:absolute;top:0;width:100%;height:100%;border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9.5% 9.5% 90.5% 90.5%;background-color:#ffd104}#howto-area .border-bg-group .top-bg{position:absolute;top:2.6666666667vw;right:0;left:0;width:94.1176470588%;margin:0 auto;height:calc(100% - 5.22vw);border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9% 9% 91% 91%;background-color:#fff}#howto-area .intro{position:relative;opacity:1;z-index:1}#howto-area .intro::after{content:"";position:absolute;right:0;bottom:-13.3333333333vw;left:0;width:90%;height:73.3333333333vw;margin:0 auto;background-color:#fff;z-index:-1}#howto-area .intro .main-heading{position:absolute;top:19.7333333333vw;right:-.2666666667vw;width:31.8666666667vw;z-index:2;opacity:0;transform:translateY(-10%)}#howto-area .intro .yugi-desc{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;position:absolute;top:5.3333333333vw;left:0;width:100%;z-index:2}#howto-area .intro .yugi-desc img{display:block;width:14.8vw}#howto-area .intro .howto-texts .text-ja{position:absolute;top:21.8666666667vw;left:0vw;width:27.7333333333vw;opacity:0;transform:translateX(10%)}#howto-area .intro .howto-texts .text-en{position:absolute;top:43.2vw;left:4.6666666667vw;width:16.5333333333vw;opacity:0;transform:translateX(10%)}#howto-area .intro .dragon-figure{position:relative;padding-top:21.3333333333vw}#howto-area .intro .dragon-figure .dragon{width:56.4705882353%;margin:0 auto 0 20.2941176471%;opacity:0;transform:translateY(2%)}#howto-area .intro .dragon-figure .clouds .cloud01,#howto-area .intro .dragon-figure .clouds .cloud02{position:absolute;bottom:-8vw;width:63.6vw;z-index:3}#howto-area .intro .dragon-figure .clouds .cloud01{right:44%;opacity:0;transform:translateX(3%)}#howto-area .intro .dragon-figure .clouds .cloud02{left:44%;z-index:3;opacity:0;transform:translateX(-3%)}#howto-area .intro .bubbles .bubbles01,#howto-area .intro .bubbles .bubbles02,#howto-area .intro .bubbles .bubbles03{position:absolute;opacity:0}#howto-area .intro .bubbles .bubbles01{width:43.0666666667vw;bottom:29.4666666667vw;left:-4.6666666667vw;z-index:3}#howto-area .intro .bubbles .bubbles02{width:40.8vw;bottom:24.5333333333vw;right:-2.4vw;z-index:2}#howto-area .intro .bubbles .bubbles03{width:42.2666666667vw;bottom:2.6666666667vw;left:7.0666666667vw;z-index:3}#howto-area.animated .intro .main-heading{animation:how_opening_vertical 3s 0s var(--ease-out-sine) forwards}#howto-area.animated .intro .yugi-desc img{animation:move_heartbeat 1s .8s var(--ease-inout-cubic) forwards}#howto-area.animated .intro .yugi-desc img:nth-child(2){animation-delay:1s}#howto-area.animated .intro .yugi-desc img:nth-child(3){animation-delay:1.2s}#howto-area.animated .intro .yugi-desc img:nth-child(4){animation-delay:1.4s}#howto-area.animated .intro .howto-texts .text-ja{animation:how_opening_horizontal 1s 1.5s var(--ease-out-sine) forwards}#howto-area.animated .intro .howto-texts .text-en{animation:how_opening_horizontal 1s 1.9s var(--ease-out-sine) forwards}#howto-area.animated .intro .dragon-figure .dragon{animation:how_opening_vertical 1s .6s var(--ease-out-sine) forwards}#howto-area.animated .intro .dragon-figure .clouds .cloud01{animation:how_opening_horizontal .8s .6s var(--ease-out-sine) forwards}#howto-area.animated .intro .dragon-figure .clouds .cloud02{animation:how_opening_horizontal .8s .6s var(--ease-out-sine) forwards}#howto-area.animated .intro .bubbles .bubbles01{animation:how_opening_expansion 1s 1.7s var(--ease-inout-expo) forwards}#howto-area.animated .intro .bubbles .bubbles02{animation:how_opening_expansion 1s 1.9s var(--ease-inout-expo) forwards}#howto-area.animated .intro .bubbles .bubbles03{animation:how_opening_expansion 1s 2.1s var(--ease-inout-expo) forwards}#howto-area .cmn-sect{position:relative;z-index:10}#howto-area .cmn-sect .sect-head{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}#howto-area .cmn-sect .sect-num{margin-bottom:3.0666666667vw}#howto-area .cmn-sect .sect-title{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%;margin-bottom:2vw}#howto-area .cmn-sect .sect-title span{margin:0 .6666666667vw}#howto-area .cmn-sect .supp{margin-bottom:5.3333333333vw}#howto-area .sect01{padding:6.9333333333vw 0 10vw}#howto-area .sect01 .sect-num{width:12.5333333333vw}#howto-area .sect01 .sect-sub-title{width:41.2vw;margin-bottom:2.1333333333vw;transform:translateX(200%)}#howto-area .sect01 .sect-title span{display:inline-block;vertical-align:middle;transform:translateX(80vw)}#howto-area .sect01 .sect-title .title-text01{width:8.1333333333vw}#howto-area .sect01 .sect-title .title-text02{width:10.4vw}#howto-area .sect01 .sect-title .title-text03{width:10.8vw}#howto-area .sect01 .sect-title .title-text04{width:10.5333333333vw}#howto-area .sect01 .sect-title .title-text05{width:2.2666666667vw}#howto-area .sect01 .supp{width:60.5333333333vw}#howto-area .sect01 figure{position:relative;left:-4.6666666667vw;width:100vw;margin:0 auto}#howto-area .sect01.in-animated .sect-sub-title{animation:move_vertical .6s .5s var(--ease-inout-circ) forwards}#howto-area .sect01.in-animated .sect-title span{animation:move_skew_in 1s cubic-bezier(0.64, -0.36, 0.1, 1) forwards}#howto-area .sect01.in-animated .sect-title span img{animation:move_skew_in_inner 1s .6s cubic-bezier(0.64, -0.36, 0.1, 2) forwards}#howto-area .sect01.in-animated .sect-title .title-text01{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text01 img{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text02{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text02 img{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text03{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text03 img{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text04{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text04 img{animation-delay:.6s}#howto-area .sect01.in-animated .sect-title .title-text05{animation-delay:.9s}#howto-area .sect01.in-animated .sect-title .title-text05 img{animation-delay:.9s}#howto-area .sect02{padding:0 0 10vw}#howto-area .sect02 .sect-num{width:13.2vw}#howto-area .sect02 .sect-title span{display:inline-block;vertical-align:middle;transform:rotateY(90deg)}#howto-area .sect02 .sect-title .title-text01{width:10.2666666667vw}#howto-area .sect02 .sect-title .title-text02{width:11.0666666667vw}#howto-area .sect02 .sect-title .title-text03{width:10.5333333333vw}#howto-area .sect02 .sect-title .title-text04{width:10.8vw}#howto-area .sect02 .sect-title .title-text05{width:10.5333333333vw}#howto-area .sect02 .sect-title .title-text06{width:2.2666666667vw}#howto-area .sect02 .supp{width:48.9333333333vw}#howto-area .sect02 figure{position:relative;left:-4.6666666667vw;width:100vw;margin:0 auto}#howto-area .sect02.in-animated .sect-title span{animation:move_rotation 1s cubic-bezier(0.6, -0.44, 0.37, 1.44) forwards}#howto-area .sect02.in-animated .sect-title .title-text01{animation-delay:.6s}#howto-area .sect02.in-animated .sect-title .title-text02{animation-delay:.7s}#howto-area .sect02.in-animated .sect-title .title-text03{animation-delay:.8s}#howto-area .sect02.in-animated .sect-title .title-text04{animation-delay:.9s}#howto-area .sect02.in-animated .sect-title .title-text05{animation-delay:1s}#howto-area .sect02.in-animated .sect-title .title-text06{animation-delay:1.1s}#howto-area .sect03{position:relative;width:93.5294117647%;margin:0 auto;padding:7.0666666667vw 0 0vw;border-top:1px solid var(--secondary-color);background-color:var(--primary-color)}#howto-area .sect03 .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}#howto-area .sect03 .bg::before{content:"";position:absolute;top:-35.3333333333vw;left:-78.2666666667vw;width:192.4vw;height:192.1333333333vw;background:url("/nenga2024/assets/img/howto/concentrate_line.webp") no-repeat center;background-size:cover}#howto-area .sect03>*{position:relative;z-index:1}#howto-area .sect03 .sect-num{width:13.2vw}#howto-area .sect03 .sect-title{width:51.8666666667vw;overflow:hidden}#howto-area .sect03 .sect-title img{transform:translateY(100%)}#howto-area .sect03 .supp{width:65.0666666667vw}#howto-area .sect03 figure{position:relative;left:-2.6666666667vw;width:94.8vw;line-height:0;overflow:hidden}#howto-area .sect03.in-animated .bg::before{animation:concentrate_line_rorate 30s 0s linear infinite}#howto-area .sect03.in-animated .sect-title img{animation:move_vertical 1s .5s var(--ease-inout-circ) forwards}#howto-area .sect03.in-animated figure img{animation:move_heartbeat 1.2s 1s var(--ease-inout-cubic) forwards}#howto-area .input-form{padding:9.8666666667vw 0 12vw}#howto-area .cmn-send-btn{position:relative;z-index:100}#howto-area .cmn-send-btn .button-text{width:37.4666666667vw}#dragon-area{position:fixed;top:0;left:0;width:100%;height:100%;background:url("/nenga2024/assets/img/play/bg.webp") no-repeat center;background-size:cover;background-color:#e2e2e2;overflow-y:scroll;opacity:1;visibility:visible}#dragon-area .bg{display:flex;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0;width:81.3333333333%;margin:auto}#dragon-area .container{position:relative;height:100%;z-index:1}#dragon-area .speech-bubble{position:absolute;top:1.7333333333vw;left:1.3333333333vw;width:47.2vw}#dragon-area .dragon-wrap{position:relative;width:100%;height:100%;margin:0 auto;z-index:2}#dragon-area .dragon-wrap .dragon-figure{position:absolute;top:50%;left:50%;width:64.6666666667%;height:118vw;transform:translate(-50%, -50%)}@media screen and (max-height: 555px){#dragon-area .dragon-wrap .dragon-figure{width:56.6666666667%;height:103.3333333333vw}}#dragon-area .dragon-wrap .panel{position:absolute;left:0;width:100%}#dragon-area .dragon-wrap .upper{top:0;z-index:2}#dragon-area .dragon-wrap .lower{bottom:0;z-index:1}#dragon-area .play-buttons button{display:flex;align-items:center;justify-content:flex-end;position:absolute;right:4.2666666667vw;border:none;outline:none;width:32.1333333333vw;height:12.8vw;padding:.6666666667vw 1.6vw 0 0;z-index:3}#dragon-area .play-buttons button .play-text{font-size:4.2666666667vw;letter-spacing:.08em}#dragon-area .play-buttons button .start{color:#00be93}#dragon-area .play-buttons button .stop{padding:.6666666667vw 2.6666666667vw 0 0;color:var(--primary-color)}#dragon-area .play-buttons #play-button-top{top:4.5333333333vw;background:url("/nenga2024/assets/img/play/button_upper.webp") no-repeat center;background-size:cover}#dragon-area .play-buttons #play-button-btm{top:20.6666666667vw;background:url("/nenga2024/assets/img/play/button_lower.webp") no-repeat center;background-size:cover}#dragon-area .cmn-send-btn{position:absolute;right:0;bottom:7.8666666667vw;left:0;margin:0 auto;z-index:3}#dragon-area .cmn-send-btn .button-text{width:32.8vw}#ofuda-area{position:fixed;top:0;left:0;width:100%;height:100%;background:url("/nenga2024/assets/img/play/bg.webp") no-repeat center;background-size:cover;background-color:#e2e2e2;overflow-y:scroll;opacity:0;visibility:hidden}#ofuda-area .lead-text{padding:8.6666666667vw 0 8.5333333333vw;text-align:center}#ofuda-area .lead-text img{width:55.7333333333vw}#ofuda-area .ofuda-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);grid-column-gap:4vw;grid-row-gap:4vw;width:90.6666666667%;margin:0 auto 30.6666666667vw}#ofuda-area .ofuda-list li{position:relative;line-height:0}#ofuda-area .ofuda-list .ofuda-check{display:none}#ofuda-area .ofuda-list .ofuda-check:checked+label::after{content:"";position:absolute;top:50%;left:50%;width:19.4666666667vw;height:17.2vw;background:url("/nenga2024/assets/img/play/hao_mark.webp") no-repeat center;background-size:cover;transform:translate(-50%, -50%)}#ofuda-area .cmn-send-btn{position:fixed;right:0;bottom:7.8666666667vw;left:0;margin:0 auto}#ofuda-area .cmn-send-btn .button-text{width:32.8vw}#ofuda-area.opened{opacity:1;visibility:visible}#loading-area{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary-color);overflow-y:scroll;opacity:1;visibility:visible;z-index:1;transition:opacity 1s var(--ease-inout-cubic),visibility 1s var(--ease-inout-cubic)}#loading-area .ofuda-bg{position:absolute;top:calc(50% - 57vw);left:24vw;width:54.1333333333vw;animation:rotateY 10s linear 0s infinite;z-index:-1}#loading-area .ofuda-bg img{position:relative;z-index:-1}#loading-area .text{position:absolute;top:50%;left:50%;width:38vw;transform:translate(-50%, -50%);z-index:2}#loading-area .text img{position:relative;z-index:2}#loading-area .cmn-send-btn{position:absolute;right:0;bottom:7.8666666667vw;left:0;margin:0 auto;background:rgba(0,0,0,0)}#loading-area .cmn-send-btn .button-text{width:31.6vw}#loading-area.loaded{opacity:0;visibility:hidden}#result-area{position:fixed;top:0;left:0;width:100%;height:100%;line-height:1;overflow-x:hidden;overflow-y:scroll;background-color:#ffd104;opacity:1;visibility:visible}#result-area::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffd104;z-index:101;transform-origin:left;transform:scaleX(0)}#result-area.show::after{animation:left_to_right 1s var(--ease-inout-cubic) forwards}#result-area .container{position:relative;width:90.6666666667%;margin:0 auto;padding:0 0 .1333333333vw}#result-area .container>div:not(.border-bg-group):not(.tasse-obj):not(.hao-dragon-frame){position:relative;z-index:1}#result-area .tasse-obj img{position:absolute;top:0;width:17.4666666667vw;z-index:11}#result-area .tasse-obj .tasse01{left:2vw}#result-area .tasse-obj .tasse02{right:2vw}#result-area .border-bg-group{position:absolute;top:8.5333333333vw;right:0;left:0;width:100%;height:calc(100% - 5.7vw);margin:0 auto;z-index:0}#result-area .border-bg-group .btm-bg{position:absolute;top:0;width:100%;height:100%;border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9.5% 9.5% 90.5% 90.5%;background-color:#029fad}#result-area .border-bg-group .top-bg{position:absolute;top:2.6666666667vw;right:0;left:0;width:94.1176470588%;margin:0 auto;height:calc(100% - 5.22vw);border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9% 9% 91% 91%;background-color:#fff}#result-area .result-head{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;padding:5.3333333333vw 0 2.9333333333vw;width:100%}#result-area .result-head img{display:block;width:14.8vw}#result-area .name-text{margin-bottom:2.4vw;font-size:5.4666666667vw;line-height:1.4146341463;text-align:center}#result-area .hao-dragon-name{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;position:relative;left:-2vw;width:104.4117647059%;margin-bottom:3.2vw;padding:3.4666666667vw 0;font-size:8.6666666667vw;color:#fff;letter-spacing:.075em;text-align:center;background:url("/nenga2024/assets/img/result/hao_name_bg.webp") no-repeat center;background-size:cover}#result-area .hao-dragon-frame{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;height:100%;margin:0 auto;overflow-y:hidden;overflow-x:hidden;background-color:#fff;z-index:100}#result-area .hao-dragon-frame .hao-dragon-wrap{position:relative;width:100%}@media screen and (max-height: 555px){#result-area .hao-dragon-frame .hao-dragon-wrap{width:86%}}#result-area .hao-dragon-frame .dragon-figure{position:relative}#result-area .hao-dragon-frame .dragon-figure .block{position:absolute;top:21.0666666667vw;left:50%;width:66vw;height:120.6666666667vw;transform:translateX(-50%)}@media screen and (max-height: 555px){#result-area .hao-dragon-frame .dragon-figure .block{top:17.3333333333vw;width:63.3333333333vw;height:116vw}}#result-area .hao-dragon-frame .dragon-figure .block img{filter:contrast(0%) brightness(0%)}#result-area .hao-dragon-frame .dragon-figure .panel{position:absolute;left:0;margin:0 auto;width:100%}#result-area .hao-dragon-frame .dragon-figure .upper{top:0;z-index:1}#result-area .hao-dragon-frame .dragon-figure .lower{bottom:0}#result-area .hao-dragon-frame .dragon-figure .ofuda{line-height:0}#result-area .hao-dragon-frame .clouds img{position:absolute}#result-area .hao-dragon-frame .clouds .cloud-left01,#result-area .hao-dragon-frame .clouds .cloud-left02,#result-area .hao-dragon-frame .clouds .cloud-left03{transform:rotate(-18deg)}#result-area .hao-dragon-frame .clouds .cloud-left01{top:9.3333333333vw;right:40vw;width:72.5333333333vw}#result-area .hao-dragon-frame .clouds .cloud-left02{top:52.6666666667vw;right:46vw;width:63.6vw}#result-area .hao-dragon-frame .clouds .cloud-left03{top:90.4vw;right:38.6666666667vw;width:88vw}#result-area .hao-dragon-frame .clouds .cloud-right01,#result-area .hao-dragon-frame .clouds .cloud-right02,#result-area .hao-dragon-frame .clouds .cloud-right03{transform:rotate(18deg)}#result-area .hao-dragon-frame .clouds .cloud-right01{top:22.1333333333vw;left:51.3333333333vw;width:63.6vw}#result-area .hao-dragon-frame .clouds .cloud-right02{top:73.0666666667vw;left:43.4666666667vw;width:88vw}#result-area .hao-dragon-frame .clouds .cloud-right03{top:127.6vw;left:51.7333333333vw;width:63.6vw}#result-area .hao-dragon-frame .squeal{position:absolute;top:63.2vw;left:0vw;font-size:19.4666666667vw;color:var(--primary-color);letter-spacing:.01em;transform:rotate(-15deg);text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,6px 6px 0 var(--primary-color),10px 10px 0 #029fad,14px 14px 0 #ffd004,18px 18px 0 #f85164;opacity:0;visibility:visible;transform-origin:center}@media screen and (max-height: 555px){#result-area .hao-dragon-frame .squeal{left:-6.1333333333vw}}#result-area .hao-dragon-frame.load-animated .dragon-figure .block img{animation:silhouette 2s 1.3s var(--ease-inout-cubic) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-left01{animation:move_clouds_left 7s 1s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-left02{animation:move_clouds_left 7.5s 1.3s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-left03{animation:move_clouds_left 8s 1.4s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-right01{animation:move_clouds_right 9s 1.2s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-right02{animation:move_clouds_right 7s 1s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .clouds .cloud-right03{animation:move_clouds_right 7.5s 1.4s var(--ease-out-quint) forwards}#result-area .hao-dragon-frame.load-animated .squeal{animation:haooooo_squeal .33s infinite,haooooo_squeal_scale 1s 2.5s ease-in forwards}#result-area .hao-dragon-frame.shrink{position:relative;background-color:rgba(0,0,0,0);animation:hide_show .5s 0 var(--ease-out-quint);overflow:hidden}#result-area .hao-dragon-frame.shrink .hao-dragon-wrap{width:76vw}#result-area .hao-dragon-frame.shrink .dragon-figure{position:relative}#result-area .hao-dragon-frame.shrink .dragon-figure .block{position:absolute;top:16.2666666667vw;left:50%;width:52.9333333333vw;height:96.8vw;transform:translateX(-50%)}#result-area .hao-dragon-frame.shrink .dragon-figure .block img{filter:contrast(100%) brightness(100%)}#result-area .hao-dragon-frame.shrink .clouds,#result-area .hao-dragon-frame.shrink .squeal{opacity:0;visibility:hidden}#result-area .result-texts{display:flex;align-items:stretch;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap;width:73.5294117647%;margin:0 auto;padding:2.6666666667vw 0 7.3333333333vw}#result-area .result-texts::after{content:"";display:block;position:absolute;bottom:6.4vw;left:-4.5333333333vw;width:19.6vw;height:19.4666666667vw;background:url("/nenga2024/assets/img/result/seal.webp") no-repeat center;background-size:cover;z-index:1}#result-area .result-texts>div{position:relative;display:block;width:20%;min-height:74.8vw;padding:1.7333333333vw 2.9333333333vw;border-left:1px solid #afafaf;font-size:6.4vw;writing-mode:vertical-rl}#result-area .result-texts>div span{position:relative;z-index:3}#result-area .result-texts>div:first-child{border-right:1px solid #afafaf}#result-area .better-fortune{position:relative;width:82.3529411765%;margin:0 auto 6.6666666667vw}#result-area .better-fortune:before{content:"";position:absolute;top:1.3333333333vw;left:1.3333333333vw;width:100%;height:100%;border:1px solid var(--secondary-color);background-color:#f85164}#result-area .better-fortune .inner{position:relative;padding:13.3333333333vw 0 0;border:1px solid var(--secondary-color);background:#fff}#result-area .better-fortune .head{position:absolute;top:-2.6666666667vw;left:50%;width:74.9333333333vw;transform:translateX(-50%)}#result-area .better-fortune .desc{position:relative;padding:6vw 3.2vw 6.1333333333vw;border-top:none;text-align:center;color:var(--primary-color);letter-spacing:.135em}#result-area .better-fortune .brand-name,#result-area .better-fortune .spot-place{padding:0 0 2.4vw;font-size:4.8vw;color:var(--secondary-color)}#result-area .better-fortune .item-name,#result-area .better-fortune .spot-name{padding:0 0 3.3333333333vw;font-size:8vw;line-height:1.3}#result-area .better-fortune .few-words{padding:0 4vw;font-size:4.8vw;color:var(--secondary-color);letter-spacing:.15em;line-height:1.5277777778}#result-area .input-form{padding:8.1333333333vw 0 8.2666666667vw}#result-area .input-form .font-en{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;font-size:3.4666666667vw;color:var(--primary-color);letter-spacing:.135em}#result-area .input-form .font-en::before,#result-area .input-form .font-en::after{content:"/";padding:0 1.3333333333vw;font-family:"Courier New",Courier,monospace;font-weight:bold;font-size:4vw}#result-area .input-form .font-en::before{transform:rotateY(180deg)}#result-area .input-form .cmn-send-btn{margin:2.2666666667vw auto 0;padding:4.2666666667vw 1.3333333333vw}#result-area .input-form .cmn-send-btn .button-arrow{width:8.1333333333vw;margin:0 3.2vw 0 0}#result-area .input-form .cmn-send-btn .button-text{width:36.8vw}.not-play{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;height:100%;line-height:2;background-color:var(--primary-color);z-index:2}.not-play p{font-size:4.5333333333vw;color:#fff}.not-play .input-form{padding:8.1333333333vw 0 8.2666666667vw}.not-play .input-form .font-en{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;font-size:3.4666666667vw;color:var(--primary-color);letter-spacing:.135em}.not-play .input-form .font-en::before,.not-play .input-form .font-en::after{content:"/";padding:0 1.3333333333vw;font-family:"Courier New",Courier,monospace;font-weight:bold;font-size:4vw}.not-play .input-form .font-en::before{transform:rotateY(180deg)}.not-play .input-form .cmn-send-btn{margin:2.2666666667vw auto 0;padding:4.2666666667vw 1.3333333333vw}.not-play .input-form .cmn-send-btn .button-arrow{width:8.1333333333vw;margin:0 3.2vw 0 0}.not-play .input-form .cmn-send-btn .button-text{width:36.8vw}#home{position:relative}#home .main-contents{position:relative;max-width:540px;margin:0 auto;padding:80px 0}#home .container{position:relative;margin:0 auto 40px}#home .border-bg-group{position:absolute;top:0;right:0;left:0;width:100%;height:calc(100% + 15px);margin:0 auto;z-index:0}#home .border-bg-group .btm-bg{position:absolute;top:0;width:100%;height:100%;border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9.5% 9.5% 90.5% 90.5%;background-color:#ffd104}#home .border-bg-group .top-bg{position:absolute;top:15px;right:0;left:0;width:calc(100% - 30px);margin:0 auto;height:calc(100% - 30px);border:1px solid var(--secondary-color);border-radius:50% 50% 0% 0%/9% 9% 91% 91%;background-color:#fff}#home .intro{position:relative}#home .intro .main-heading{position:absolute;top:124px;right:-2px;width:180px;z-index:1;transform:translateY(-10%)}#home .intro .yugi-desc{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;position:absolute;top:-20px;left:0;width:100%}#home .intro .yugi-desc img{display:block;width:64px}#home .intro .howto-texts .text-ja{position:absolute;top:114px;left:0;width:148.5714285714px}#home .intro .howto-texts .text-en{position:absolute;top:228px;left:35px;width:88.5714285714px}#home .intro .dragon-figure{position:relative;padding-top:78px}#home .intro .dragon-figure .dragon{width:274.2857142857px;margin:0 auto}#home .intro .dragon-figure .clouds .cloud01,#home .intro .dragon-figure .clouds .cloud02{position:absolute;bottom:-60px;width:340.7142857143px}#home .intro .dragon-figure .clouds .cloud01{right:44%}#home .intro .dragon-figure .clouds .cloud02{left:44%;z-index:1}#home .intro .bubbles .bubbles01,#home .intro .bubbles .bubbles02,#home .intro .bubbles .bubbles03{position:absolute}#home .intro .bubbles .bubbles01{width:213px;bottom:130px;left:-35px}#home .intro .bubbles .bubbles02{width:218px;bottom:130px;right:-18px;z-index:0}#home .intro .bubbles .bubbles03{width:226px;bottom:-15px;left:65px}#home .cmn-sect{position:relative;z-index:10}#home .cmn-sect .sect-head{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}#home .cmn-sect .sect-num{margin-bottom:23px}#home .cmn-sect .sect-title{margin-bottom:15px}#home .cmn-sect .supp{margin-bottom:40px}#home .sect01{padding:52px 0 75px}#home .sect01 .sect-num{width:64px}#home .sect01 .sect-sub-title{width:221px;margin-bottom:16px}#home .sect01 .sect-title span{display:inline-block;vertical-align:middle}#home .sect01 .sect-title .title-text01{width:44px}#home .sect01 .sect-title .title-text02{width:56px}#home .sect01 .sect-title .title-text03{width:58px}#home .sect01 .sect-title .title-text04{width:56px}#home .sect01 .sect-title .title-text05{width:12px}#home .sect01 .supp{width:324px}#home .sect01 figure{width:100%;margin:0 auto}#home .sect02{padding:0 0 75px}#home .sect02 .sect-num{width:71px}#home .sect02 .sect-title span{display:inline-block;vertical-align:middle}#home .sect02 .sect-title .title-text01{width:55px}#home .sect02 .sect-title .title-text02{width:59px}#home .sect02 .sect-title .title-text03{width:56px}#home .sect02 .sect-title .title-text04{width:58px}#home .sect02 .sect-title .title-text05{width:56px}#home .sect02 .sect-title .title-text06{width:12px}#home .sect02 .supp{width:262px}#home .sect02 figure{width:100%;margin:0 auto}#home .sect03{position:relative;width:calc(100% - 30px);margin:0 auto;padding:53px 0 0;border-top:1px solid var(--secondary-color);background-color:var(--primary-color)}#home .sect03 .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}#home .sect03 .bg::before{content:"";position:absolute;top:-189px;left:-394px;width:1031px;height:1029px;background:url("/nenga2024/assets/img/howto/concentrate_line.webp") no-repeat center;background-size:cover}#home .sect03>*{position:relative;z-index:1}#home .sect03 .sect-num{width:71px}#home .sect03 .sect-title{width:278px;overflow:hidden}#home .sect03 .supp{width:349px}#home .sect03 figure{position:relative;left:9px;width:508px;line-height:0;overflow:hidden}#home .sect03.in-animated .bg::before{animation:concentrate_line_rorate 30s 0s linear infinite}#home .sect03.in-animated .sect-title img{animation:move_vertical 1s .5s var(--ease-inout-circ) forwards}#home .sect03.in-animated figure img{animation:move_heartbeat 1.2s 1s var(--ease-inout-cubic) forwards}#home .qr-code .text{font-size:16px;line-height:1.5;color:#fff}#home .qr-code .code{width:50%;padding:30px 0 0;margin:0 auto}#rotate-phone{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-color);z-index:10000;opacity:0;visibility:hidden}#rotate-phone .icon{width:10.4166666667vw}#rotate-phone p{font-size:2.0833333333vw;color:#fff}#rotate-phone.show{opacity:1;visibility:visible}/*# sourceMappingURL=style.css.map */