html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea{padding:0;margin:0;box-sizing:border-box}body{font-size:10px;font-size:1.4rem;line-height:2.8rem;font-family:"DotGothic16",sans-serif;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;position:relative;background-size:384px auto;background-position:center center;overflow-x:hidden;background-color:#dde7dc}body::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/bg_kv.png);background-position:center top;position:fixed;background-repeat:no-repeat;content:"";padding-top:100vh;width:100%;display:block}body.nobg{background-color:#c6d6aa}body.nobg::before{display:none}body section.stuck+section:not(.stuck){box-shadow:none}body section{width:100vw}.lp_header{background:rgba(255,255,255,.5019607843)}img{max-width:100%}br.sp{display:none}@media(max-width: 1200px){br.sp{display:block}}section{overflow-x:hidden}a{transition:opacity .2s}a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);transition:.1s all}a.inactive{opacity:1}.content-width{max-width:1200px;margin:0 auto}.kv{position:fixed;top:0;left:0;width:100vw;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes fadein{from{opacity:.9;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein{from{opacity:.9;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.kv .inner{position:relative;padding-top:596px;margin:0 auto;width:100vw}.kv .logo{position:absolute;top:40px;right:-40px}.kv .btn-coupon{position:absolute;left:27px;top:75px}@media(max-width: 1200px){.kv .btn-coupon{width:52vw;top:17vw;left:2vw}.kv .logo{top:15vw;width:55vw;right:1vw}.kv .inner{padding-top:61vw}}.container{padding-top:316px}@media(max-width: 1200px){.container{padding-top:calc(58vw - 43px)}}.box-container{position:relative;z-index:10}.white-box{background:#fff;margin:0 auto;border:3px solid #333;border-radius:3px;padding:70px 50px;-webkit-filter:drop-shadow(6px 6px 0px #999);filter:drop-shadow(6px 6px 0px #999);position:relative;z-index:10}@media(max-width: 768px){.white-box{border:1px solid #333}}.about{padding-top:42vw;position:relative}.about::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #c6d6aa rgba(0,0,0,0);z-index:2}.about::after{content:"";position:absolute;top:-3px;left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);z-index:1}.about .block-left{position:absolute;top:48vw;left:50%;margin-left:-910px;z-index:5;pointer-events:none}.about .block-right{position:absolute;top:11vw;right:50%;margin-right:-800px;z-index:5;pointer-events:none}.about .bg{background-color:#c6d6aa;position:relative;padding:100px 0 100px}.about .title{position:absolute;top:-200px;right:0;z-index:5}.about .white-box{padding:30px;margin-top:-50px;position:relative;line-height:5rem}.about .white-box .marker{background-color:#fc0;padding:0 0 0 5px}.about .white-box::after{content:"";position:absolute;top:-97px;left:16px;z-index:5;width:142px;height:142px;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/about_title_bg.png);background-size:100% auto;background-repeat:no-repeat}.about .white-box .btn-comfirm{position:absolute;top:-400px;right:0;z-index:5;max-width:30vw;text-align:right;-webkit-animation:key1 .9s ease infinite alternate;animation:key1 .9s ease infinite alternate;transition-timing-function:cubic-bezier(0, 0, 3, 0)}@-webkit-keyframes key1{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}10%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes key1{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}10%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.about .white-box p{text-align:center;font-size:24px;color:#069;font-weight:bold;letter-spacing:.8rem}.about .white-box p.headline{color:#bc7285;font-size:36px;padding-bottom:30px}.about .white-box p.note{font-size:14px;text-align:left;padding-top:10px;letter-spacing:.4rem;line-height:1.4;font-family:"M PLUS Rounded 1c",sans-serif;padding-left:1em;text-indent:-1em}.about .white-box p.note a{text-decoration:underline}.about .white-box .close_txt{background-color:#d34646;color:#fff;margin-bottom:10px;padding:5px;text-align:center;font-size:2rem;padding:10px}.about .white-box .close_txt a{color:#fff;border:solid 2px #fff;background-color:#8f2525;padding:4px 12px;margin-left:10px}.about .white-box .close_txt a .cursol{-webkit-animation:blink 1s infinite alternate;animation:blink 1s infinite alternate}@media(max-width: 768px){.about .white-box .close_txt{font-size:1.4rem;line-height:3.6rem}}@-webkit-keyframes blink{0%,100%{opacity:0}50%{opacity:1}}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}.about .flow{display:flex;flex-wrap:wrap;padding-top:110px;justify-content:space-between}.about .flow .step{width:32%;padding:2%;text-align:center;position:relative}.about .flow .step::before{position:absolute;top:50%;right:-6%;margin-top:-10px;content:">>";color:#069}.about .flow .step:last-child::before{display:none}.about .flow .step p{color:#069;font-size:24px;font-weight:800;letter-spacing:2px}.about .flow .step img{margin-top:25px}@media(max-width: 1200px){.about .block-left{margin-left:-55vw;top:88vw;z-index:100;width:20vw}.about .flow .step{padding:2% 2% 7%}.about .flow .step::before{top:auto;bottom:0;right:50%;margin-right:-15px;-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:2rem}.about .white-box .btn-comfirm{width:47vw;top:-35vw;max-width:none}.about .white-box::after{width:17vw;top:-11.7vw}.about .title{width:32vw;top:-14vw}.about .bg{padding:29vw 5vw 23vw}.about .flow .step{width:100%}.about .flow .step p{font-weight:bold}}@media(max-width: 768px){.about::after{top:-1px}.about .flow .step{padding:2% 2% 12vw}.about .white-box{padding:5vw 5vw}.about .white-box p{font-size:3.6vw;line-height:6vw;letter-spacing:.16rem}.about .white-box p.headline{font-size:5vw;padding-bottom:4vw;line-height:10vw}.about .white-box p.note{font-size:11px;line-height:1.6;letter-spacing:.2em;color:#666}.about .flow{padding-top:18vw}.about .flow .step{width:75vw;margin:0 auto}.about .flow .step img{margin-top:4vw}.about .flow .step p{font-size:4vw}}.tutorial{position:relative;padding-top:calc(42vw + 150px);padding-bottom:100px}.tutorial::before{content:"";position:absolute;top:10vw;left:0;width:0;height:0;border-style:solid;border-width:0 100vw 42vw 0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #baa290 rgba(0,0,0,0);z-index:2}.tutorial::after{content:"";position:absolute;top:calc(10vw - 3px);left:0;width:0;height:0;border-style:solid;border-width:0 100vw 42vw 0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);z-index:1}.tutorial .close_txt{background-color:#d34646;color:#fff;margin-bottom:20px;padding:5px;text-align:center;font-size:2rem;padding:10px}@media(max-width: 768px){.tutorial .close_txt{font-size:1.4rem;line-height:1.4em;text-align:left}}.tutorial .fill{background:#baa290;padding-top:13vw;position:absolute;top:52vw;right:0;width:50vw}.tutorial .road::before{content:"";position:absolute;top:23vw;left:0;width:0;height:0;border-style:solid;border-width:0 100vw 42vw 0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #d1bdae rgba(0,0,0,0);z-index:4}.tutorial .road::after{content:"";position:absolute;top:calc(23vw - 3px);left:0;width:0;height:0;border-style:solid;border-width:0 100vw 42vw 0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);z-index:3}.tutorial .road-chara{position:absolute;top:10vw;right:46vw;width:20vw;padding-top:30vw;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_chara_top.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center;z-index:10;-webkit-animation:purupuru_anim 1.5s infinite;animation:purupuru_anim 1.5s infinite}@-webkit-keyframes purupuru_anim{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}5%{-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}10%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}15%{-webkit-transform:translate(-2px, 0);transform:translate(-2px, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}25%{-webkit-transform:translate(-2px, 0);transform:translate(-2px, 0)}30%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes purupuru_anim{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}5%{-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}10%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}15%{-webkit-transform:translate(-2px, 0);transform:translate(-2px, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}25%{-webkit-transform:translate(-2px, 0);transform:translate(-2px, 0)}30%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.tutorial .road-coin{position:absolute;top:34vw;right:24vw;z-index:11}.tutorial .road-coin span{display:block;position:relative;width:10vw;height:10vw;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_coin_01.png);background-repeat:no-repeat;background-size:100% auto;background-size:contain;background-position:center center;-webkit-animation:animcoin 1.5s infinite;animation:animcoin 1.5s infinite}@-webkit-keyframes animcoin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}60%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes animcoin{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}60%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}.tutorial .road-coin span:nth-child(2),.tutorial .road-coin span:nth-child(3){background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_coin_02.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center;content:"";background-size:contain;width:12vw;height:30vw;position:absolute;background-repeat:no-repeat;top:-22vw;right:-12vw}.tutorial .road-coin span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.tutorial .road-coin span:nth-child(3){width:16vw;right:-27vw;top:-37vw;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_coin_03.png);-webkit-animation-delay:.6s;animation-delay:.6s}.tutorial .bg{background-color:#d1bdae;padding:50px 0 200px;padding-top:calc(10vw + 50px)}.tutorial .bg-inner{position:relative}.tutorial .bg-inner .dokan-left{position:absolute;top:5vw;left:0}.tutorial .title{top:-247px;left:0;text-align:center;position:absolute;width:100%;z-index:10}.tutorial .title .chara-anime{position:absolute;top:-61px;left:50%;margin-left:-578px;z-index:-1}.tutorial .title .chara-anime span{position:relative;display:block;width:109px;height:116px}.tutorial .title .chara-anime span img{position:absolute;top:0;left:0;-webkit-animation:dokangirl 2.5s infinite;animation:dokangirl 2.5s infinite}@-webkit-keyframes dokangirl{0%{top:50px}30%{top:0}50%{top:0}100%{top:50px}}@keyframes dokangirl{0%{top:50px}30%{top:0}50%{top:0}100%{top:50px}}.tutorial .title img{vertical-align:bottom}.tutorial .box-container{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_box-bottom.png);padding-bottom:132px;background-repeat:no-repeat;background-position:bottom right 40px}.tutorial .white-box{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_bg.png);background-position:center bottom;background-repeat:no-repeat;background-color:#f2eded;position:relative}.tutorial .white-box .row{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.tutorial .white-box .row .card{width:49%;min-height:446px;text-align:center;position:relative;margin:0 auto 1%;padding-bottom:12%;background:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_card_bg.png) no-repeat left top/100% auto}.tutorial .white-box .row .card::before{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;background:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_card_bg_bottom.png) no-repeat left bottom/100% auto}.tutorial .white-box .row .card img{width:100%;height:auto}.tutorial .white-box .row .card .texts{font-family:"M PLUS Rounded 1c",sans-serif;width:100%;-webkit-transform:rotate(-0.06deg);transform:rotate(-0.06deg)}.tutorial .white-box .row .card .texts .card-title{font-size:28px;padding-top:22px;margin-left:10px;position:relative;line-height:1.4em}.tutorial .white-box .row .card .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_01.png);padding-left:200px;background-repeat:no-repeat;background-position:left center;background-size:contain;content:"";width:80px;height:80px;position:absolute;top:20px;left:0}.tutorial .white-box .row .card .texts .caption{font-size:14px;padding:70px 30px 0;line-height:30px;-webkit-transform:rotate(-0.06deg);transform:rotate(-0.06deg);text-align:left}@media(max-width: 1200px){.tutorial .white-box .row .card .texts .caption{padding:70px 15px 50px}}.tutorial .white-box .row .card .texts .caption small{display:inline-block;line-height:1.8}.tutorial .white-box .row .card .texts .status{font-size:24px;padding:65px 100px 0 0;position:relative}.tutorial .white-box .row .card .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_bronze.png);padding-left:200px;background-repeat:no-repeat;background-position:right center;background-size:contain;content:"";width:80px;height:80px;position:absolute;top:40px;right:100px}.tutorial .white-box .row .card .btn{position:absolute;bottom:40px;left:0;width:100%}.tutorial .white-box .row .card .btn .try.type-clear{pointer-events:none}.tutorial .white-box .row .card .btn a{width:70%;margin:0 auto;display:block}.tutorial .white-box .row .card:nth-child(2) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_02.png)}.tutorial .white-box .row .card:nth-child(3) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_03.png)}.tutorial .white-box .row .card:nth-child(3) .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_bronze.png)}.tutorial .white-box .row .card:nth-child(4) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_04.png)}.tutorial .white-box .row .card:nth-child(4) .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_bronze.png)}.tutorial .white-box .row .card:nth-child(5) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_05.png)}.tutorial .white-box .row .card:nth-child(5) .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_bronze.png)}.tutorial .white-box .row .card:nth-child(6) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_06.png)}.tutorial .white-box .row .card:nth-child(6) .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_bronze.png)}.tutorial .white-box .row .card:nth-child(7){position:relative}.tutorial .white-box .row .card:nth-child(7) .chara-side{position:absolute;bottom:50px;left:-50%;margin-left:-188px;z-index:100;-webkit-animation:horizontal2 1s ease-in-out infinite alternate}.tutorial .white-box .row .card:nth-child(7) .chara-side img{-webkit-animation:vertical 1s ease-in-out infinite alternate;-webkit-animation-duration:1.5s;-webkit-animation:animcoin 4s infinite;animation:animcoin 4s infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translateY(-20px)}100%{-webkit-transform:translateY(0px)}}@-webkit-keyframes horizontal2{0%{-webkit-transform:translateX(13px)}100%{-webkit-transform:translateX(0px)}}.tutorial .white-box .row .card:nth-child(7) .texts .card-title::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_badge_07.png)}.tutorial .white-box .row .card:nth-child(7) .texts .status::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/tutorial_trophy_silver.png)}.tutorial .white-box .btn-get{margin:100px auto 40px;text-align:center;max-width:930px}.tutorial .white-box .btn-get.type-disable a{pointer-events:none;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.tutorial .white-box .btn-get p{margin-top:10px;font-size:2rem;padding:1rem;color:#ddd;background-color:#333}@media(max-width: 1200px){.tutorial .white-box .btn-get p{font-size:11px;line-height:1.4;text-align:left}}@media(max-width: 1200px){.tutorial::after{top:calc(10vw - 1px)}.tutorial .road::after{top:calc(23vw - 1px)}.tutorial .bg{padding-top:20.5vw}.tutorial .bg-inner .dokan-left{-webkit-transform:rotate(180deg);transform:rotate(180deg);left:auto;right:-8vw;width:14vw;top:50%;z-index:100}.tutorial .title{top:-130px;background-color:#d1bdae}.tutorial .title .chara-anime{top:auto;bottom:76px;margin-left:-307px}@-webkit-keyframes dokangirl{0%{top:7vw}30%{top:0}50%{top:0}100%{top:7vw}}@keyframes dokangirl{0%{top:7vw}30%{top:0}50%{top:0}100%{top:7vw}}.tutorial .title img{max-width:900px;height:auto}.tutorial .title img.sp{display:inline-block}.tutorial .box-container{background-position:bottom right 40px;max-width:640px;margin:0 auto}.tutorial .white-box{margin:0 auto;max-width:640px}.tutorial .white-box .row .card{width:100%;margin:0 auto 5%}.tutorial .white-box .row .card:nth-child(7) .chara-side{display:none}.tutorial .white-box .btn-get{margin:6vw 0 3vw}}@media(max-width: 768px){.tutorial .title{top:-18vw;background-color:rgba(0,0,0,0)}.tutorial .title img{max-width:88vw;height:auto}.tutorial .title .chara-anime{bottom:auto;top:-8vw;margin-left:-41vw}.tutorial .title .chara-anime img{width:15vw}.tutorial .fill{padding-top:12vw}.tutorial .bg{padding:23vw 0;margin-top:-12vw}.tutorial .road-chara{top:7vw;right:37vw;width:24vw;padding-top:37vw}.tutorial .box-container{background-size:auto 80px;padding-bottom:80px}.tutorial .white-box{width:90vw;max-width:100%;margin:0 auto;padding:5vw}.tutorial .white-box .row .card{min-height:66vw}.tutorial .white-box .row .card .texts .card-title{font-size:4vw;line-height:6.5vw;padding-top:3vw;height:18vw}.tutorial .white-box .row .card .texts .card-title::before{width:10vw;height:10vw;padding-left:2vw;top:3vw}.tutorial .white-box .row .card .texts .status{font-size:3.5vw;line-height:4.8vw;padding:8vw 11vw 0 0;height:15vw}.tutorial .white-box .row .card .texts .status::before{height:11vw;top:5vw;width:10vw;right:17vw}.tutorial .white-box .row .card .texts .caption{font-size:14px;line-height:4.4vw;padding:8vw 4vw}.tutorial .white-box .row .card .texts .caption small{line-height:3.8vw;margin-top:1vw}.tutorial .white-box .row .card .btn{bottom:4vw}}@media(max-width: 600px){.tutorial .bg{margin-top:-17vw}.tutorial .title .chara-anime{margin-left:-43vw}}@media(max-width: 320px){.tutorial .bg{margin-top:-24vw;margin-top:-32vw}}.caution{position:relative;padding-top:calc(42vw + 120px)}.caution::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #a8bd98 rgba(0,0,0,0);z-index:2}.caution::after{content:"";position:absolute;top:-3px;left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);z-index:1}.caution .fill{background:#a8bd98;padding-top:12vw;position:absolute;top:42vw;left:0;width:50vw}.caution .road::before{content:"";position:absolute;top:12vw;left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #cc9 rgba(0,0,0,0);z-index:4}.caution .road::after{content:"";position:absolute;top:calc(12vw - 3px);left:0;width:0;height:0;border-style:solid;border-width:0 0 42vw 100vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0);z-index:3}.caution .road-chara{position:absolute;top:-10vw;right:42vw;width:50vw;padding-top:80vw;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/caution_chara.png);background-repeat:no-repeat;background-size:100% auto;background-position:center center;z-index:10}.caution .bg{background-color:#cc9;max-width:100%;padding-top:13vw}.caution .title{text-align:center;margin:-200px auto 0}.caution .title img{vertical-align:bottom}.caution .white-box{color:#333;font-size:20px;line-height:30px;padding:60px;font-family:"M PLUS Rounded 1c",sans-serif;-webkit-transform:rotate(-0.06deg);transform:rotate(-0.06deg)}.caution .white-box a{text-decoration:underline}.caution .white-box dl{-webkit-transform:rotate(0.06deg);transform:rotate(0.06deg)}.caution .white-box dl dt{font-size:2rem;padding:20px 0}.caution .white-box dl dt.cap{font-size:2.4rem;text-align:center;font-weight:bold;margin-bottom:1rem;line-height:4rem}@media(max-width: 1200px){.caution .white-box dl dt.cap{font-size:16px;text-align:left;line-height:1.4em}}.caution .white-box dl dd p{padding-left:40px;text-indent:-20px;padding-bottom:30px;font-size:20px}@media(max-width: 1200px){.caution .bg{padding:29vw 5vw 12vw;margin-top:0}.caution .fill{padding-top:19vw}.caution .title,.caution .white-box{max-width:640px}.caution .road::before{top:19vw}.caution .road::after{top:calc(19vw - 3px)}}@media(max-width: 768px){.caution::after{top:-1px}.caution .road-chara{top:-15vw;right:13vw;width:79vw}.caution .road::before{top:19vw}.caution .road::after{top:calc(19vw - 1px)}.caution .title{top:-18vw;background-color:rgba(0,0,0,0)}.caution .title img{max-width:85vw;height:auto}.caution .bg{padding-top:52vw;margin-top:-13vw}.caution .fill{padding-top:19vw}.caution .white-box{padding:4vw}.caution .white-box dl dt{font-size:16px;padding-bottom:0}.caution .white-box dl dd p{font-size:16px;padding-bottom:0;padding-left:6vw;text-indent:-3vw;padding-left:1em;text-indent:-1em}}@media(max-width: 320px){.caution .bg{padding-top:0;margin-top:44vw}}.footer{background-color:#cc9;padding-top:90px;text-align:center;position:relative}.footer p{line-height:30px;padding-bottom:30px;letter-spacing:.5rem;font-weight:800}.footer .banner{padding:162px 20px 100px;background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/footer-icon.png);background-position:top center;background-repeat:no-repeat}.footer .banner img{border:5px solid #1c1c1c}@media(max-width: 768px){.footer{padding:6vw}.footer p{font-size:22px;line-height:7vw}.footer .banner{background-size:21% auto;padding:23vw 0 6vw 0}}@media(max-width: 1200px){body::before{background-image:url(https://www.dlsite.com/modpub/images/campaign/tutorial/kv.png);background-size:100% auto}.sp{display:block}.pc{display:none}}.lp_footer{letter-spacing:.3rem}.result_overlay{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:1000}.result{position:fixed;width:480px;top:129px;left:0;right:0;margin:auto;padding:30px;background-color:#c7c7c7;border:4px solid #fff;box-shadow:3px 3px 0 6px #000;-webkit-animation:bounceIn .8s;animation:bounceIn .8s;opacity:.95;z-index:1001}@media(max-width: 1200px){.result{width:90%}}.result .result_close{position:absolute;right:0;top:-30px;width:30px;cursor:pointer}.result .result_close::before,.result .result_close::after{position:relative;content:"";display:block;width:100%;height:4px;background-color:#fff}.result .result_close::before{top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.result .result_close::after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.result .result_en{width:75%;position:absolute;top:-40px;left:10px;-webkit-animation:flash 1s linear infinite;animation:flash 1s linear infinite}@-webkit-keyframes flash{0%,100%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(200%);filter:brightness(200%)}}@keyframes flash{0%,100%{-webkit-filter:brightness(100%);filter:brightness(100%)}50%{-webkit-filter:brightness(200%);filter:brightness(200%)}}.result .result_img{display:block;width:360px;margin:0 auto}.result .btn_wrap{display:flex;justify-content:center}@media(max-width: 1200px){.result .btn_wrap{flex-direction:column}}.result .result_content .result_text{text-align:center;font-size:1.4rem;letter-spacing:.1rem;line-height:3rem;font-weight:bold;margin:10px 0}@media(max-width: 1200px){.result .result_content .result_text{font-size:1.2rem;line-height:2rem}}.result .result_content .result_text a{text-decoration:underline}.result .result_content .supplement{font-size:1.4rem;line-height:2rem;margin:20px 0;font-weight:bold;letter-spacing:.1rem}.result .result_coupon,.result .result_share{width:100%}.result .result_coupon a,.result .result_share a{display:block;background-color:#42b1ea;color:#fff;border-radius:.5rem;margin-top:4px;padding:.7em 0;text-align:center;margin:0 5px;box-shadow:0px 5px 0px #069}@media(max-width: 1200px){.result .result_coupon a,.result .result_share a{margin:5px}}.result .result_coupon a i,.result .result_share a i{color:#fff;margin-right:4px}.result .result_coupon a:hover,.result .result_share a:hover{opacity:.8}.result .result_coupon .coupon,.result .result_share .coupon{background-color:#fc0;border:1px solid #c60;color:#000}.result .result_coupon .caution,.result .result_share .caution{color:#c00;display:block;font-size:.8rem}.result_overlay{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .6s ease}.result_overlay.is-open{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.result{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .6s ease}.result.is-open{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}button{border:none;cursor:pointer}.global_overlay{background:rgba(63,76,88,.4);position:fixed;height:100%;width:100%;top:0;left:0;z-index:9999;padding:20px 100px;box-sizing:border-box}.global_overlay.gray01{background:rgba(0,0,0,.18)}.global_overlay_container{position:relative;height:100%;display:flex;justify-content:center;align-items:center}@-webkit-keyframes animate-loading-scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes animate-loading-scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate_loading{display:flex;align-items:center}.animate_loading_ball{display:block;background-color:#fff;border-radius:50%;width:14px;height:14px;margin:0 7px;-webkit-animation:animate-loading-scale .75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:animate-loading-scale .75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)}.animate_loading_ball:nth-of-type(2){-webkit-animation-delay:.12s;animation-delay:.12s}.animate_loading_ball:nth-of-type(3){-webkit-animation-delay:.24s;animation-delay:.24s}