﻿@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:500,900&display=swap&subset=japanese");html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none}textarea{resize:vertical}input:-webkit-autofill{-webkit-box-shadow:0 0 1000px #fff inset;outline:none}input,button{outline:none}area{border:none;outline:none}img{-ms-interpolation-mode:bicubic}*{-webkit-tap-highlight-color:rgba(127,126,236,0.5);max-height:999999px}*::before,*::after{will-change:all;box-sizing:border-box}em,i,b{font-weight:normal;font-style:normal}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:"Noto Serif JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif}input,textarea,select{font-family:"Noto Serif JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif}a{cursor:pointer;text-decoration:none}a:link{color:#494848}a:visited{color:#494848}a:hover{color:#494848;text-decoration:none}a:active{color:#494848}.clr{clear:both}.hide{position:absolute !important;left:-9999px !important;top:-9999px !important}section{clear:both;zoom:1}article:after,section:after,.clrFx:after{content:'';clear:both;display:block}body{font-size:0;line-height:1}#contents{position:relative;z-index:1000;width:100vw;overflow:hidden;font-weight:500}#contents li,#contents dt,#contents p{transform:rotate(0.05deg)}#contents main{position:relative;z-index:200}#contents main::after{content:'';background-image:url("../images/bg@0,5x.jpg");background-position:center top;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:0}#contents main .section{position:relative;z-index:10}#contents main #mv{height:175.78125vw;position:relative;padding:74.31640625vw 0 0;overflow:hidden}#contents main #mv #logo{position:absolute;left:0;top:54.78515625vw;z-index:20;width:100%}#contents main #mv #logo::before{content:'';background:url("../images/kv/logo_garupa@0,5.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover}#contents main #mv #logo::after{content:'';background:url("../images/kv/logo_rezero@0,5.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover}#contents main #mv .kv{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}#contents main #mv div{position:relative;z-index:10;background:url("../images/kv/bg.jpg") center top no-repeat;background-size:auto 100%;height:102.734375vw}#contents main #mv nav{display:flex;justify-content:center;flex-wrap:wrap;width:100%;position:relative;z-index:100;padding:29.00390625vw 0 0}#contents main #mv nav a{display:inline-block;margin:0 1.46484375vw 5.56640625vw;position:relative}#contents main #mv nav a em{display:flex;justify-content:center;padding:0vw 0 0;position:absolute;left:50%;bottom:-4.1015625vw;white-space:nowrap;width:23.2421875vw;margin-left:-10.64453125vw}#contents main #mv nav a em span{line-height:3.515625vw;font-size:1.953125vw;color:#fff;font-weight:900;background:#ff3c72;padding:0 1.953125vw;border-radius:1.7578125vw;letter-spacing:0.17em}#contents main #mv nav img{height:16.6015625vw;width:auto}#contents main #mv .kv{opacity:0;transform:scale(0.98) translateY(12vw);transform-origin:center top}#contents main #mv #logo img{opacity:0;transform:scale(2)}#contents main #mv #logo::before{opacity:0;transform:translateX(-4.8828125vw)}#contents main #mv #logo::after{opacity:0;transform:translateX(4.8828125vw)}.nofirefox #contents main #mv{filter:brightness(1.5);opacity:0}.nofirefox #contents main #mv #logo img{filter:brightness(2)}.windowloaded.opend #contents main #mv{filter:brightness(1);transition:0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:1}.windowloaded.opend #contents main #mv .kv{opacity:1;transform:scale(1) translateY(0);transition:opacity 1.2s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.2s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)}.windowloaded.opend #contents main #mv #logo::before{opacity:1;transition:opacity 1.7s 1.33s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.8s 1.33s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateX(0)}.windowloaded.opend #contents main #mv #logo::after{opacity:1;transition:opacity 1.7s 1.63s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.8s 1.63s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateX(0)}.windowloaded.opend #contents main #mv #logo img{opacity:1;transition:opacity 1.3s 2.1s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.8s 2.1s cubic-bezier(0.215, 0.61, 0.355, 1),filter 2s 2.1s cubic-bezier(0.215, 0.61, 0.355, 1);transform:scale(1);filter:brightness(1)}#contents main .bg_repeat{background:url("../images/member/bg.jpg") center top;background-size:29.296875vw auto;position:relative;z-index:10}#contents main #synopsis{padding:8.984375vw 0 0}#contents main #synopsis h2{background:url("../images/synopsis/title@0,5.png") center top no-repeat;background-size:cover;height:15.234375vw;position:relative;top:0vw;margin-bottom:-7.6171875vw;z-index:100}#contents main #synopsis p{font-size:3.5546875vw;line-height:2;text-align:center;padding-bottom:8.7890625vw}#contents main #synopsis p sup{font-size:2.1484375vw;position:relative;top:.390625vw}#contents main #synopsis p small{font-size:3.02734375vw;display:inline-block;margin:2.9296875vw 0 0}#contents main #synopsis .wrap{background:rgba(222,221,252,0.7);margin:0 3.90625vw;padding:13.671875vw 0 0}#contents main #synopsis .wrap img{width:52.734375vw;height:23.4375vw;margin:0 auto 1.953125vw;display:block}#contents main #synopsis .wrap{opacity:0;transition:opacity 0.9s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.6s 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #synopsis .wrap img{opacity:0;transition:opacity 1.2s 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.6s 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #synopsis .wrap p{opacity:0;transition:opacity 1.2s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 0.6s 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.windowloaded.opend #contents main #synopsis.animated .wrap{opacity:1;transform:translateY(0)}.windowloaded.opend #contents main #synopsis.animated .wrap img{opacity:1}.windowloaded.opend #contents main #synopsis.animated .wrap p{opacity:1}#contents main #member{padding:11.71875vw 0 9.765625vw}#contents main #member h2{background:url("../images/member/title@0,5.png") center top no-repeat;background-size:cover;height:15.234375vw;position:relative;top:0vw;margin-bottom:5.37109375vw}#contents main #member h2+h3{margin-bottom:4.58984375vw}#contents main #member .character{position:relative;min-height:53.90625vw;padding:0 0 0 54.8828125vw}#contents main #member .character .picture img{height:37.01171875vw;width:auto;position:relative;z-index:10}#contents main #member .character .picture{position:absolute;left:0vw;top:0}#contents main #member .character .picture .in{position:relative}#contents main #member .character .picture .in::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:.78125vw solid #fff;z-index:20}#contents main #member .character .picture .in::after{content:'';width:100%;height:100%;position:absolute;left:1.07421875vw;top:2.34375vw;z-index:5;background:rgba(0,0,0,0.1)}#contents main #member .character .picture .before{position:relative;z-index:10;transition:1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}#contents main #member .character .picture .after{position:absolute;left:0;top:0;z-index:5;transition:1.5s cubic-bezier(0.165, 0.84, 0.44, 1)}#contents main #member .character .picture[data-show*='before'] .before{z-index:15;opacity:1;filter:brightness(1);transition:1s cubic-bezier(0.165, 0.84, 0.44, 1)}#contents main #member .character .picture[data-show*='before'] .after{z-index:10;opacity:0;filter:brightness(1.75)}#contents main #member .character .picture[data-show*='after'] .before{z-index:10;opacity:0;filter:brightness(1.75)}#contents main #member .character .picture[data-show*='after'] .after{z-index:15;opacity:1;filter:brightness(1);transition:1s cubic-bezier(0.165, 0.84, 0.44, 1)}#contents main #member .character .texts{width:41.40625vw}#contents main #member .character .texts header{color:#ff3c72}#contents main #member .character .texts header p{font-size:1.46484375vw;letter-spacing:0.5em;margin:-.390625vw 0 1.5625vw}#contents main #member .character .texts header h3{font-size:8.0078125vw;white-space:nowrap;margin:0 0 3.61328125vw}#contents main #member .character .texts dl.cv{color:#fff;background:#ff3c72;line-height:5.6640625vw;font-size:2.9296875vw;font-weight:900;display:inline-flex;min-width:33.59375vw;justify-content:center;padding:0 2.9296875vw;border-radius:2.83203125vw;overflow:hidden;letter-spacing:0.05em;margin-bottom:1.953125vw}#contents main #member .character .texts dl.cv dt{display:inline-block;padding:0 .48828125vw}#contents main #member .character .texts dl.cv dd{zoom:1;overflow:hidden;padding:0 .48828125vw}#contents main #member .character .texts p{font-size:2.83203125vw;line-height:1.75}#contents main #member .character .texts nav{position:absolute;left:0;top:44.7265625vw;z-index:100;display:flex;width:51.7578125vw;justify-content:center}#contents main #member .character .texts nav a{height:9.08203125vw;width:21.6796875vw;background:url("../images/member/btn_before.png") left top no-repeat;background-size:auto 100%;display:block;margin:0 .5859375vw;transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);backface-visibility:hidden}#contents main #member .character .texts nav a[href*='after']{background:url("../images/member/btn_after.png") left top no-repeat;background-size:auto 100%}#contents main #member .character .texts nav a[href*='soon']{background:url("../images/member/btn_after@comingsoon.png") left top no-repeat;background-size:auto 100%;pointer-events:none}#contents main #member .character .texts nav a.new{position:relative}#contents main #member .character .texts nav a.new::after{content:'NEW';font-size:1.953125vw;color:#fff;width:15.625vw;height:3.3203125vw;line-height:3.3203125vw;text-align:center;position:absolute;left:50%;margin-left:-7.8125vw;bottom:-4.19921875vw;background:#ff3c72;border-radius:1.953125vw;letter-spacing:0.2em}#contents main #member .character:nth-of-type(even){padding:0 51.26953125vw 0 3.90625vw}#contents main #member .character:nth-of-type(even) .picture{position:absolute;left:inherit;right:0vw}#contents main #member .character:nth-of-type(even) nav{left:inherit;right:0}#contents main #member .character+.character{margin:12.3046875vw 0 0}@keyframes kvinout{0%{opacity:0}20%{opacity:1}40%{opacity:1}70%{opacity:0}100%{opacity:0}}@keyframes slidein{0%{left:-101%}50%{left:0}100%{left:0}}@keyframes slideinshow{0%{transform:-101%;opacity:0}44%{left:-101%;opacity:0}45%{left:0;opacity:1}100%{left:0;opacity:1}}@keyframes slideOut{0%{left:-101%}50%{left:0}90%{left:101%}100%{left:101%}}#contents main #member .character .picture{transform:translate3d(0, 6vw, 0) scale(1) rotate3d(1, -1, 1, 0deg);opacity:0;transition:1.2s cubic-bezier(0.23, 1, 0.32, 1)}#contents main #member .character .picture img{filter:brightness(1.8);transition:1.2s 0.1s cubic-bezier(0.23, 1, 0.32, 1);backface-visibility:hidden}#contents main #member .character .picture .in::after{opacity:0;transition:1.2s 0s cubic-bezier(0.23, 1, 0.32, 1);transform:scale(0.97);transform-origin:right top;backface-visibility:hidden}#contents main #member .character.animated .picture{opacity:1;transform:rotate(0);transform:translate(0, 0)}#contents main #member .character.animated .picture img{filter:brightness(1)}#contents main #member .character.animated .picture .in::after{opacity:1;transform:scale(1)}#contents main #coversong{background:rgba(127,126,236,0.8)}#contents main #coversong header{background:url("../images/coversong/title@0,5.png") center top no-repeat;background-size:auto 43.75vw;height:56.640625vw}#contents main #coversong .coversong{height:69.921875vw;position:relative}#contents main #coversong .coversong i{display:block;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size:cover}#contents main #coversong .coversong01 i{background-image:url("../images/coversong/coversong01.jpg")}#contents main #coversong .coversong02 i{background-image:url("../images/coversong/coversong02.jpg")}#contents main #coversong .coversong03 i{background-image:url("../images/coversong/coversong03.jpg")}#contents main #coversong .coversong{opacity:0;transition:0.6s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}#contents main #coversong .coversong i{transform:scale(1.15)}#contents main #coversong .coversong03 i{filter:brightness(0) blur(10px);transition:1.1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)}#contents main #coversong .coversong02 i{filter:brightness(1.5);transition:1.1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)}#contents main #coversong .coversong01 i{filter:brightness(1.5);transition:1.1s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1)}#contents main #coversong .coversong03.animated{opacity:1;transform:translate(0, 0)}#contents main #coversong .coversong03.animated i{transform:scale(1);filter:blur(0) brightness(1);transform:scale(1)}#contents main #coversong .coversong03.animated+.coversong02.animated{opacity:1;transform:translate(0, 0)}#contents main #coversong .coversong03.animated+.coversong02.animated i{filter:brightness(1);transform:scale(1)}#contents main #coversong .coversong02.animated+.coversong01.animated{opacity:1;transform:translate(0, 0)}#contents main #coversong .coversong02.animated+.coversong01.animated i{filter:brightness(1);transform:scale(1)}#contents main #campaign{text-align:center;padding-top:22.4609375vw}#contents main #campaign .wrap{background:url("../images/bg_stripes.png") rgba(255,255,255,0.8);background-size:3.7109375vw 3.7109375vw}#contents main #campaign h2{background-image:url("../images/campaign/title@0,5.png");background-repeat:no-repeat;background-size:cover;height:15.13671875vw;width:100%;position:relative;top:-7.6171875vw}#contents main #campaign img{width:100vw;height:auto;margin:0 auto}#contents main #campaign .campaign{padding-bottom:7.2265625vw}#contents main #campaign .campaign a{display:block;background-image:url("../images/campaign/btn_entry.png");width:79.58984375vw;height:13.57421875vw;background-size:100% 100%;margin:6.25vw auto 0;transition:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);backface-visibility:hidden}#contents main #campaign .campaign span{display:block;background-image:url("../images/campaign/btn_entry-finish.png?v2");width:79.58984375vw;height:13.57421875vw;background-size:100% 100%;margin:6.25vw auto 0}#contents main #campaign .campaign+.campaign{margin-top:4.8828125vw}.windowloaded #contents #campaign img.lazyimgload{height:auto}#contents main #movie{text-align:center;margin-bottom:10.7421875vw;padding-bottom:3.41796875vw;padding-top:22.4609375vw}#contents main #movie .wrap{background:url("../images/bg_stripes.png");background-color:rgba(255,255,255,0.8);background-size:3.7109375vw 3.7109375vw}#contents main #movie h2{background-image:url("../images/movie/title@0,5.png");background-repeat:no-repeat;background-size:cover;height:15.13671875vw;width:100%;position:relative;top:-7.6171875vw}#contents main #movie img{width:80.46875vw;height:45.1171875vw;margin:0 auto}#contents main #movie .movie{padding:0 0 6.54296875vw}#contents main #movie .movie h3{font-size:3.61328125vw;line-height:1;font-weight:900;color:#7f7eec;margin-top:3.515625vw}#contents main #movie .movie .comingsoon span{display:inline-block;position:relative}#contents main #movie .movie .comingsoon span::after{content:'';border:1px solid #7f7eec;position:absolute;left:0;top:0;height:100%;width:100%}#contents main #movie .movie a{display:inline-block;position:relative;overflow:hidden}#contents main #movie .movie a::after{content:'';width:17.7734375vw;height:17.7734375vw;border-radius:50%;background:rgba(127,126,236,0.5);position:absolute;left:50%;top:50%;margin:-8.88671875vw 0 0 -8.88671875vw;z-index:100;border:.390625vw solid #fff;transition:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #movie .movie a::before{content:'';width:0;height:0;border-style:solid;border-width:3.271484375vw 0 3.271484375vw 5.56640625vw;border-color:transparent transparent transparent #fff;position:absolute;left:50%;top:50%;z-index:110;margin:-3.271484375vw 0 0 -1.66015625vw}#contents main #movie .movie a:hover{filter:brightness(1)}#contents main #movie .movie a img{transition:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #movie .movie a:hover img{transform:scale(1.08);transition:0.3s 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #movie .movie a:hover::after{transform:scale(0.92);transition:0.3s 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-color:rgba(127,126,236,0.75)}.windowloaded #contents #movie img.lazyimgload{height:auto}#contents main #hash{text-align:center;margin-bottom:10.7421875vw;padding-bottom:3.41796875vw}#contents main #hash .wrap{background:url("../images/bg_stripes.png");background-color:rgba(255,255,255,0.8);background-size:3.7109375vw 3.7109375vw;padding:9.1796875vw 0 10.3515625vw}#contents main #hash .wrap h2{margin-bottom:5.17578125vw}#contents main #hash .wrap h2 img{width:73.2421875vw;height:auto}#contents main #hash .wrap img{width:auto;height:13.671875vw;margin:0 auto}#contents main #hash .wrap a.finish{pointer-events:none;display:inline-block;position:relative}#contents main #hash .wrap a.finish::after{content:'コラボは終了しました';color:#fff;background:rgba(0,0,0,0.75);width:100%;height:13.671875vw;position:absolute;left:0;top:0;z-index:10;font-size:3.90625vw;text-align:center;line-height:13.671875vw;border-radius:6.8359375vw;letter-spacing:0.16em}#contents main .appopen{position:relative;z-index:100;padding:0 0 10.7421875vw}#contents main .appopen img{width:100%;height:auto}#contents #sitefooter{background:url("../images/footer_bg@pc.jpg");background-size:29.296875vw 29.296875vw;position:relative;z-index:14000;width:100vw;color:#fff}#contents #sitefooter .sns{display:flex;justify-content:center;padding:10.15625vw 0 0}#contents #sitefooter .sns dt{font-size:4.4921875vw;line-height:9.765625vw;font-weight:700;padding:0 2.83203125vw 0 0;letter-spacing:0.1em}#contents #sitefooter .sns ul{display:flex;justify-content:center;padding:0 0 11.328125vw}#contents #sitefooter .sns ul li{padding:0 1.66015625vw}#contents #sitefooter .sns ul img{width:9.765625vw;height:auto}#contents #sitefooter .app{display:flex;align-items:flex-end;padding:0 9.08203125vw 6.640625vw 9.08203125vw}#contents #sitefooter .app h2{padding:0 1.26953125vw 0 .68359375vw}#contents #sitefooter .app h2 img{width:16.015625vw;height:auto}#contents #sitefooter .app dl{margin:0 .68359375vw}#contents #sitefooter .app dt{font-size:2.9296875vw;font-weight:700;line-height:7.2265625vw;letter-spacing:0.05em}#contents #sitefooter .app dd img{height:9.1796875vw;width:auto}#contents #sitefooter .copyrights{font-size:2.83203125vw;line-height:4.58984375vw}#contents #sitefooter ul.copyrights{padding:0 9.765625vw}#contents #sitefooter ul.copyrights li{text-indent:-1em;padding-left:1em;letter-spacing:0.1em}#contents #sitefooter p.copyrights{text-align:center;font-size:2.5390625vw;line-height:3.61328125vw;padding:1.953125vw 0 20.5078125vw;letter-spacing:0.15em}#contents #sitefooter .bnr{display:flex;justify-content:center;align-content:center;flex-direction:column;align-items:center;padding:6.8359375vw 0}#contents #sitefooter .bnr li+li{margin-top:5.078125vw}#contents #sitefooter .bnr a{display:inline-block;position:relative}#contents #sitefooter .bnr a img{width:80.078125vw;height:auto}#contents #pagetop{position:fixed;right:1.953125vw;bottom:1.953125vw;z-index:15000;margin:0}#contents #pagetop a{display:block;width:16.9921875vw;height:16.9921875vw;background:url("../images/pagetop.png") no-repeat center top/100% 100%;top:29.296875vw;transition:top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative}.scroll #contents #pagetop a{top:0}.scrollnow #contents #pagetop a{top:29.296875vw;transition:top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@keyframes slidein{0%{left:-101%}50%{left:0}100%{left:0}}@media screen and (min-width: 513px){#contents main::after{background-image:url("../images/bg.jpg")}#contents main #mv #logo::before{content:'';background:url("../images/kv/logo_garupa.png") left top no-repeat;background-size:cover}#contents main #mv #logo::after{content:'';background:url("../images/kv/logo_rezero.png") left top no-repeat;background-size:cover}#contents main #synopsis h2{background:url("../images/synopsis/title.png") center top no-repeat;background-size:cover}#contents main #member h2{background:url("../images/member/title.png") center top no-repeat;background-size:cover}#contents main #coversong header{background:url("../images/coversong/title.png") center top no-repeat;background-size:auto 43.75vw}#contents main #campaign h2{background-image:url("../images/campaign/title.png")}#contents main #movie h2{background-image:url("../images/movie/title.png")}}@media screen and (max-width: 1024px){.pc-item{display:none}}@media screen and (min-width: 1025px){.sp-item{display:none}#contents{width:100%}#contents main{padding:0;display:block}#contents main::after{background-image:url("../images/bg@pc.jpg")}#contents main .section{position:relative;z-index:10}#contents main #mv{height:calc(1182/1280*100vw);padding:calc(616/1280*100vw) 0 0}#contents main #mv #logo{top:calc(431/1280*100vw);width:calc(1024/1280*100vw);left:50%;margin:0 0 0 calc(-512/1280*100vw)}#contents main #mv #logo::before{content:'';background:url("../images/kv/logo_garupa@pc.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover}#contents main #mv #logo::after{content:'';background:url("../images/kv/logo_rezero@pc.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover}#contents main #mv .kv{left:50%;top:0;width:calc(1920/1280*100vw);margin-left:calc(-960/1280*100vw)}#contents main #mv div{background:url("../images/kv/bg@pc.jpg") center top repeat-x;background-size:calc(150/1280*100vw) auto;height:calc(623/1280*100vw)}#contents main #mv div h2{background:url("../images/kv/h2@pc.png") center top no-repeat;width:calc(1100/1280*100vw);position:absolute;left:50%;top:0;margin-left:calc(-550/1280*100vw);z-index:100;height:calc(160/1280*100vw);background-size:cover}#contents main #mv nav{padding:calc(207/1280*100vw) 0 0;max-width:calc(1024/1280*100vw);margin:0 auto}#contents main #mv nav a{margin:0 calc(9/1280*100vw) calc(52/1280*100vw)}#contents main #mv nav a em{padding:0 0 0;width:170px;margin-left:-75px;bottom:-36px}#contents main #mv nav a em span{line-height:26px;font-size:14px;padding:0 15px;border-radius:14px}#contents main #mv nav img{height:calc(123/1280*100vw);width:auto}#contents main #mv .kv{opacity:0;transform:translateY(70px)}#contents main #mv #logo::before{opacity:0;transform:translateX(-30px);filter:brightness(1.8)}#contents main #mv #logo::after{opacity:0;transform:translateX(30px);filter:brightness(1.8)}.windowloaded.opend #contents main #mv #logo::before{opacity:1;transition:opacity 1.7s 1.33s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.8s 1.33s cubic-bezier(0.215, 0.61, 0.355, 1),filter 1.1s 1.33s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateX(0);filter:brightness(1)}.windowloaded.opend #contents main #mv #logo::after{opacity:1;transition:opacity 1.7s 1.63s cubic-bezier(0.215, 0.61, 0.355, 1),transform 1.8s 1.63s cubic-bezier(0.215, 0.61, 0.355, 1),filter 1.1s 1.63s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateX(0);filter:brightness(1)}#contents main .bg_repeat{background-size:300px auto}#contents main #synopsis{padding:74px 20px 0}#contents main #synopsis h2{background:url("../images/synopsis/title@pc.png") center top no-repeat;background-size:auto 100%;height:103px;position:relative;top:0vw;margin-bottom:-52px}#contents main #synopsis p{font-size:26px;padding-bottom:0}#contents main #synopsis p sup{font-size:14px;position:relative;top:2px}#contents main #synopsis p small{font-size:16px;display:inline-block;margin:0 0 0}#contents main #synopsis .wrap{margin:0 auto;padding:60px 0 55px;max-width:1114px}#contents main #synopsis .wrap img{width:540px;height:auto;margin-bottom:12px}#contents main #member{background-size:300px auto;padding:105px 0 14.0625vw}#contents main #member h2{background:url("../images/member/title@pc.png") center top no-repeat;background-size:auto;height:103px;position:relative;top:0px;margin-bottom:47px}#contents main #member h2+h3{margin-bottom:66px;text-align:center}#contents main #member h2+h3 img{height:193px;width:auto}#contents main #member .character{min-height:40.625vw;padding:0 0 0 62.1875vw;max-width:1280px;margin:0 auto}#contents main #member .character .picture img{height:40.625vw;width:auto}#contents main #member .character .picture{left:2.34375vw}#contents main #member .character .picture .in::before{border:.625vw solid #fff}#contents main #member .character .picture .in::after{left:.859375vw;top:1.875vw}#contents main #member .character .texts{width:35.9375vw}#contents main #member .character .texts header p{font-size:1.09375vw;margin:0 0 .46875vw;position:relative;top:-.546875vw}#contents main #member .character .texts header h3{font-size:5.859375vw;margin:0 0 2.421875vw}#contents main #member .character .texts dl.cv{line-height:3.28125vw;font-size:1.71875vw;min-width:244px;padding:0 2.34375vw;border-radius:1.640625vw;margin-bottom:1.71875vw}#contents main #member .character .texts dl.cv dt{display:inline-block;padding:0 5px}#contents main #member .character .texts dl.cv dd{zoom:1;overflow:hidden;padding:0 5px}#contents main #member .character .texts p{font-size:1.71875vw}#contents main #member .character .texts nav{position:static;display:flex;width:36.875vw;margin-left:-.46875vw;margin-top:2.109375vw}#contents main #member .character .texts nav a{height:7.265625vw;width:17.34375vw;display:block;margin:0 .46875vw}#contents main #member .character .texts nav a:hover{transform:scale(1.04);transition:0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);filter:brightness(1.1)}#contents main #member .character .texts nav a.new::after{font-size:14px;color:#fff;width:58.558558558%;height:26px;line-height:26px;text-align:center;position:absolute;left:50%;margin-left:-29.279279279%;bottom:-36px;background:#ff3c72;border-radius:13px;letter-spacing:0.2em}#contents main #member .character:nth-of-type(even){padding:0 62.1875vw 0 1.953125vw}#contents main #member .character:nth-of-type(even) .picture{position:absolute;left:inherit;right:2.34375vw}#contents main #member .character:nth-of-type(even) nav{left:inherit;right:0}#contents main #member .character+.character{margin:11.09375vw auto 0}#contents main #coversong{padding-bottom:120px}#contents main #coversong header{background:url("../images/coversong/title@pc.png") center 78px no-repeat;background-size:auto 277px;height:416px}#contents main #coversong .coversong{height:48.125vw;position:relative}#contents main #coversong .coversong i{display:block;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size:100vw 100%}#contents main #coversong .coversong .special{display:none}#contents main #coversong .coversong01 i{background-image:url("../images/coversong/coversong01@pc.jpg")}#contents main #coversong .coversong02 i{background-image:url("../images/coversong/coversong02@pc.jpg")}#contents main #coversong .coversong03 i{background-image:url("../images/coversong/coversong03@pc.jpg")}#contents main #campaign{max-width:1280px;margin:0 auto 0;padding-top:120px}#contents main #campaign .wrap{background:url("../images/bg_stripes.png") rgba(255,255,255,0.8);background-size:38px 38px}#contents main #campaign h2{background-image:url("../images/campaign/title@pc.png");background-repeat:no-repeat;background-size:auto;height:103px;width:100%;position:relative;top:-52px;background-position:center top}#contents main #campaign img{width:900px;height:auto}#contents main #campaign .campaign{padding-bottom:50px}#contents main #campaign .campaign a{background-image:url("../images/campaign/btn_entry@pc.png");width:545px;height:93px;margin:44px auto 0}#contents main #campaign .campaign span{background-image:url("../images/campaign/btn_entry-finish@pc.png?v2");width:545px;height:93px;margin:44px auto 0}#contents main #campaign .campaign a:hover{transform:scale(1.05);transition:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}#contents main #campaign .campaign+.campaign{margin-top:50px}#contents main #movie{max-width:1280px;margin:0 auto 0;padding-bottom:0;padding-top:120px}#contents main #movie .wrap{background:url("../images/bg_stripes.png") rgba(255,255,255,0.8);background-size:38px 38px}#contents main #movie h2{background-image:url("../images/movie/title@pc.png");background-size:auto;height:103px;width:100%;margin:0 auto 0;top:-52px;background-position:center top}#contents main #movie img{width:44.0625vw;height:24.84375vw;margin:0 auto}#contents main #movie .moviewrap{display:flex;justify-content:center;flex-wrap:wrap}#contents main #movie .movie{padding:0 10px 73px;width:44.0625vw}#contents main #movie .movie h3{font-size:25px;margin-top:24px}#contents main #movie .movie a{display:inline-block;position:relative}#contents main #movie .movie a::after{width:124px;height:124px;margin:-62px 0 0 -62px;border:4px solid #fff}#contents main #movie .movie a::before{border-width:23px 0 23px 40px;border-color:transparent transparent transparent #fff;margin:-23px 0 0 -12px}#contents main #hash{max-width:1280px;margin:0 auto 120px;padding-bottom:0;padding-top:120px}#contents main #hash .wrap{background:url("../images/bg_stripes.png") rgba(255,255,255,0.8);background-size:38px 38px;text-align:center;padding:69px 0 70px !important}#contents main #hash .wrap h2{margin-bottom:34px}#contents main #hash .wrap h2 img{width:1100px;height:auto}#contents main #hash .wrap a{display:inline-block;margin:0 auto}#contents main #hash .wrap a img{width:auto;height:98px;margin:0 auto}#contents main #hash .wrap a.finish::after{font-size:34px;text-align:center;line-height:98px;border-radius:49px;height:98px}#contents #sitefooter{width:100%;z-index:10000;text-align:center;background-size:150px 150px}#contents #sitefooter .sns{padding:50px 0 0;display:inline-block;margin:0 auto;position:relative}#contents #sitefooter .sns dt{font-size:20px;line-height:58px;padding:0 15px 0 0;position:absolute;left:0;top:50px;margin-left:-90px}#contents #sitefooter .sns ul{padding:0}#contents #sitefooter .sns ul li{padding:0 10px}#contents #sitefooter .sns ul img{width:58px;height:auto}#contents #sitefooter .app{padding:47px 0 0;width:1024px;margin:0 auto;justify-content:center}#contents #sitefooter .app h2{padding:0 0;margin-right:24px}#contents #sitefooter .app h2 img{width:125px;height:auto}#contents #sitefooter .app dl{margin:0 6px}#contents #sitefooter .app dt{font-size:20px;line-height:50px;text-align:center}#contents #sitefooter .app dd img{height:74px;width:auto}#contents #sitefooter .app dd a::after{content:'';width:100%;height:100%;background:#fff;position:absolute;left:0;top:0;border-radius:10px;transition:opacity 0.3s;opacity:0}#contents #sitefooter .app dd a:hover::after{opacity:0.2}#contents #sitefooter .app p.qr{margin-left:24px;position:relative}#contents #sitefooter .app p.qr img{width:123px;height:auto}#contents #sitefooter .app p.qr::after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #a4a4a4}#contents #sitefooter .copyrights{font-size:14px;line-height:23px;text-align:center}#contents #sitefooter ul.copyrights{padding:29px 0 33px}#contents #sitefooter ul.copyrights li{text-indent:0;padding-left:0}#contents #sitefooter p.copyrights{font-size:11px;line-height:21px;padding:44px 0 160px}#contents #sitefooter .bnr{display:flex;justify-content:center;align-content:center;flex-direction:row;align-items:center;padding:0 0}#contents #sitefooter .bnr li{padding:0 5px}#contents #sitefooter .bnr li+li{margin-top:0}#contents #sitefooter .bnr a img{width:auto;height:100px}#contents #sitefooter .bnr a::after{border:2px solid #7f7eec}#contents #pagetop{position:fixed;bottom:20px;margin:0;left:inherit;right:20px}#contents #pagetop a{display:block;width:118px;height:118px;background:url("../images/pagetop@pc.png") no-repeat center top/cover;top:200px;transition:top 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative}.scroll #contents #pagetop a{top:0}.scrollnow #contents #pagetop a{top:200px;transition:top 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}a{transform:scale(1);transition:transform 0.6s cubic-bezier(0.23, 1, 0.32, 1),filter 0.6s cubic-bezier(0.23, 1, 0.32, 1);display:block;filter:brightness(1);background:hidden}a img{backface-visibility:hidden}a:hover{transition:transform 0.6s cubic-bezier(0.23, 1, 0.32, 1),filter 0.6s cubic-bezier(0.23, 1, 0.32, 1);filter:brightness(1.1);zoom:1}#sitefooter a:hover{transform:scale(1);transition:0.4s cubic-bezier(0.23, 1, 0.32, 1);filter:brightness(1.3)}.ie11 a{transform:scale(1);opacity:1;transition:opacity 0.6s}.ie11 a:hover{transform:scale(1);opacity:0.7;transition:opacity 0.6s}}@media screen and (min-width: 1281px){#contents main #mv{height:1182px;padding:616px 0 0}#contents main #mv #logo{top:431px;width:1024px;left:50%;margin:0 0 0 -512px}#contents main #mv #logo::before{content:'';background:url("../images/kv/logo_garupa.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0}#contents main #mv #logo::after{content:'';background:url("../images/kv/logo_rezero.png") left top no-repeat;width:100%;height:100%;position:absolute;left:0;top:0}#contents main #mv .kv{width:1920px;margin-left:-960px}#contents main #mv div{background:url("../images/kv/bg@pc.jpg") center top repeat-x;background-size:auto;height:623px}#contents main #mv div h2{background:url("../images/kv/h2@pc.png") center top no-repeat;width:1100px;position:absolute;left:50%;top:0;margin-left:-550px;z-index:100;height:160px}#contents main #mv nav{padding:212px 0px 0;max-width:1024px}#contents main #mv nav a{margin:0 9px 47px}#contents main #mv nav a em span{line-height:26px;font-size:14px;padding:0 15px;border-radius:14px}#contents main #mv nav img{height:123px;width:auto}#contents main #member{padding:105px 0 180px}#contents main #member .character{min-height:520px;padding:0 0 0 796px}#contents main #member .character .picture img{height:520px;width:auto}#contents main #member .character .picture{left:30px}#contents main #member .character .picture .in::before{border:8px solid #fff}#contents main #member .character .picture .in::after{left:11px;top:24px}#contents main #member .character .texts{width:460px}#contents main #member .character .texts header p{font-size:14px;margin:0 0 6px;top:-7px}#contents main #member .character .texts header h3{font-size:75px;margin:0 0 31px}#contents main #member .character .texts dl.cv{line-height:42px;font-size:22px;min-width:244px;padding:0 30px;border-radius:21px;margin-bottom:22px}#contents main #member .character .texts dl.cv dt{display:inline-block;padding:0 5px}#contents main #member .character .texts dl.cv dd{zoom:1;overflow:hidden;padding:0 5px}#contents main #member .character .texts p{font-size:22px}#contents main #member .character .texts nav{position:static;display:flex;width:472px;margin-left:-6px;margin-top:27px}#contents main #member .character .texts nav a{height:93px;width:222px;display:block;margin:0 6px}#contents main #member .character:nth-of-type(even){padding:0 796px 0 25px}#contents main #member .character:nth-of-type(even) .picture{position:absolute;left:inherit;right:30px}#contents main #member .character+.character{margin:142px auto 0}#contents main #member .character .picture{transform:translate3d(0, 6vw, 0) scale(1.1) rotate3d(1, -3, 1, 30deg);opacity:0;transition:1.2s cubic-bezier(0.165, 0.84, 0.44, 1)}#contents main #coversong{margin-bottom:120px}#contents main #coversong .coversong{height:616px}#contents main #coversong .coversong i{background-size:1280px 616px}#contents main #coversong .coversong02{height:616px}#contents main #coversong .coversong02 i{background-size:1280px 616px}#contents main #coversong .coversong03{height:616px}#contents main #coversong .coversong03 i{background-size:1280px 616px}#contents main #campaign{max-width:1280px;margin:0 auto 0}#contents main #campaign .wrap{background:url("../images/bg_stripes.png") rgba(255,255,255,0.8);background-size:38px 38px}#contents main #campaign h2{background-image:url("../images/campaign/title@pc.png");background-repeat:no-repeat;background-size:auto;height:103px;width:100%;position:relative;top:-52px;background-position:center top}#contents main #campaign img{width:900px;height:auto}#contents main #campaign .campaign{padding-bottom:50px}#contents main #campaign .campaign a{background-image:url("../images/campaign/btn_entry@pc.png");width:545px;height:93px;margin:44px auto 0}#contents main #campaign .campaign span{background-image:url("../images/campaign/btn_entry-finish@pc.png?v2");width:545px;height:93px;margin:44px auto 0}#contents main #movie img{width:564px;height:318px}#contents main #movie .movie{width:564px}#contents main #hash .wrap{padding:135px 0 70px}#contents main #hash img{width:auto;height:98px}}#loader{background:#fff;width:100vw;height:100vh;z-index:100000;position:fixed;left:0;top:0}#loader .loader{width:48px;height:48px;position:fixed;left:50%;top:50%;margin:-24px 0 0 -24px}.imgloaded #loader .loader{transform:scale(0.25);opacity:0;transition:transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.8s}.la-ball-clip-rotate,.la-ball-clip-rotate>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-clip-rotate{display:block;font-size:0;color:#7f7eec}.la-ball-clip-rotate.la-dark{color:#333}.la-ball-clip-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-clip-rotate{width:32px;height:32px}.la-ball-clip-rotate>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate .75s linear infinite;-moz-animation:ball-clip-rotate .75s linear infinite;-o-animation:ball-clip-rotate .75s linear infinite;animation:ball-clip-rotate .75s linear infinite}.la-ball-clip-rotate.la-sm{width:16px;height:16px}.la-ball-clip-rotate.la-sm>div{width:16px;height:16px;border-width:2px}.la-ball-clip-rotate.la-2x{width:48px;height:48px}.la-ball-clip-rotate.la-2x>div{width:48px;height:48px;border-width:2px}.la-ball-clip-rotate.la-3x{width:96px;height:96px}.la-ball-clip-rotate.la-3x>div{width:96px;height:96px;border-width:2px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ball-clip-rotate{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ball-clip-rotate{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}#modalMask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.9);z-index:1000000;display:none}#modalContent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000010;display:none;cursor:pointer}#modalContent div.mc{width:1024px;height:576px;position:fixed;left:50%;top:50%;margin-left:0px;margin-top:0;z-index:10;padding:100px 0;transition:0.8s ease;-webkit-transform:scale(0, 0);-moz-transform:scale(0, 0);-o-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0)}#modalContent.view div.mc{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}#modalContent div.mc iframe{width:1024px;height:576px;position:relative;z-index:0}#modalContent .close{position:absolute;right:-7px;top:39px;opacity:0;transition:0.3s;z-index:20}#modalContent.view .close{opacity:1}#modalContent .close a{display:block;width:58px;height:58px;overflow:hidden;text-indent:200%;white-space:nowrap;background:url(../images/btn_close.png) center center no-repeat;position:relative;transition:0.5s;background-size:37px auto}#modalContent .close a:hover{opacity:0.5}#modalContent .skip{position:absolute;right:-7px;bottom:21px;opacity:0;transition:0.3s;z-index:20}#modalContent.view .skip{opacity:1}#modalContent .skip a{display:block;width:190px;height:60px;overflow:hidden;text-indent:200%;white-space:nowrap;background:url(../images/movie/btn_skip@pc.png) center center no-repeat;position:relative;transition:0.5s}#modalContent .skip a:hover{opacity:0.5}.opend #modalContent .skip{display:none !important}@media screen and (max-width: 1024px){#modalContent div.mc{padding:19.53125vw 0;width:100vw}#modalContent .close{top:9.765625vw;right:-2.34375vw}#modalContent .close a{display:block;width:9.765625vw;height:9.765625vw;overflow:hidden;text-indent:200%;white-space:nowrap;background:url("../images/btn_close.png") center center no-repeat;position:relative;transition:0.5s;background-size:5.17578125vw auto}#modalContent .skip{right:0;bottom:4.98046875vw;width:100%;text-align:center}#modalContent .skip a{width:29.4921875vw;height:9.08203125vw;background:url(../images/movie/btn_skip.png) center center no-repeat;margin:0 auto;background-size:auto 100%}}#modalContent.absolute{position:absolute !important}#modalContent.absolute div.mc{position:absolute !important;top:0 !important;margin-top:0 !important}.slidein.animated::before{animation:slidein 1.3s cubic-bezier(0.86, 0, 0.07, 1) forwards}.slidein.animated::after{animation:slideOut 1.3s cubic-bezier(0.86, 0, 0.07, 1) forwards}.slidein.animated img{animation:slideinshow 1.3s forwards}@keyframes slidein{0%{left:-101%}50%{left:0}100%{left:0}}@keyframes slideinshow{0%{left:-101%;opacity:0}44%{left:-101%;opacity:0}45%{left:0;opacity:1}100%{left:0;opacity:1}}@keyframes slideOut{0%{left:-101%}50%{left:0}90%{left:101%}100%{left:101%}}#particles{will-change:all;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:1;overflow:hidden}[id*='particles0']{will-change:all;width:120vw;height:120vh;position:fixed;left:-10vw;top:-10vh;z-index:10}#snowball_01{position:fixed;top:0;display:block;z-index:1;width:110vw;height:100vh;left:-10vw}.nofirefox #snowball_01{filter:brightness(2)}.nofirefox.imgloaded #snowball_01{filter:brightness(1);transition:1s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);backface-visibility:hidden}
