@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap");@media print, screen{html *{visibility:hidden}html.wf-active *{visibility:visible}html.wf-active #contents{font-family:"M PLUS Rounded 1c",sans-serif !important;font-weight:500}html.wf-active #contents .regular{font-weight:400}html.wf-active #contents .extrabold{font-weight:800}#contents{color:#000;padding:0;background-image:url(../img/bg_rainbow01.png);background-size:100.48vw auto;background-position:center top}#contents .clearfix:before,#contents .clearfix:after{content:"";display:table}#contents .clearfix:after{clear:both}#contents .clearfix{zoom:1}#contents #tag01{background-image:url(../img/bg_pink01.png);background-position:center;width:100%;background-size:auto 11.47vw}#contents #tag01 section{padding:2.42vw 0}#contents #tag01 section h1{font-size:2.9vw;color:#fff;text-align:center}#contents #main section{position:relative}#contents #main section h1{width:67.87vw;position:absolute;top:3.14vw;left:1.93vw}#contents #main section h1 img{width:100%}#contents #main section .mainimg01>img{width:100%}#contents #main section #tutorialmovie{display:flex;flex-wrap:wrap;justify-content:center}#contents #main section #tutorialmovie a{width:45.9vw;display:block;margin:0.7vw 1.2vw}#contents #main section #tutorialmovie a img{width:100%}#contents #main section .waza01 img{width:100%}#contents nav{padding-bottom:10.63vw;background-image:url(../img/ptn_pink01.png);background-size:auto 7.73vw;background-repeat:repeat-x;background-position:center bottom}#contents nav div{display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:center}#contents nav div a{width:26.09vw;display:block;margin:0.6vw 2.42vw}#contents nav div a img{width:100%}#contents #whats{background-image:url(../img/ptn_green01.png),url(../img/bg_pink01.png);background-repeat:repeat-x, repeat;background-position:center bottom,center top;background-size:auto 7.73vw,auto 11.47vw;padding-bottom:16.9vw}#contents #whats section h2{text-align:center;margin:9.67vw auto 0 auto}#contents #whats section h2 img{display:inline-block;width:84.3vw}#contents #whats section h3{text-align:center;margin:3.62vw auto 0 auto}#contents #whats section h3 img{width:87.2vw;display:inline-block}#contents #whats section small{font-size:3.38vw;text-align:center;display:block;margin-top:1vw}#contents #whats section .moviewrap01{width:100%;position:relative;padding:0 3.62vw;margin:4.83vw auto 0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#contents #whats section .moviewrap01 .movie01{width:100%;padding-top:56.25%;position:relative;overflow:hidden;z-index:100}#contents #whats section .moviewrap01 .movie01 iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}#contents #whats section .bottoms01{margin-top:4.83vw}#contents #whats section .bottoms01 div{margin:0 auto;border:0.72vw solid #000000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:4.83vw;-webkit-border-radius:4.83vw;border-radius:4.83vw;width:90.34vw;background-image:url(../img/bg01.png);background-size:92.87vw auto;background-position:center top;padding:3.86vw;box-shadow:0 0.97vw 0 0 #000000}#contents #whats section .bottoms01 div img{width:100%}#contents #whats section .bottoms01>img{margin-top:2.42vw;display:block;width:100%}#contents #lineup{background-image:url(../img/ptn_yellow01.png),url(../img/bg_green01.png);background-repeat:repeat-x, repeat;background-position:center bottom,center top;background-size:auto 7.73vw,auto 11.47vw;padding-bottom:16.9vw}#contents #lineup section h2{text-align:center;margin:9.67vw auto 0 auto}#contents #lineup section h2 img{display:inline-block;width:68.84vw}#contents #lineup section h3{text-align:center;margin:3.62vw auto 0 auto}#contents #lineup section h3 img{width:85.75vw;display:inline-block}#contents #lineup section div.images01{position:relative;height:155vw}#contents #lineup section div.images01 p{margin-top:1.93vw;text-align:center;font-size:3.62vw;line-height:1.53em}#contents #lineup section div.images01 #ruby01{margin-top:1.93vw;text-align:center}#contents #lineup section div.images01 #ruby01 img{width:87vw}#contents #lineup section div.images01 small{font-size:2.45vw;display:block;text-align:center;margin-top:1em}#contents #lineup section div.images01 .img01{width:73.19vw;display:block;position:absolute;right:4.83vw;bottom:33.82vw}#contents #lineup section div.images01 .img02{width:83.09vw;display:block;position:absolute;left:5.31vw;bottom:0}#contents #lineup section div.info01{position:relative;margin:4.35vw auto 0 auto;width:87.92vw;background:#EA609E;border:0.72vw solid #000000;-moz-border-radius:3.62vw;-webkit-border-radius:3.62vw;border-radius:3.62vw;padding:2.45vw 0 2.45vw 2.45vw}#contents #lineup section div.info01 img{position:absolute;width:27.05vw;top:0.97vw;left:-4.35vw}#contents #lineup section div.info01 p{line-height:1.4em}#contents #lineup section div.info01 p:nth-child(1){font-size:3.38vw;padding-left:21vw}#contents #lineup section div.info01 p:nth-child(2){margin-top:0.3em;font-size:2.9vw}#contents #lineup section div.items01>div{width:87.92vw;margin:4.35vw auto 0 auto}#contents #lineup section div.items01>div div{-moz-border-radius:4.35vw;-webkit-border-radius:4.35vw;border-radius:4.35vw;border:0.72vw solid #000;display:block;background:#FFFFFF;box-shadow:0 0.97vw 0 0 #000000;overflow:hidden}#contents #lineup section div.items01>div div img{width:100%}#contents #lineup section div.items01>div a{width:60.87vw;display:none;margin:2.42vw auto 0 auto}#contents #lineup section div.items01>div a img{width:100%}#contents #lineup section div.items01>div:first-of-type{margin-top:2.42vw}#contents #movies{background-image:url(../img/ptn_purple01.png),url(../img/bg_yellow01.png);background-repeat:repeat-x, repeat;background-position:center bottom,center top;background-size:auto 7.73vw,auto 11.47vw;padding-bottom:16.9vw}#contents #movies section h2{text-align:center;margin:9.67vw auto 0 auto}#contents #movies section h2 img{display:inline-block;width:39vw}#contents #movies section h3{text-align:center;margin-top:3.6vw}#contents #movies section h3 img{width:74.64vw;display:inline-block}#contents #movies section ul li h4{text-align:center;margin-top:0.3em;font-size:3.9vw}#contents #movies section ul li .videoWrap01{width:100%;position:relative;padding:0 9.2vw;margin:4.83vw auto 0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#contents #movies section ul li .videoWrap01 .movie01{width:100%;padding-top:56.25%;position:relative;overflow:hidden;z-index:100}#contents #movies section ul li .videoWrap01 .movie01 iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}#contents #movies section ul li .comingsoon01{width:81.4vw;height:44.4vw;display:flex;background:rgba(0,0,0,0.2);margin:4.83vw auto 0 auto;justify-content:center;align-items:center}#contents #movies section ul li .comingsoon01 p{font-size:4.35vw;text-align:center;color:#fff}#contents #garugaku{background-image:url(../img/ptn_orange01.png),url(../img/bg_purple01.png);background-repeat:repeat-x, repeat;background-position:center bottom,center top;background-size:auto 7.73vw,auto 11.47vw;padding-bottom:16.9vw}#contents #garugaku section h2{text-align:center;margin:9.67vw auto 0 auto}#contents #garugaku section h2 img{display:inline-block;width:39.9vw}#contents #garugaku section>div{margin-top:4.83vw}#contents #garugaku section>div .left01 img{width:80.19vw;display:block;margin:0 auto}#contents #garugaku section>div .right01 p{color:#fff;font-size:3.62vw;line-height:1.5em;margin-top:1.5em;text-align:center}#contents #garugaku section>div .right01 p:first-of-type{margin-top:1em}#contents #garugaku section>div .right01 #ruby02{margin-top:1.5em;text-align:center}#contents #garugaku section>div .right01 #ruby02 img{width:94.2vw}#contents #garugaku section>div .right01 a{width:72.95vw;display:block;margin:5.56vw auto 0 auto}#contents #garugaku section>div .right01 a img{width:100%}#contents #qa{background-image:url(../img/bg_orange01.png);background-repeat:repeat;background-position:center top;background-size:auto 11.47vw;padding-bottom:16.9vw}#contents #qa section h2{text-align:center;margin:9.67vw auto 0 auto}#contents #qa section h2 img{display:inline-block;width:29.47vw}#contents #qa section>p{margin-top:14.49vw;display:block;color:#fff;font-size:4.35vw;text-align:center}#contents #qa section ul{width:90.34vw;margin:0 auto}#contents #qa section ul li{background:#FFFFFF;border:0.72vw solid #000000;box-shadow:0 0.97vw 0 0 #000000;-moz-border-radius:4.83vw;-webkit-border-radius:4.83vw;border-radius:4.83vw;padding:4.1vw;margin-top:2.42vw}#contents #qa section ul li:first-of-type{margin-top:4.83vw}#contents #qa section ul li>div{display:flex}#contents #qa section ul li .question01{background-image:url(../img/ptn_dotted01.png);background-size:auto 0.48vw;background-repeat:repeat-x;background-position:center bottom;padding-bottom:2.42vw;margin-bottom:2.42vw}#contents #qa section ul li .question01 img{width:7vw;display:block}#contents #qa section ul li .question01 p{padding-left:2.17vw;font-size:3.62vw}#contents #qa section ul li .answer01 img{width:7vw;display:block}#contents #qa section ul li .answer01 p{padding-left:2.17vw;font-size:3.38vw}#contents #qa section ul li .answer01 p span.red{color:#fe3f3f}#contents #qa section ul li .answer01 p span.blue{color:#3178e4}#contents #qa section ul li .answer01 p span.yellow{color:#fcd400}#contents #qa section ul li .answer01 p span.bold{font-weight:bold}#contents #qa section ul li .answer01 p a{color:#EA609E}#contents #contentfooter{padding:9.67vw 0}#contents #contentfooter .sns01 ul{display:flex;justify-content:center}#contents #contentfooter .sns01 ul li{height:20px;overflow:hidden;margin:0 5px}#contents #contentfooter small{font-size:2.42vw;text-align:center;display:block;margin-top:3.38vw}}@media print, screen and (min-width: 640px){#contents{width:100%;background-image:url(../img/bg_rainbow01.png);background-size:582px auto}#contents #tag01{background-image:url(../img/bg_pink01.png);background-position:center;width:100%;background-size:auto 45px}#contents #tag01 section{padding:14px 0}#contents #tag01 section h1{font-size:16px;line-height:1em}#contents #main{width:100%;min-width:1200px;overflow:hidden}#contents #main section{position:relative;width:1200px;margin:0 auto;overflow:visible}#contents #main section h1{width:562px;position:absolute;top:39px;left:0}#contents #main section h1 img{width:100%}#contents #main section .mainimg01{margin-top:58px;padding-left:50%}#contents #main section .mainimg01>img{margin-left:calc(-1679px / 2);width:1679px}#contents #main section .sns01{width:100%;position:absolute;top:20px;left:0}#contents #main section .sns01 ul{width:1200px;margin:0 auto;display:flex;justify-content:flex-end}#contents #main section .sns01 ul li{height:20px;margin:0 5px}#contents #main section #tutorialmovie a{width:300px;display:block;margin:0 5px}#contents #main section .waza01{width:1200px;margin:0 auto}#contents #main section .waza01 img{width:100%}#contents nav{padding-bottom:57px;background-size:auto 32px;margin:10px auto 0 auto}#contents nav div{display:flex;flex-wrap:wrap;flex-shrink:0;justify-content:center}#contents nav div a{width:138px;margin:0 15px}#contents nav div a img{width:100%}#contents #whats{background-size:auto 32px,auto 45px;padding-bottom:93px}#contents #whats section{position:relative;width:1200px;margin:0 auto}#contents #whats section .illust{position:absolute;pointer-events:none;z-index:100}#contents #whats section .illust.illust01{top:-54px;right:0px;width:291px}#contents #whats section .illust.illust02{top:48px;left:0;width:198px}#contents #whats section .illust.illust03{top:590px;right:0;width:154px}#contents #whats section h2{margin:60px auto 0 auto}#contents #whats section h2 img{width:628px}#contents #whats section h3{margin:30px auto 0 auto}#contents #whats section h3 img{width:502px}#contents #whats section small{font-size:12px}#contents #whats section .moviewrap01{width:1000px;padding:0;margin:40px auto 0 auto}#contents #whats section .moviewrap01 .movie01{width:100%;padding-top:56.25%;position:relative;overflow:hidden;z-index:100}#contents #whats section .moviewrap01 .movie01 iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}#contents #whats section .bottoms01{width:1200px;margin:38px auto 0 auto}#contents #whats section .bottoms01 div{float:left;width:455px;margin:0;border:6px solid #000000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;background-size:384px auto;padding:18px;box-shadow:0 8px 0 0 #000000}#contents #whats section .bottoms01 div img{width:100%}#contents #whats section .bottoms01>img{float:right;margin-top:32px;width:712px}#contents #lineup{background-size:auto 32px,auto 45px;padding-bottom:92px}#contents #lineup section{position:relative;width:1200px;margin:0 auto}#contents #lineup section h2{margin:60px auto 0 auto}#contents #lineup section h2 img{width:513px}#contents #lineup section h3{margin:31px auto 0 auto}#contents #lineup section h3 img{width:486px}#contents #lineup section div.images01{position:relative;height:588px;width:1200px;margin:46px auto 0 auto}#contents #lineup section div.images01 p{margin-top:0;text-align:left;font-size:20px;line-height:1.4em;margin-left:80px}#contents #lineup section div.images01 #ruby01{margin-top:0;margin-left:80px;text-align:left;width:602px}#contents #lineup section div.images01 #ruby01 img{width:602px}#contents #lineup section div.images01 small{margin-left:80px;font-size:12px;text-align:left;margin-top:1em}#contents #lineup section div.images01 .img01{width:478px;right:78px;bottom:auto;top:37px}#contents #lineup section div.images01 .img02{width:573px;left:120px;bottom:0}#contents #lineup section div.info01{margin:56px auto 0 auto;width:1200px;border:4px solid #000000;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:17px}#contents #lineup section div.info01 img{position:absolute;width:302px;top:-46px;left:23px}#contents #lineup section div.info01 p{line-height:1.4em}#contents #lineup section div.info01 p:nth-child(1){font-size:16px;padding-left:0;text-align:right}#contents #lineup section div.info01 p:nth-child(2){text-align:right;margin-top:2px;font-size:14px}#contents #lineup section div.items01{display:flex;justify-content:center;flex-shrink:0;margin-top:20px}#contents #lineup section div.items01>div{width:390px;margin:0}#contents #lineup section div.items01>div div{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;border:6px solid #000;display:block;box-shadow:0 8px 0 0 #000000;overflow:hidden}#contents #lineup section div.items01>div div img{width:100%}#contents #lineup section div.items01>div a{width:300px;margin:16px auto 0 auto}#contents #lineup section div.items01>div a img{width:100%}#contents #lineup section div.items01>div:first-of-type{margin-top:0}#contents #lineup section div.items01>div:nth-child(2){margin:0 15px}#contents #lineup section .illust{position:absolute;pointer-events:none;z-index:100}#contents #lineup section .illust.illust01{top:-152px;right:0px;width:318px}#contents #movies{background-size:auto 32px,auto 45px;padding-bottom:90px}#contents #movies section{position:relative;width:1200px;margin:0 auto}#contents #movies section h2{margin:60px auto 0 auto}#contents #movies section h2 img{width:292px}#contents #movies section h3{margin-top:31px}#contents #movies section h3 img{width:414px}#contents #movies section ul{display:flex;flex-wrap:wrap;justify-content:center;flex-shrink:0;margin-top:5px}#contents #movies section ul li{margin:30px 15px 0 15px;width:535px}#contents #movies section ul li a{width:100%;position:relative}#contents #movies section ul li a>img{width:100%}#contents #movies section ul li a div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0}#contents #movies section ul li a div span{width:80px;height:82px;display:block;background-image:url(../img/play01_no.png);background-size:80px auto;background-repeat:no-repeat}#contents #movies section ul li a:hover span{background-image:url(../img/play01_on.png)}#contents #movies section ul li h4{margin-top:0.5em;font-size:16px}#contents #movies section ul li .videoWrap01{width:100%;position:relative;padding:0 9.2vw;margin:4.83vw auto 0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#contents #movies section ul li .videoWrap01 .movie01{width:100%;padding-top:56.25%;position:relative;overflow:hidden;z-index:100}#contents #movies section ul li .videoWrap01 .movie01 iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}#contents #movies section ul li .comingsoon01{width:515px;height:292px;display:flex;background:rgba(0,0,0,0.2);margin:0 auto 0 auto;justify-content:center;align-items:center}#contents #movies section ul li .comingsoon01 p{font-size:20px;text-align:center;color:#fff}#contents #movies section .illust{position:absolute;pointer-events:none;z-index:100}#contents #movies section .illust.illust01{top:-80px;right:0px;width:264px}#contents #garugaku{background-size:auto 32px,auto 45px;padding-bottom:90px}#contents #garugaku section{width:1200px;margin:0 auto;position:relative}#contents #garugaku section h2{margin:60px auto 0 auto}#contents #garugaku section h2 img{width:296px}#contents #garugaku section>div{width:1200px;margin:30px auto 0 auto}#contents #garugaku section>div .left01{float:left;margin-left:180px}#contents #garugaku section>div .left01 img{width:389px;margin:0}#contents #garugaku section>div .right01{float:left;margin-left:30px;width:530px}#contents #garugaku section>div .right01 p{font-size:16px;line-height:1.2em;margin-top:1em;text-align:left}#contents #garugaku section>div .right01 p:first-of-type{margin-top:0}#contents #garugaku section>div .right01 #ruby02{margin-top:0;text-align:left}#contents #garugaku section>div .right01 #ruby02 img{width:500px}#contents #garugaku section>div .right01 a{width:374px;margin:27px 0 0 0}#contents #garugaku section>div .right01 a img{-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}#contents #garugaku section>div .right01 a:hover img{-webkit-filter:brightness(1.1);filter:brightness(1.1)}#contents #garugaku section .illust{position:absolute;pointer-events:none;z-index:100}#contents #garugaku section .illust.illust01{top:-80px;left:0px;width:400px}#contents #qa{background-size:auto 45px;padding-bottom:70px}#contents #qa section{width:1200px;margin:0 auto;position:relative}#contents #qa section h2{margin:60px auto 0 auto}#contents #qa section h2 img{display:inline-block;width:220px}#contents #qa section>p{margin-top:110px;font-size:36px}#contents #qa section ul{width:1000px;margin:30px auto 0 auto}#contents #qa section ul li{border:3px solid #000000;box-shadow:0 4px 0 0 #000000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;padding:17px;margin-top:14px}#contents #qa section ul li:first-of-type{margin-top:0}#contents #qa section ul li>div{display:flex}#contents #qa section ul li .question01{background-size:auto 2px;padding-bottom:17px;margin-bottom:17px;background-position:left bottom}#contents #qa section ul li .question01 img{width:29px;display:block}#contents #qa section ul li .question01 p{padding-top:4px;padding-left:38px;font-size:18px}#contents #qa section ul li .answer01 img{width:29px;display:block}#contents #qa section ul li .answer01 p{padding-top:4px;padding-left:38px;font-size:16px}#contents #qa section ul li .answer01 p a:hover{text-decoration:none}#contents #qa section .illust{position:absolute;pointer-events:none;z-index:100}#contents #qa section .illust.illust01{top:-228px;right:0px;width:171px}#contents #contentfooter{padding:20px 0}#contents #contentfooter small{font-size:12px;margin-top:0}}