@charset "UTF-8";.icon-fonts-setting{font-family:PPicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;min-height:100%;background-color:#00bf80}body p{font-family:"メイリオ",Meiryo,"MS Pゴシック",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Hiragino Sans,sans-serif;font-size:14px;line-height:1.4;color:#000;font-weight:500;letter-spacing:1px;text-align:center}@media only screen and (min-width:48em){body p{font-size:16px}}img{display:block;max-width:100%;height:auto;margin:auto}a{font-family:"メイリオ",Meiryo,"MS Pゴシック",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Hiragino Sans,sans-serif;text-decoration:none;color:#FFF}a:hover{text-decoration:none}div,label,span{font-family:"メイリオ",Meiryo,"MS Pゴシック",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Hiragino Sans,sans-serif}.wrap a:visited{color:#FFF}.wrap{width:100%;margin:0 auto;background-color:#00bf80;padding-top:10px;padding-bottom:60px}@media only screen and (min-width:48em){.wrap{max-width:1200px}}h2{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate(0,45px);transition:all 300ms}h2.effect-scroll{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate(0,0);animation:flicker-in-1 1s linear both}@keyframes flicker-in-1{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}10%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}10.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}10.2%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}20%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}20.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}20.6%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}30%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}30.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}30.5%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}30.6%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}45%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}45.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}50%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}55%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}55.1%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}57%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}57.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}60%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}60.1%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}65%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}65.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}75%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}75.1%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}77%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}77.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}85%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}85.1%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}86%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}86.1%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}header{width:100%;margin:auto}section{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translate(0,45px);transition:all 300ms}section.effect-scroll{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translate(0,0);animation:text-focus-in .3s cubic-bezier(.55,.085,.68,.53) both}section span.small-font{display:block;text-align:center;font-size:12px}@keyframes text-focus-in{0%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="12" /></filter></svg>#filter');filter:blur(12px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}100%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');filter:blur(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@media only screen and (min-width:48em){.small-only{display:none}}.arrow{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px}.arrow:before,.arrow:after{position:absolute;top:0;bottom:0;right:12px;margin:auto;content:"";vertical-align:middle}@media only screen and (min-width:48em){.arrow:before,.arrow:after{right:20px}}.btn{margin:20px auto;text-align:center}.btn a{position:relative;display:inline-block;padding:16px 28px 16px 18px;text-decoration:none;color:#FFF;background:#ff971d;border-radius:10px;font-size:16px;font-weight:700;border:solid 4px #fff}@media only screen and (min-width:48em){.btn a{padding:20px 56px 20px 36px}}.btn a:before{width:14px;height:14px;border-radius:50%;background:#fff}.btn a:after{right:10px;box-sizing:border-box;width:6px;height:6px;border:5px solid transparent;border-left:6px solid #ff971d}@media only screen and (min-width:48em){.btn a:after{right:18px}}.headline{font-size:24px;font-weight:700;margin-bottom:20px;margin-top:0}.sub-headline{font-weight:700;font-size:16px}@media only screen and (min-width:48em){.sub-headline{font-size:18px}}main{border-radius:10px;margin:0 10px;background-color:#FFF;padding-bottom:1px;margin-bottom:60px}@media only screen and (min-width:48em){main{max-width:1200px;margin:20px 10px 120px;padding-bottom:20px}}main h1 img{width:85%}main h1 img.medium-up{display:none}@media only screen and (min-width:48em){main h1 img.medium-up{display:block}}main h1 img.small-only{display:block}@media only screen and (min-width:48em){main h1 img.small-only{display:none}}main .pp-logo{margin-bottom:20px}main .pp-logo img{display:inline-block;width:35%;margin-left:20px;margin-top:20px}@media only screen and (min-width:48em){main .pp-logo img{width:15%}}.recommend{display:block;margin-bottom:60px}@media only screen and (min-width:48em){.recommend{margin-bottom:120px}}.recommend h2{width:100%}.recommend h2 img{padding:0 10px}@media only screen and (min-width:48em){.recommend h2 img{width:60%}}.recommend p{color:#FFF}@media only screen and (min-width:48em){.recommend .flex-box{display:-ms-flexbox;display:flex;max-width:1200px;margin:0 auto}}.recommend .flex-box section{background-color:#FFF;margin:20px 10px 0;border-radius:10px;padding:1px 0 20px}@media only screen and (min-width:48em){.recommend .flex-box section{padding:0 10px;width:33.333%}}@media only screen and (min-width:48em){.recommend .flex-box section:nth-of-type(1) img{padding-top:50px}.recommend .flex-box section:nth-of-type(1) p:nth-of-type(2){padding-top:50px}}.recommend .flex-box section:nth-of-type(2){margin-top:30px}@media only screen and (min-width:48em){.recommend .flex-box section:nth-of-type(2){margin-top:20px;padding-bottom:20px}}.recommend .flex-box section:nth-of-type(3){margin-top:30px}@media only screen and (min-width:48em){.recommend .flex-box section:nth-of-type(3){margin-top:20px;padding-bottom:20px}}.recommend .flex-box section .headline{border-bottom:#00bf80 solid 2px;padding-bottom:10px}.recommend .flex-box section p{margin-top:10px;color:#000}.recommend .flex-box section img{width:90%}@media only screen and (min-width:48em){.recommend .flex-box section img{width:80%}}.recommend .copy{border-radius:10px;padding:10px 5px;margin:20px 10px 0;font-size:20px;font-weight:600}.recommend .copy span{font-size:24px;font-weight:800}@media only screen and (min-width:48em){.recommend .copy span{font-size:38px}}@media only screen and (min-width:48em){.recommend .copy{max-width:1200px;line-height:1.4;margin:40px 10px 0;font-size:30px}.recommend .copy .small-only{display:none}}.features{display:block;margin-bottom:60px}@media only screen and (min-width:48em){.features{margin-bottom:120px}}.features h2{width:100%}.features h2 img{padding:0 10px}@media only screen and (min-width:48em){.features h2 img{width:60%}}.features p{color:#fff}.features section{margin:20px 10px 0;border-radius:10px;position:relative;background-color:#FFF;padding:20px 10px}@media only screen and (min-width:48em){.features section{max-width:650px;margin:20px auto}}.features section:nth-of-type(2){padding:10px 0 20px}.features section.strongpoint{position:relative}.features section.strongpoint:before{content:"";position:absolute;top:100%;right:50%;margin-left:-15px;border:10px solid transparent;border-top:15px solid #fff}.features section.strongpoint p{padding-top:20px;color:#000;text-align:left;font-weight:600}@media only screen and (min-width:48em){.features section.strongpoint p{font-size:20px}}.features section.strongpoint p:nth-of-type(1){padding-top:0}.features section.strongpoint p span{display:inline-block;text-align:center;color:#fff;background-color:#000;border-radius:50%;width:20px;height:20px;vertical-align:middle;margin-right:4px}@media only screen and (min-width:48em){.features section.strongpoint p span{width:30px;height:30px;vertical-align:baseline}}.features section .features-headline{color:#000;text-align:center;padding:5px 0;font-weight:700;border-bottom:#00bf80 solid 2px;padding-bottom:10px}.features section .features-headline span{display:inline-block;text-align:center;color:#fff;background-color:#000;border-radius:50%;width:18px;height:18px;vertical-align:top;margin-right:4px}@media only screen and (min-width:48em){.features section .features-headline span{width:20px;height:20px;vertical-align:baseline}}@media only screen and (min-width:48em){.features section .features-headline{margin:0 auto}}.features section img{margin-top:20px;padding:0 20px}.features .flex-box{display:-ms-flexbox;display:flex}@media only screen and (min-width:48em){.features .flex-box{max-width:650px;margin:0 auto}}.features .flex-box section{width:50%;padding-bottom:20px;position:relative;padding:10px 0 20px}@media only screen and (min-width:48em){.features .flex-box section{width:49%}.features .flex-box section:nth-of-type(1){margin-right:1%}.features .flex-box section:nth-of-type(2){margin-left:1%}}.features .flex-box section:nth-of-type(2) img{margin-top:30px}.features .flex-box section .heart_button{margin:0 auto;margin-top:20px;width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #ff6398}.features .flex-box section .heart_button .heart_button_bg{width:60px;height:60px;background:url(/cmp/online_party/img/heart_anime.png) no-repeat;background-position:left -4px;background-size:450px 60px;cursor:pointer}.features .flex-box section .heart_button .heart_button_bg.heart-on{background-position:-394px -4px;transition:background 200ms steps(7);-webkit-transition:background 200ms steps(7)}.features .flex-box section .heart_button .heart_button_bg p{color:#ff6398;font-size:12px;font-weight:700;text-align:center;padding-top:36.4px;padding-right:3px}.features .flex-box section .timer{margin:0 auto;margin-top:20px;color:#00d8ae;font-size:12px;line-height:19.2px;font-weight:1000;text-align:center;max-width:120px;min-width:84px;border:3px solid #00d8ae;box-sizing:border-box;border-radius:10px;transition:.3s}@media only screen and (min-width:48em){.features .flex-box section .timer{margin-top:50px}}.features .flex-box section .timer p{font-weight:700;color:#00d8ae;font-size:28px;padding-bottom:2.4px;letter-spacing:-1px;transition:.3s}.features .flex-box section .timer.blink{color:#ff8282;border:3px solid #ff8282;transition:0s}.features .flex-box section .timer.blink p{color:#ff8282;transition:0s}.voice{display:block;margin-bottom:60px}.voice h2{width:100%}.voice h2 img{padding:0 10px}@media only screen and (min-width:48em){.voice h2 img{width:60%}}.voice p{color:#FFF}.voice .flex-box{display:-ms-flexbox;display:flex;padding:0 10px;margin-top:20px}@media only screen and (min-width:48em){.voice .flex-box{max-width:650px;margin:20px auto}}.voice .flex-box section{position:relative;width:90%;margin:0 auto;background-color:#fff;border-radius:10px;padding:10px 5px}@media only screen and (min-width:48em){.voice .flex-box section{padding:10px}}.voice .flex-box section img{width:70%}@media only screen and (min-width:48em){.voice .flex-box section img{width:50%}}.voice .flex-box section p{color:#000;font-size:13px;margin-top:10px;text-align:left}@media only screen and (min-width:48em){.voice .flex-box section p{font-size:16px}}.voice .flex-box section p:nth-of-type(1){font-weight:700;text-align:center}.voice .flex-box section p:nth-of-type(1) span{font-weight:500;font-size:11px}.voice .flex-box section:nth-of-type(1){margin-right:5px}.voice .flex-box section:nth-of-type(2){margin-left:5px}.voice .flex-box section:before{content:"";position:absolute;top:100%;right:15%;margin-left:-15px;border:10px solid transparent;border-top:15px solid #fff}.flow{display:block;margin-bottom:60px;margin-top:60px}@media only screen and (min-width:48em){.flow{margin:120px 0}}.flow h2{width:100%}.flow h2 img{padding:0 10px}@media only screen and (min-width:48em){.flow h2 img{width:60%}}.flow p{color:#FFF}.flow section{margin:60px 10px 0;border-radius:10px;position:relative;background-color:#FFF}.flow section:before{content:"";position:absolute;top:104%;right:45%;margin-left:-15px;border:15px solid transparent;border-top:20px solid #fff}@media only screen and (min-width:48em){.flow section:before{top:102%;right:46%}}.flow section:nth-last-of-type(1):before{content:none}@media only screen and (min-width:48em){.flow section{max-width:650px;margin:60px auto}}.flow section:nth-of-type(1){margin:20px 10px 0}@media only screen and (min-width:48em){.flow section:nth-of-type(1){margin:20px auto}}.flow section img{padding:0 20px 20px;margin-top:20px}.flow section p{padding:0 20px 20px;color:#000;text-align:left}@media only screen and (min-width:48em){.flow section p{padding:20px}}.flow section p:nth-of-type(1){padding:20px 0 0;font-size:19px;text-align:center;font-weight:700;color:#000}@media only screen and (min-width:48em){.flow section p:nth-of-type(1){font-size:32px;padding:40px 0}}.flow section p:nth-of-type(1) span{display:inline-block;color:#fff;background-color:#000;border-radius:50%;width:27px;height:27px;vertical-align:middle;margin-right:4px}@media only screen and (min-width:48em){.flow section p:nth-of-type(1) span{width:40px;height:40px;vertical-align:baseline}}.flow section .flex-box{padding:0 20px;margin-top:20px;display:inline-block;clear:both}.flow section .flex-box:nth-of-type(3){padding-bottom:20px}.flow section .flex-box img{display:block;padding:0;margin-top:0;width:50%;float:left}.flow section .flex-box .content{display:block;width:46%;float:right;margin-left:10px}.flow section .flex-box .content span{display:inline-block;background-color:#00bf80;color:#fff;padding:2px 10px;border-radius:20px;font-size:12px}@media only screen and (min-width:48em){.flow section .flex-box .content span{padding:4px 18px;font-size:16px}}.flow section .flex-box .content p{padding:0;font-weight:500;font-size:13px;text-align:left;margin-top:10px}@media only screen and (min-width:48em){.flow section .flex-box .content p{font-size:16px}}.faq{display:block}.faq h2{width:100%}.faq h2 img{padding:0 10px}@media only screen and (min-width:48em){.faq h2 img{width:60%}}.faq p{color:#FFF}.faq section{margin:0 10px;border-radius:10px;position:relative}@media only screen and (min-width:48em){.faq section{max-width:650px;margin:0 auto}}.faq section:nth-of-type(1){margin:20px 10px 0}@media only screen and (min-width:48em){.faq section:nth-of-type(1){margin:20px auto 0}}.faq section .acd-check{display:none}.faq section .acd-label{border:2px solid #000;border-radius:10px;background:#fff;color:#000;display:block;padding:10px;position:relative;width:100%}@media only screen and (min-width:48em){.faq section .acd-label{padding:20px}}.faq section .acd-label:after{box-sizing:border-box;content:'+';display:block;font-weight:700;font-size:24px;height:52px;padding:0 10px;position:absolute;right:0;top:2px}@media only screen and (min-width:48em){.faq section .acd-label:after{padding:14px 10px}}.faq section .acd-label span{font-weight:700;margin-right:4px}.faq section .acd-content{border:2px solid #000;border-radius:10px;background:#fff;display:block;height:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";padding:10px;transition:.5s;visibility:hidden}.faq section .acd-content p{text-align:left;color:#000;margin-left:30px;margin-right:20px}.faq section .acd-check:checked+.acd-label:after{content:'－';font-weight:700;top:4px}@media only screen and (min-width:48em){.faq section .acd-check:checked+.acd-label:after{top:0}}.faq section .acd-check:checked+.acd-label+.acd-content{height:auto;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";padding:10px;visibility:visible;margin-top:-2px;margin-bottom:20px}@media only screen and (min-width:48em){.faq section .acd-check:checked+.acd-label+.acd-content{padding:20px}}footer{background-color:#fff;padding:10px 10px 20px}footer ul{margin:10px 0;list-style:none;text-align:center}footer ul li{display:inline-block}footer ul li a{font-size:11px;color:#000}footer ul li:after{content:'｜'}footer ul li:nth-last-of-type(1):after{content:none}footer .logo-footer{margin:10px auto}@media only screen and (min-width:48em){footer .logo-footer{max-width:390px}}footer .copylight-footer{font-size:10px;color:#666;text-align:left}@media only screen and (min-width:48em){footer .copylight-footer{text-align:center}}