body{font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;letter-spacing:1px}#wrap{width:100%;margin:0 auto;overflow:hidden}@media screen and (min-width: 768px){#wrap{min-width:1280px}}.contents-layout{padding:56px 0;background-image:url(../images/patra_lp_bg@2x.png);background-size:128px 128px}.contents-layout .inner{width:90%;margin:0 auto}@media screen and (min-width: 768px){.contents-layout .inner{width:1080px}}.contents-layout h2{width:100%;margin:0 auto 48px}.contents-layout h2 img{width:100%}.purchase{margin:0 auto;text-align:center;background-color:#E73C78;border-radius:32px}.purchase a{display:block;padding:20px 0;color:#fff;font-size:20px;cursor:pointer}.fadein{opacity:0;transform:translate(0, 50px);transition:all 0.8s}.fadein.scrollin{opacity:1;transform:translate(0, 0)}#top #top-parallax{position:relative;width:100%;height:270px;overflow:hidden}@media screen and (min-width: 768px){#top #top-parallax{height:900px}}#top #top-parallax .parallax{position:absolute;top:0;bottom:0;left:0;right:0}#top #top-parallax #parallax-polka-dot{background-image:url(../images/parallax_1.png)}#top #top-parallax #parallax-background-shapes{background-image:url(../images/parallax_2_shadow.png);background-size:auto 100%;background-repeat:no-repeat;background-position:center center}#top #top-parallax #parallax-shapes{background-image:url(../images/parallax_6_shadow.png);background-size:auto 100%;background-repeat:repeat-y;background-position:center center;z-index:20}#top #top-parallax h1{position:absolute;top:16px;left:50%;width:280px;margin-left:calc(-280px / 2);opacity:1;z-index:10}@media screen and (min-width: 768px){#top #top-parallax h1{top:40px;left:50%;width:960px;margin-left:calc(-960px / 2)}}#top #top-parallax h1 img{width:100%}#top #top-parallax #patra-image{position:absolute;left:50%;display:block;width:330px;margin-left:calc(-350px / 2);opacity:0;z-index:10;animation-name:patraPopOut;animation-duration:2.5s;animation-delay:0.5s;animation-fill-mode:forwards}@media screen and (min-width: 768px){#top #top-parallax #patra-image{width:1080px;margin-left:calc(-1130px / 2)}}#top #top-parallax #kanikama-image{position:absolute;bottom:-30px;right:50%;width:100px;margin-right:-210px;z-index:10}@media screen and (min-width: 768px){#top #top-parallax #kanikama-image{bottom:0;width:auto;margin-right:-770px}}#top .message{padding:32px 0;background-color:#FFFDE6;border-bottom:4px solid #000}@media screen and (min-width: 768px){#top .message{padding:56px 0}}#top .message .inner{width:90%;margin:0 auto}@media screen and (min-width: 768px){#top .message .inner{display:flex;align-items:start;width:1080px}}#top .message .patra_message{display:block;width:100%}@media screen and (min-width: 768px){#top .message .patra_message{width:65%;margin-right:3%}}#top .message .patra_sign{display:block;width:50%;margin-left:auto}@media screen and (min-width: 768px){#top .message .patra_sign{width:32%}}@keyframes patraPopOut{0%{bottom:-650px;opacity:0}10%{bottom:0;opacity:1}15%{bottom:-20px;opacity:1}20%{bottom:-10px;opacity:1}25%{bottom:-20px;opacity:1}100%{bottom:-20px;opacity:1}}#discography{background-color:#FAF0A2}@media screen and (min-width: 768px){#discography h2{width:600px}}@media screen and (min-width: 768px){#discography .list{display:flex;justify-content:space-between}}#discography .list .item{width:100%}@media screen and (min-width: 768px){#discography .list .item{width:520px}}#discography .list img{width:100%;margin-bottom:16px}#discography .list .text{padding:16px;background-color:#fff;border-radius:16px}@media screen and (min-width: 768px){#discography .list .text{padding:24px 32px}}#discography .list .text h3{margin-bottom:8px;font-size:24px;font-weight:bold;line-height:1.3em}@media screen and (min-width: 768px){#discography .list .text h3{margin-bottom:16px}}#discography .list .text .info{display:flex;font-size:16px;line-height:1.7em}#discography .list .text .info span{display:block}#discography .list .text .info span:first-child{width:calc(3em + 3px)}#discography .list .text .benefits{margin:8px 0 24px}#discography .list .text .benefits li{padding-left:1em;font-size:16px;font-weight:bold;text-indent:-1em;line-height:1.7em}#discography .list .special{margin-bottom:24px}@media screen and (min-width: 768px){#discography .list .special{margin-bottom:0px}}@media screen and (min-width: 768px){#discography .list .normal .benefits{height:108px}}#recorded{padding:48px 0 48px;background-color:#FFFFF7}#recorded h3{margin-bottom:56px;color:#323840;font-size:24px;font-weight:bold;text-align:center}#recorded .inner{width:90%;margin:0 auto}@media screen and (min-width: 768px){#recorded .inner{display:flex;align-items:start;justify-content:space-between;width:1080px}}@media screen and (min-width: 768px){#recorded ul{width:480px}}#recorded ul li{position:relative;display:flex;align-items:center;padding-bottom:12px;margin-bottom:12px;color:#323840;font-size:20px;font-weight:bold}#recorded ul li p{width:calc(100% - 52px)}#recorded ul li img{width:36px;height:auto;margin-left:16px;cursor:pointer}#recorded .a-digit{padding-left:1.5em;text-indent:-1.5em}#recorded .double-digit{padding-left:2.3em;text-indent:-2.3em}#recorded .seekbar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(#E73C78, #E73C78) no-repeat #DEDED3;background-size:0%}#distribute{background-color:#252025}#distribute .inner{width:90%;margin:0 auto}@media screen and (min-width: 768px){#distribute .inner{display:flex;align-items:start;justify-content:space-between;width:1080px}}#distribute a{display:flex;align-items:center;justify-content:center;width:100%;padding:24px 0;color:#fff;font-size:20px;text-align:center}#distribute a img{width:11px;margin-left:36px}#live{background-color:#B9EFED;border-bottom:4px solid #000}@media screen and (min-width: 768px){#live h2{width:600px}}@media screen and (min-width: 768px){#live .layout{width:1000px;margin:0 auto}}#live .layout img{width:100%;margin-bottom:16px}#live .layout .text{padding:24px 32px 32px;background-color:#fff;border-radius:16px}#live .layout .text h3{margin-bottom:16px;font-size:20px;font-weight:bold}#live .layout .text p{margin-bottom:16px;line-height:1.5em}#live .layout .text .info{margin-bottom:24px}#live .layout .text .info li{display:flex;line-height:1.7em}#live .layout .text .info li span:first-child{width:calc(3em + 3px)}@media screen and (min-width: 768px){#live .layout .text .purchase{width:460px}}#movie{background-color:#FFC9E5;border-bottom:4px solid #000}#movie h2{width:50%}@media screen and (min-width: 768px){#movie h2{width:320px}}@media screen and (min-width: 768px){#movie .list{display:flex;flex-wrap:wrap;justify-content:space-between}}#movie .list .item{width:100%;margin-bottom:24px}@media screen and (min-width: 768px){#movie .list .item{width:510px}}#movie .list .item .iframe-layout{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}#movie .list .item iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}#movie .list .item:last-child{margin-bottom:0px}#store{background-image:url(../images/patra_lp_bg_line@2x.png);background-size:270px}#store h2{width:50%}@media screen and (min-width: 768px){#store h2{width:320px}}@media screen and (min-width: 768px){#store .list{display:flex;flex-wrap:wrap;justify-content:space-between}}#store .list .item{border:12px solid #252025;box-sizing:border-box;margin-bottom:24px}@media screen and (min-width: 768px){#store .list .item{width:340px}}#store .list .item img{width:100%}#store .list .item h3{padding:32px 0;color:#fff;font-size:22px;text-align:center;background-color:#252025}@media screen and (min-width: 768px){#store .list .item.none-margin{margin-bottom:0}}#store .list .caution{padding:32px;background-color:#FFF;border-radius:16px}@media screen and (min-width: 768px){#store .list .caution{width:710px}}#store .list .caution h4{width:240px;padding:8px 24px;margin:0 auto;margin-bottom:24px;color:#fff;font-size:20px;font-weight:bold;text-align:center;background-color:#E73C78;border-radius:32px}#store .list .caution ul li{padding-left:1em;font-size:16px;text-indent:-1em;line-height:1.5em}#store .list .caution ul li:not(:last-child){margin-bottom:16px}footer{padding:56px 0;background-color:#252025}footer ul{display:flex;align-items:center;justify-content:center;margin-bottom:40px}footer ul li{padding:0 16px;border-right:1px solid #fff}footer ul li:last-child{border-right:none}footer ul li a{color:#fff;font-size:20px}footer ul li img{width:32px;height:auto}footer p{color:#fff;font-size:12px;text-align:center}
/*# sourceMappingURL=style.css.map */