﻿*{box-sizing:border-box;font-family:"Mplus 1p", sans-serif}.font_eg_serif{font-family:'Alice'}.font_jp_serif{font-family:'Sawarabi Mincho'}body{position:relative;margin:0;padding:0;font-size:16px}body.onePage{overflow:hidden}.center{text-align:center}.normal{font-weight:normal}.bold{font-weight:bold}.b1{font-size:105%}.b2{font-size:110%}.b3{font-size:115%}.b4{font-size:120%}.b5{font-size:125%}@media screen and (min-width: 601px){.b1{font-size:110%}.b2{font-size:120%}.b3{font-size:130%}.b4{font-size:140%}.b5{font-size:150%}}.s1{font-size:90%}.s2{font-size:80%}.s3{font-size:70%}.whiteEdge{text-shadow:1px 0px 0 #fff, 1px 1px 0 #fff, 0px 1px 0 #fff, -1px 1px 0 #fff, -1px 0px 0 #fff, -1px -1px 0 #fff, 0px -1px 0 #fff, 1px -1px 0 #fff}.underLine{text-decoration:underline}.strike{text-decoration:line-through}.red{color:#dc1448}.dred{color:#84002c}.pink{color:#ff4ca4}.dpink{color:#d81864}.orange{color:#e45000}.blue{color:#30b8ff}.dblue{color:#183cbc}.green{color:#44a008}.dgreen{color:#246008}.purple{color:#b854ec}.dpurple{color:#441888}.marker_clear_pink{background:linear-gradient(transparent 50%, rgba(255,156,212,0.5) 0%)}.marker_clear_yellow{background:linear-gradient(transparent 50%, rgba(255,255,136,0.5) 0%)}span.kome{margin-left:1em;text-indent:-1em;display:block}a{color:#0c84fc}@media screen and (min-width: 601px){a.pc_hover:hover{color:#ff7cb0}}h1{font-family:'Alice';margin:0;font-size:27px;text-align:center;position:relative;z-index:200;letter-spacing:1px;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#382828;font-weight:normal}@media screen and (min-height: 430px){h1:before{width:180px;height:40px}}@media screen and (min-width: 601px){h1{position:absolute;top:1.5em;right:0;left:0;font-size:40px}}@media screen and (max-width: 736px) and (max-height: 414px){h1{font-size:24px}}h1:before{position:absolute;margin:auto;left:0;right:0;top:80%;content:"";width:150px;height:20px;background:url(../image/page/h_deco.png) top center no-repeat;background-size:100% auto;z-index:-1}@media screen and (max-width: 640px) and (max-height: 360px){h1:before{width:130px;height:15px}}h1.mt{margin-top:0.5em !important}@media screen and (min-width: 375px){h1.mt{margin-top:0.3em !important}}#loadingBg{position:fixed;left:0;top:0;width:auto;min-width:100%;height:auto;min-height:100%;background:#ffffff;opacity:1;z-index:2001}#loading{position:fixed;top:0%;width:100%;padding:0px;margin:0;z-index:2001}#loadImg{display:block;background:url(../image/loading.png) no-repeat;background-size:auto 100%;width:270.9px;height:280.7px;animation:mb 1s steps(3) infinite;margin:20px auto 30px auto}@keyframes mb{to{background-position:-812.7px 0}}@media screen and (max-height: 500px){#loadImg{width:189.63px;height:196px}@keyframes mb{to{background-position:-568.89px 0}}}#loading #percent{margin-bottom:5px;text-align:center;font-size:16px;z-index:1000;color:#333}#loading #gauge{width:0px;height:8px;background:#9edeff;background:-moz-linear-gradient(left, #9edeff 0%, #ffb5d7 100%);background:-webkit-linear-gradient(left, #9edeff 0%, #ffb5d7 100%);background:linear-gradient(to right, #9edeff 0%, #ffb5d7 100%);z-index:1000}#percent-text{color:#333}#loadText{text-align:center;color:#609cc4;margin-top:20px}span.loadTxtAnime{display:inline-block;white-space:nowrap;font-size:30px}span.loadTxtAnime span{display:inline-block;vertical-align:middle;font-family:'Sawarabi Mincho'}span.loadTxtAnime span:nth-of-type(1){animation:animation 3s ease 0s infinite}span.loadTxtAnime span:nth-of-type(2){animation:animation 3s ease 0.1s infinite}span.loadTxtAnime span:nth-of-type(3){animation:animation 3s ease 0.2s infinite}span.loadTxtAnime span:nth-of-type(4){animation:animation 3s ease 0.3s infinite}span.loadTxtAnime span:nth-of-type(5){animation:animation 3s ease 0.4s infinite}span.loadTxtAnime span:nth-of-type(6){animation:animation 3s ease 0.5s infinite}span.loadTxtAnime span:nth-of-type(7){animation:animation 3s ease 0.6s infinite;letter-spacing:2px}span.loadTxtAnime span:nth-of-type(8){animation:animation 3s ease 0.7s infinite;letter-spacing:3px}span.loadTxtAnime span:nth-of-type(9){animation:animation 3s ease 0.8s infinite;letter-spacing:3px}span.loadTxtAnime span:nth-of-type(10){animation:animation 3s ease 0.9s infinite}@keyframes animation{0%{margin-top:0}5%{margin-top:-1em}10%{margin-top:0}13%{margin-top:-0.5em}16%{margin-top:0}18%{margin-top:-0.2em}20%{margin-top:0}}.fadeout{animation:fadeOut 1s;animation-fill-mode:both}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}header#headerNav{position:fixed;top:0;left:0;margin:0;width:100%;white-space:nowrap;background-color:rgba(255,255,255,0.8);box-shadow:0 0 5px 0px rgba(0,0,0,0.2);z-index:100;display:none}#headerNav ul{text-align:right;padding-right:0.5rem;width:100%;heigh:100%;list-style-type:none;margin:0}#headerNav ul li{display:inline-block;margin:0 0.5em;position:relative;height:100%}@media screen and (min-width: 601px) and (min-height: 900px){#headerNav ul li{font-size:11px}}@media screen and (max-width: 850px) and (max-height: 1280px){#headerNav ul li{font-size:14px}}@media screen and (max-width: 736px) and (max-height: 414px){#headerNav ul li{font-size:11px}}@media screen and (max-width: 700px){#headerNav ul li{font-size:12px}}@media screen and (max-width: 650px) and (min-height: 800px){#headerNav ul li{font-size:11px}}#headerNav ul li.activeStage{border:0px solid red}#headerNav ul li a{font-family:'Sawarabi Mincho', serif;width:100%;height:140%;display:block;padding:1.1em 0 0.9em 2em;top:0;right:0;background:transparent url(../image/nav_row.png) no-repeat 0% 50%;background-size:auto 50%;border:0px solid blue;font-weight:bold;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#382828;text-decoration:none}#headerNav ul li.activeStage a{background:transparent url(../image/nav_row_acv.png) no-repeat 0% 50%;background-size:auto 50%;color:#ff6b73;position:relative}#headerNav ul li.activeStage a:before{content:"";position:absolute;background-color:#ffcbcb;height:2px;width:calc(100% - 20px);bottom:20%;right:-1px}@media screen and (min-width: 601px){header#headerNav{display:block;opacity:0.7;transition:opacity 300ms 0s ease}header#headerNav:hover{opacity:1;transition:opacity 300ms 0s ease}#pageNav{display:none}}#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:95% 0%,100% 0%,top left;background-size:120% auto, auto 105%,auto 100%;background-repeat:no-repeat,no-repeat,no-repeat}@media screen and (min-height: 430px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:64% 0%,100% 0%,top left;background-size:150% auto,105% auto,auto 100%;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (min-width: 601px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,auto 105%,cover;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (min-width: 768px) and (min-height: 1024px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,50% auto,cover;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (min-width: 1024px) and (min-height: 1366px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,60% auto,cover;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (max-width: 650px) and (min-height: 900px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,60% auto,cover;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (max-width: 600px) and (max-height: 500px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,auto 105%,cover;background-repeat:no-repeat,no-repeat,no-repeat}}@media screen and (max-width: 320px) and (max-height: 480px){#stage1{background:url(../image/page/parts_page1_hoshi.png),url(../image/page/parts_page1_bg01.png),url(../image/page/bg_top.jpg);background-position:top right,top right,top left,top right,top right;background-size:auto 105%,auto 95%,cover;background-repeat:no-repeat,no-repeat,no-repeat}}.leftWrap{height:auto;width:calc(100% - 20px);position:relative;margin:10px;padding:0rem;z-index:2000;display:none}@media screen and (min-width: 601px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (min-width: 601px) and (min-height: 900px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (max-width: 736px) and (max-height: 414px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (max-width: 736px) and (max-height: 414px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (max-width: 640px) and (max-height: 360px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (max-width: 640px) and (max-height: 360px){.leftWrap{z-index:0;height:auto;width:auto;display:block}}@media screen and (max-width: 480px) and (max-height: 320px){.leftWrap{width:90%;margin:10px auto;display:block}}@media screen and (max-width: 372px) and (max-height: 320px){.leftWrap{width:90%;margin:10px auto;display:block}}@media screen and (max-width: 320px) and (max-height: 372px){.leftWrap{display:none;z-index:2001}}.left{height:100%;width:100%;position:relative;text-align:center;padding-top:0rem;background:url(../image/page/bg_stripe.png) repeat,rgba(255,255,255,0.8);background-size:30px 32px,auto;background-repeat:repeat,no-repeat;border-radius:20px;z-index:auto;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3)}@media screen and (min-width: 601px){.left{width:460px;margin:0rem 10px 10px 3vw;text-align:center;padding-top:3rem;background:transparent;border-radius:0;border:0px solid #fff;box-shadow:none}}@media screen and (max-width: 736px) and (max-height: 414px){.left{width:50%;margin:0rem 10px 10px 1vw}}@media screen and (max-width: 640px) and (min-height: 800px){.left{width:50%}}@media screen and (max-width: 640px) and (max-height: 360px){.left{width:50%}}@media screen and (max-width: 568px) and (max-height: 320px){.left{width:47%;margin:0rem 10px 10px 0vw;text-align:center;padding-top:1rem;background:transparent;border-radius:0;border:0px solid #fff;box-shadow:none}}@media screen and (max-width: 320px) and (max-height: 372px){.left{height:100%;width:100%;padding-top:0rem;z-index:auto;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3)}}.catch{margin:10px 0 0 0;display:block}@media screen and (max-width: 360px) and (max-height: 640px){.catch{display:none}}@media screen and (max-height: 600px){.catch{display:none}}@media screen and (max-width: 567px){.catch{display:none}}.catch img{display:inline-block;width:100%;margin-top:17%}@media screen and (min-width: 601px){.catch img{padding:0 1em;margin-top:0}}#news{position:absolute;width:50%;height:2.5em;margin:auto;font-size:11px;right:2%;bottom:65px;background-color:rgba(120,40,78,0.8);border-radius:.5em;border:2px solid rgba(255,255,255,0.5);box-shadow:0 0 3px 0 rgba(0,0,0,0.5) inset;color:#fff;padding:0}#news p:not(.news_title){text-align:left;padding:0;margin:0;line-height:calc(2.5em - 4px)}#news>img{position:absolute;width:24px;height:auto;bottom:10px;left:-13px;display:block;animation:newsanime 1.5s infinite;transform-origin:50% 100%}@media screen and (min-height: 430px){#news{bottom:115px;width:65%}}@media screen and (min-width: 601px){#news{display:block;width:40%;right:10px;bottom:20px;text-indent:16px}#news img{width:28px;left:-5px;margin-bottom:8px}}@media screen and (max-width: 360px) and (max-height: 640px){#news{width:96%;left:2%;right:auto}}@media screen and (max-width: 320px) and (max-height: 568px){#news{width:92%;left:4%;right:auto;bottom:75px;z-index:200}}@media screen and (max-width: 480px) and (max-height: 320px){#news{width:38%;left:auto;right:2%;bottom:2%}}.marquee{position:relative;width:100%;height:100%;overflow:hidden}.inner{position:absolute;top:0;width:auto;white-space:nowrap;animation-name:marquee;animation-timing-function:linear;animation-duration:10s;animation-iteration-count:infinite}@keyframes marquee{0%{left:100%;transform:translate(0)}100%{left:0;transform:translate(-100%)}}.news_title{display:none}@media screen and (min-width: 601px){.news_title{margin:0;padding:0;display:block;position:absolute;bottom:85%;left:24px;width:auto;height:auto;color:#d43454;font-style:italic;font-size:22px;font-weight:bold;text-shadow:0px -1px 1px #fff, 1px -1px 1px #fff, 1px 0 1px #fff, 1px 1px 1px #fff, 0 1px 1px #fff, -1px 1px 1px #fff, -1px 0px 1px #fff, -1px -1px 1px #fff}}@keyframes newsanime{0%{bottom:10px;transform:scaleY(1)}25%{bottom:10px;transform:scaleY(0.9)}30%{bottom:10px;transform:scaleY(0.7)}53%{bottom:15px;transform:scaleY(1)}76%{transform:scaleY(1)}78%{bottom:10px;transform:scaleY(0.9)}80%{bottom:10px;transform:scaleY(1)}100%{bottom:10px;transform:scaleY(1)}}#logo{position:absolute;width:40vw;height:auto;bottom:0;right:0;margin:0 auto;z-index:-1;display:none}@media screen and (min-height: 430px){#logo{left:auto;right:auto;margin:auto}}@media screen and (min-width: 601px){#logo{position:relative;width:100%;height:150px;bottom:auto;right:auto;display:block;margin-top:-20px}}@media screen and (max-width: 736px) and (max-height: 414px){#logo{position:relative;width:auto;height:70px;left:auto;right:auto;margin:-10px auto}}@media screen and (max-width: 640px) and (max-height: 360px){#logo{position:relative;width:auto;height:70px;left:auto;right:auto;margin:-10px auto}}@media screen and (max-width: 568px) and (max-height: 320px){#logo{width:160px;height:auto;display:block}}#logo img{margin-top:10px;width:100%;height:auto;filter:drop-shadow(0 0 6px #ffffc0)}@media screen and (min-width: 601px){#logo img{width:auto;height:100%}}@media screen and (max-width: 640px) and (min-height: 800px){#logo img{width:100%;height:auto}}@media screen and (max-width: 640px) and (max-height: 360px){#logo img{margin-top:0px}}#logo_sp{position:absolute;width:40vw;height:auto;bottom:0;right:3px;margin:0 auto;z-index:100;display:block}@media screen and (max-height: 429px){#logo_sp{left:auto;right:3px;bottom:0;width:150px;height:auto;margin:auto}}@media screen and (min-height: 430px){#logo_sp{bottom:2%;left:auto;right:1vw;margin:auto}}@media screen and (min-width: 601px){#logo_sp{display:none}}@media screen and (max-width: 640px) and (max-height: 360px){#logo_sp{display:none}}@media screen and (max-width: 480px) and (max-height: 320px){#logo_sp{top:23%;bottom:auto;left:20px;right:auto}}@media screen and (max-width: 320px) and (max-height: 568px){#logo_sp{top:auto;bottom:23%;left:auto;right:1vw;width:60vw}}@media screen and (max-width: 320px) and (max-height: 372px){#logo_sp{width:40vw;height:auto;bottom:0;top:auto;right:0;left:auto;margin:0 auto}}#logo_sp img{margin-top:10px;width:100%;height:auto;filter:drop-shadow(0 0 6px #ffffc0)}.fukidashi{bottom:108%;right:-2%;margin:0 auto;position:absolute;background-color:#fff;border-radius:20px;width:170px;height:auto;padding:2% 1% 1% 2%;border:3px solid #a8ff30;animation:fukidashianime 4s infinite}.fukidashi:after,.fukidashi:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.fukidashi:after{border-color:rgba(255,255,255,0);border-top-color:#ffffff;border-width:10px;margin-left:-10px}.fukidashi:before{border-color:rgba(168,255,48,0);border-top-color:#a8ff30;border-width:14px;margin-left:-14px}.fukidashi img{width:100%;height:auto;margin:auto}@keyframes fukidashianime{0%{bottom:108%;opacity:0}5%{bottom:111%;opacity:1}10%{bottom:114%}15%{bottom:111%}20%{bottom:114%}25%{bottom:111%}60%{opacity:1}70%{bottom:111%;opacity:0}100%{bottom:108%;opacity:0}}@keyframes fukidashianime_sp{0%{bottom:120%;opacity:0}5%{bottom:130%;opacity:1}10%{bottom:140%}15%{bottom:130%}20%{bottom:140%}25%{bottom:130%}60%{opacity:1}70%{bottom:130%;opacity:0}100%{bottom:120%;opacity:0}}.fukidashi.fukidashi_sp{display:block;bottom:120%;right:0;left:0;margin:0 auto;border-radius:20px;width:120px;height:auto;padding:2% 1% 1% 3%;border:3px solid #a8ff30;animation:fukidashianime_sp 4s infinite}.fukidashi.fukidashi_sp img{width:100%;height:auto;margin:auto}@media screen and (min-width: 601px){.fukidashi.fukidashi_sp{display:none}}#app_intro{width:100%;height:auto;border-radius:10px;display:block;letter-spacing:-1px;text-align:center}@media screen and (min-width: 601px){#app_intro{width:460px;height:auto;display:block}}@media screen and (max-width: 650px) and (min-height: 800px){#app_intro{width:100%;height:auto;display:block}}@media screen and (max-width: 736px) and (max-height: 414px){#app_intro{width:100%;height:auto;display:block}}@media screen and (max-width: 640px) and (max-height: 360px){#app_intro{width:100%;height:auto;display:block}}#app_intro .app_txt{width:100%;position:relative !important}#app_intro .app_txt p:nth-child(1){margin:0;padding:10px 0 0 0;text-align:center;font-size:14px;font-weight:bold;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#666}@media screen and (min-width: 601px){#app_intro .app_txt p:nth-child(1){font-size:22px}}@media screen and (max-width: 650px) and (min-height: 800px){#app_intro .app_txt p:nth-child(1){font-size:16px}}@media screen and (max-width: 736px) and (max-height: 414px){#app_intro .app_txt p:nth-child(1){font-size:16px}}@media screen and (max-width: 640px) and (max-height: 360px){#app_intro .app_txt p:nth-child(1){font-size:16px}}@media screen and (max-width: 568px) and (max-height: 320px){#app_intro .app_txt p:nth-child(1){font-size:14px}}@media screen and (max-width: 480px) and (max-height: 320px){#app_intro .app_txt p:nth-child(1){font-size:11px}}@media screen and (max-width: 320px) and (max-height: 372px){#app_intro .app_txt p:nth-child(1){font-size:14px}}#go_download{-webkit-tap-highlight-color:transparent;display:block;width:13em;height:3em;margin:5px auto 25px auto;font-size:12px;border-radius:1.5em;line-height:2.8em;border:3px solid #fff;background-color:rgba(255,255,255,0.3);box-shadow:0 3px 3px 0 rgba(0,0,0,0.3),0 0px 10px 0 rgba(255,205,240,0) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;font-weight:bold;text-shadow:0px 0px 0px #ff4c9c,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#ff4c9c;cursor:pointer;transition:all .5s ease}#go_download.pc_hover:hover{color:#ff1c84;transition:all .5s ease;margin-top:3px;margin-bottom:27px;box-shadow:0 6px 6px 0px rgba(0,0,0,0.2),0 0px 15px 0 rgba(255,205,240,0.8) inset,0 3px 4px 0 rgba(0,0,0,0.1) inset;text-shadow:0px 0px 3px #ff94d0,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff}#go_download.pc_hover:active{color:#7cffff;transition:all .3s ease;box-shadow:0 2px 3px -2px rgba(0,0,0,0.3),0 0px 15px 0 rgba(170,225,255,0.8) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;text-shadow:0px 0px 3px #7cffff,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;margin-top:7px;margin-bottom:23px}#go_download.hover{color:#7cffff;transition:all .3s ease;box-shadow:0 2px 3px -1px rgba(0,0,0,0.3),0 0px 15px 0 rgba(170,225,255,0.8) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;text-shadow:0px 0px 3px #7cffff,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;margin-top:7px;margin-bottom:23px}@media screen and (min-width: 601px){#go_download{margin:10px auto 30px auto;font-size:18px}#go_download.pc_hover:hover{margin-top:8px;margin-bottom:32px}#go_download.pc_hover:active{margin-top:12px;margin-bottom:28px}#go_download.hover{margin-top:12px;margin-bottom:28px}}@media screen and (max-width: 736px) and (max-height: 414px){#go_download{font-size:12px}}@media screen and (max-width: 640px) and (max-height: 360px){#go_download{font-size:12px}}#banner_wrap{text-align:center;width:100%}@media screen and (max-width: 640px) and (max-height: 360px){#banner_wrap{width:90%;margin:0px auto}}@media screen and (max-width: 480px) and (max-height: 320px){#banner_wrap{width:100%;margin:0px auto}}.banner_img{width:96%;height:auto;display:block;margin:10px auto 0 auto;background-color:#fff}@media screen and (min-width: 601px){.banner_img{width:90%}}@media screen and (max-width: 360px) and (max-height: 640px){.banner_img{width:94%}}.banner_img.pc_hover:hover{transition:all .3s ease;border:0px solid #999}.banner_img img{transition:all .3s ease;width:100%;height:auto;vertical-align:bottom}.banner_img.pc_hover:hover img{transition:all .3s ease;opacity:0.7}.banner_img.hover img{transition:all .3s ease;opacity:0.7}.applinkwrap{display:flex;margin-top:15px}.applinkcont{width:50%}.applinkcont div:nth-child(1){width:100%}.applinkcont div:nth-child(1) img{width:50%;height:auto;border:7px solid #eee;box-shadow:0 0 0 1px rgba(0,0,0,0.3);display:block;margin:0 auto}.applinkcont div:nth-child(2){width:100%;height:auto}.applinkcont div:nth-child(2) img{width:60%;height:auto;display:block;margin:10px auto}a.disable{cursor:default}#left_close{-webkit-tap-highlight-color:transparent;display:block;width:6em;height:2.8em;margin:5px auto 15px auto;font-size:14px;border-radius:0.5em;line-height:2.6em;border:2px solid #fff;background-color:rgba(136,168,228,0.8);box-shadow:0 3px 3px 0 rgba(0,0,0,0.3),0 0px 10px 0 rgba(255,205,240,0) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;font-weight:bold;text-shadow:0px 0px 0px #ff4c9c,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#285c9c;cursor:pointer;transition:all .5s ease}@media screen and (min-width: 601px){#left_close{display:none}}@media screen and (max-width: 568px) and (max-height: 320px){#left_close{display:none}}#left_close.pc_hover:hover{color:#0c406c;transition:all .5s ease;margin-top:3px;margin-bottom:17px;box-shadow:0 6px 6px 0px rgba(0,0,0,0.2),0 0px 15px 0 rgba(255,205,240,0.8) inset,0 3px 4px 0 rgba(0,0,0,0.1) inset;text-shadow:0px 0px 3px #ff94d0,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff}#left_close.pc_hover:active{color:#b04c64;transition:all .3s ease;box-shadow:0 2px 3px -2px rgba(0,0,0,0.3),0 0px 15px 0 rgba(170,225,255,0.8) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;background-color:rgba(196,255,108,0.8);text-shadow:0px 0px 3px #7cffff,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;margin-top:7px;margin-bottom:13px}#left_close.hover{color:#b04c64;transition:all .3s ease;box-shadow:0 2px 3px -1px rgba(0,0,0,0.3),0 0px 15px 0 rgba(170,225,255,0.8) inset,0 2px 3px 0 rgba(0,0,0,0.1) inset;background-color:rgba(196,255,108,0.8);text-shadow:0px 0px 3px #7cffff,1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;margin-top:7px;margin-bottom:13px}#letter{position:absolute;top:74px;right:8px;width:auto;height:auto;transform:rotate(-20deg);z-index:100;cursor:pointer}@media screen and (min-width: 568px){#letter{display:none}}@media screen and (max-width: 480px) and (max-height: 320px){#letter{display:none}}#letter_new{position:absolute;border-radius:50%;border:2px solid #fff;width:18px;height:18px;top:-10px;right:-10px;line-height:14px;font-size:14px;color:#fff;background-color:#ff306c;z-index:1;padding:0 0 0 0.35em;transform:rotate(20deg);animation:letter_new 2s infinite;opacity:1;transition:all .3s ease}@keyframes letter_new{0%{opacity:1}60%{opacity:1}80%{opacity:0}100%{opacity:1}}#letter img{display:block;width:35px;height:auto;transition:all .3s ease;transform:scale(1);-moz-transform-origin:50%;-webkit-transform-origin:50%}#letter.hover img{transition:all .3s ease;transform:scale(0.9);-moz-transform-origin:50%;-webkit-transform-origin:50%}@font-face{font-family:'icon';src:url("../font/icomoon.woff") format("woff"),url("../font/icomoon.ttf") format("truetype")}#stage2{background:url(../image/page/bg_page2.jpg);background-position:top left;background-size:cover;background-repeat:no-repeat;position:relative;z-index:1}#stage2 .fieldWrap{z-index:20;position:absolute;height:100%}.whitewrap{text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff,2px 0px 0 #fff,2px 2px 0 #fff,0px 2px 0 #fff,-2px 2px 0 #fff,-2px 0px 0 #fff,-2px -2px 0 #fff,0px -2px 0 #fff,2px -2px 0 #fff,0px 0px 10px #fff;color:#222;width:94%;height:auto;margin:auto auto auto auto;position:absolute;padding:2rem 0rem;top:52%;left:3%;transform:translateY(-50%);z-index:100}@media screen and (min-height: 321px){.whitewrap{top:52%}}@media screen and (min-width: 601px){.whitewrap{width:80%;height:auto;max-width:800px;left:0;right:0;margin:auto auto auto auto;padding:0.5rem 1rem}}.whitewrap:before{content:"";position:absolute;background-color:#fff;box-shadow:0 0 40px 40px #fff;width:80%;height:100%;z-index:15;top:0;left:10%;display:block;opacity:0.4}.whitewrap:after{content:"";position:absolute;width:calc(80% + (30px * 2));height:calc(70% + (30px * 2));background:url(../image/page/story_deco3_1.png) no-repeat,url(../image/page/story_deco3_2.png) no-repeat,url(../image/page/story_deco3_3.png) no-repeat,url(../image/page/story_deco3_4.png) no-repeat;background-position:top left,top right,bottom left,bottom right;background-size:80px;z-index:16;top:calc(16% - 30px);left:calc(10% - 30px);display:block}@media screen and (min-height: 321px){.whitewrap:after{height:calc(89% + (30px * 2));top:calc(6% - 30px)}}@media screen and (min-height: 430px){.whitewrap:after{height:calc(100% + (30px * 2));top:calc(0% - 30px)}}.arasuji{position:relative;z-index:50}.arasuji p{text-align:center;font-size:11px;font-weight:bold;margin:0.8em 0}.strong{font-size:13px;background:linear-gradient(transparent 60%, #ffffbe 60%);padding:0 3px;color:#ff344a}.strong2{font-size:13px;background:linear-gradient(transparent 60%, #ffffbe 60%);padding:0 3px;color:#5c2cb8}@media screen and (min-height: 321px){.arasuji p{font-size:12px}.strong{font-size:14px}.strong2{font-size:14px}}@media screen and (min-width: 500px){.arasuji p{font-size:18px}.strong{font-size:22px}.strong2{font-size:22px}}@media screen and (min-width: 601px){.arasuji p{font-size:20px}.strong{font-size:26px}.strong2{font-size:26px}}@media screen and (min-width: 600px) and (min-height: 500px){.arasuji p{font-size:18px}.strong{font-size:24px}.strong2{font-size:24px}}@media screen and (max-width: 736px) and (max-height: 414px){.arasuji p{font-size:13px}.strong{font-size:17px}.strong2{font-size:15px}}@media screen and (max-width: 640px) and (max-height: 360px){.arasuji p{font-size:12px}.strong{font-size:14px}.strong2{font-size:14px}}@media screen and (max-width: 414px) and (max-height: 736px){.arasuji p{font-size:16px}.strong{font-size:20px}.strong2{font-size:18px}}@media screen and (max-width: 372px) and (max-height: 320px){.arasuji p{font-size:13px}.strong{font-size:16px}.strong2{font-size:14px}}@media screen and (max-width: 360px) and (max-height: 640px){.arasuji p{font-size:15px}.strong{font-size:18px}.strong2{font-size:16px}}@media screen and (max-width: 320px) and (max-height: 568px){.arasuji p{font-size:13px}.strong{font-size:16px}.strong2{font-size:14px}}.centerwrap{width:40%;margin:0 auto}.centerwrap p{font-size:13px}@media screen and (min-width: 601px){.centerwrap{width:70%}}@media screen and (min-width: 500px) and (min-height: 500px){.centerwrap{width:60%}.centerwrap p{font-size:22px}}@media screen and (min-width: 600px) and (min-height: 500px){.centerwrap{width:50%}.centerwrap p{font-size:24px}}@media screen and (min-width: 700px) and (min-height: 600px){.centerwrap{width:50%}.centerwrap p{font-size:26px}}@media screen and (min-width: 768px) and (min-height: 1024px){.centerwrap{width:70%}.centerwrap p{font-size:26px}}@media screen and (min-width: 1024px) and (min-height: 1366px){.centerwrap{width:50%}.centerwrap p{font-size:26px}}@media screen and (max-height: 431px){.centerwrap p{font-size:16px}}@media screen and (max-height: 320px){.centerwrap{width:40%}}@media screen and (max-width: 736px) and (max-height: 414px){.centerwrap{width:50%}.centerwrap p{font-size:16px}}@media screen and (max-width: 414px) and (max-height: 736px){.centerwrap{width:70%}.centerwrap p{font-size:20px}}@media screen and (max-width: 372px) and (max-height: 320px){.centerwrap{width:50%}.centerwrap p{font-size:13px}}@media screen and (max-width: 360px) and (max-height: 640px){.centerwrap{width:70%}}@media screen and (max-width: 320px) and (max-height: 568px){.centerwrap{width:80%}.centerwrap p{font-size:16px}}.mt02{margin-top:0.2em !important}.mb02{margin-bottom:0.2em !important}.mt05{margin-top:0.5em !important}.mb05{margin-bottom:0.5em !important}.mt1{margin-top:2em !important}.mb1{margin-bottom:2em !important}.mt2{margin-top:2em !important}.mb2{margin-bottom:2em !important}.mt3{margin-top:3em !important}.mb3{margin-bottom:3em !important}.text_right{text-align:right !important}.text_left{text-align:left !important}.only_sp{display:inline}@media screen and (min-width: 601px){.only_sp{display:none}}.only_pc{display:none}@media screen and (min-width: 601px){.only_pc{display:inline}}.story_deco1,.story_deco2{position:absolute;width:200px;height:400px;z-index:1;transform:rotate(45deg);border:6px solid #fff;box-shadow:0 0 5px 0 #fff}@media screen and (min-width: 601px){.story_deco1,.story_deco2{width:350px;height:700px}}@media screen and (max-width: 736px) and (max-height: 414px){.story_deco1,.story_deco2{width:200px;height:400px}}.story_deco1{top:-162px;left:-70px;background:url(../image/page/parts_page2_2.jpg) no-repeat;background-size:100% auto}@media screen and (min-width: 601px){.story_deco1{top:-230px;left:-58px}}@media screen and (max-width: 736px) and (max-height: 414px){.story_deco1{top:-162px;left:-70px}}.story_deco2{bottom:-162px;right:-54px;background:url(../image/page/parts_page2_1.jpg) no-repeat;background-size:100% auto}@media screen and (min-width: 601px){.story_deco2{bottom:-230px;right:-50px}}@media screen and (max-width: 736px) and (max-height: 414px){.story_deco2{bottom:-162px;right:-54px}}.cb{position:absolute;width:250px;height:250px;z-index:0;bottom:10px;left:-40px;background:url(../image/page/page2_clapperboard.png);background-size:100% auto;background-repeat:no-repeat}#stage3 .fieldWrap{position:relative}#stage4,#stage5,#stage6{background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_stripe.png),-moz-linear-gradient(top, #d5f5ff 0%, #e2f1ff 41%, #f1ebff 100%);background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_stripe.png),-webkit-linear-gradient(top, #d5f5ff 0%, #e2f1ff 41%, #f1ebff 100%);background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_stripe.png),linear-gradient(to bottom, #d5f5ff 0%, #e2f1ff 41%, #f1ebff 100%);background-position:top left,top right,top left,top left;background-size:68px 149px,68px 149px,78px 78px,auto 100%;background-repeat:repeat-y,repeat-y,repeat,no-repeat}#app_intro2{width:100%;height:auto;background-color:rgba(255,255,255,0.5);border-top:2px solid #fff;border-bottom:2px solid #fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);margin-top:38px}@media screen and (min-height: 430px){#app_intro2{margin-top:55px}}@media screen and (min-width: 601px){#app_intro2{display:block;padding-top:1em;border:0px solid red;margin-top:175px;transform:translateY(0);position:relative;background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(254,254,254,0.5) 15%, rgba(250,250,250,0.5) 85%, rgba(249,249,249,0) 100%);background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(254,254,254,0.5) 15%, rgba(250,250,250,0.5) 85%, rgba(249,249,249,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(254,254,254,0.5) 15%, rgba(250,250,250,0.5) 85%, rgba(249,249,249,0) 100%)}}@media screen and (max-width: 736px) and (max-height: 414px){#app_intro2{margin-top:15%}}@media screen and (max-width: 667px) and (max-height: 375px){#app_intro2{margin-top:16%}}@media screen and (max-width: 568px) and (max-height: 320px){#app_intro2{margin-top:10%}}@media screen and (max-width: 320px) and (max-height: 372px){#app_intro2{margin-top:14%}}#logo2{position:absolute;top:auto;left:0;right:0;transform:translateY(-50%);width:auto;height:25%;max-height:200px;text-align:center}@media screen and (min-width: 768px) and (min-height: 1024px){#logo2{height:100px}}@media screen and (min-width: 1024px) and (min-height: 768px){#logo2{height:120px}}@media screen and (max-width: 732px) and (max-height: 412px){#logo2{height:80px}}@media screen and (max-width: 667px) and (max-height: 375px){#logo2{height:80px}}@media screen and (max-width: 600px) and (max-height: 800px){#logo2{height:90px}}@media screen and (max-width: 320px) and (max-height: 480px){#logo2{height:20%}}@media screen and (max-width: 320px) and (max-height: 372px){#logo2{height:20%}}#logo2 img{width:auto;height:100%;margin:0 auto}#app_intro2 .app_txt{width:90%;position:relative !important;margin:0 auto}@media screen and (min-width: 601px){#app_intro2 .app_txt{width:60%;max-width:800px;margin-top:40px}}@media screen and (max-width: 732px) and (max-height: 412px){#app_intro2 .app_txt{margin-top:30px}}@media screen and (max-width: 667px) and (max-height: 375px){#app_intro2 .app_txt{margin-top:25px}}@media screen and (max-width: 600px) and (max-height: 800px){#app_intro2 .app_txt{margin-top:15px}}@media screen and (max-width: 568px) and (max-height: 320px){#app_intro2 .app_txt{margin-top:6px}}@media screen and (max-width: 320px) and (max-height: 480px){#app_intro2 .app_txt{margin-top:20px}}@media screen and (max-width: 320px) and (max-height: 372px){#app_intro2 .app_txt{margin-top:15px}}#app_intro2 .app_txt p:nth-child(1){position:relative !important;padding-top:8%}#app_intro2 .app_txt p{position:relative !important;margin:0 !important;padding:0;text-align:left;font-size:12px;padding:0.1em 0em .1em 3em;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#333}@media screen and (min-width: 601px){#app_intro2 .app_txt p{font-size:14px;padding:0.1em 2em}}.qr_intro{display:none}#app_intro2 .applinkwrap{display:block;margin-top:20px;margin-bottom:8%}@media screen and (min-width: 420px){#app_intro2 .applinkwrap{display:flex}}@media screen and (max-width: 372px) and (max-height: 320px){#app_intro2 .applinkwrap{display:flex}}#app_intro2 .applinkcont{width:100%}#app_intro2 .applinkcont div:nth-child(1){width:100%;display:none}#app_intro2 .applinkcont div:nth-child(1) img{width:50%;height:auto;border:7px solid #eee;box-shadow:0 0 0 1px rgba(0,0,0,0.3);display:block;margin:0 auto}#app_intro2 .applinkcont div:nth-child(2){width:100%;height:auto}#app_intro2 .applinkcont div:nth-child(2) img{width:50%;height:auto;display:block;margin:15px auto}@media screen and (max-width: 372px) and (max-height: 320px){#app_intro2 .applinkcont div:nth-child(2) img{width:70%}}@media screen and (min-width: 601px){#app_intro2 .app_txt p:nth-child(1){position:relative !important;padding-top:4%}.qr_intro{display:block;width:60%;max-width:800px;margin:3% auto 10px auto;text-align:center;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff;color:#333;font-size:14px;font-weight:bold}#app_intro2 .applinkwrap{display:flex;margin:0 auto auto auto;width:60%;max-width:800px;padding-bottom:5%;justify-content:center}#app_intro2 .applinkcont{width:50%;max-width:200px;z-index:10}#app_intro2 .applinkcont div:nth-child(1){width:100%;display:block}#app_intro2 .applinkcont div:nth-child(1) img{width:60%;height:auto;border:7px solid #eee;box-shadow:0 0 0 1px rgba(0,0,0,0.3);display:block;margin:0 auto}#app_intro2 .applinkcont div:nth-child(2){width:100%;height:auto}#app_intro2 .applinkcont div:nth-child(2) img{width:80%;height:auto;display:block;margin:10px auto}}#ss_container{width:100%;height:auto;margin:20px auto;outline:0px solid red;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}@media screen and (min-width: 601px){#ss_container{width:90%;margin:20px 5%}}@media screen and (min-width: 1000px){#ss_container{max-width:1000px;margin:20px auto}}@media screen and (min-width: 1024px) and (min-height: 1366px){#ss_container{max-width:1000px;margin:20px auto}}@media screen and (max-width: 736px) and (max-height: 414px){#ss_container{width:76%;margin:10px 12%}}@media screen and (max-width: 480px) and (max-height: 320px){#ss_container{margin:0px auto}}#ss_container a{display:inline;width:calc(33.3% - 10px);margin:3px 5px}@media screen and (min-height: 430px){#ss_container a{width:calc(33.3% - 10px);margin:10px 5px}}@media screen and (min-width: 601px){#ss_container a{width:calc(25% - 12px)}}@media screen and (max-width: 568px) and (max-height: 320px){#ss_container a{width:calc(33.3% - 50px)}}@media screen and (max-width: 480px) and (max-height: 320px){#ss_container a{width:calc(25% - 10px)}}#ss_container img{width:100%;height:auto;border:4px solid #fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.2)}#stage5 p.ss_text{padding:0 5%;font-size:12px;text-shadow:0 0 3px #fff;color:#3d7aa7;font-weight:bold;text-align:center}@media screen and (min-width: 601px){#stage5 p.ss_text{margin:150px auto 0 auto}}@media screen and (max-width: 736px) and (max-height: 414px){#stage5 p.ss_text{margin:90px auto 0 auto}}@media screen and (max-width: 568px) and (max-height: 320px){#stage5 p.ss_text{margin:25px auto 0 auto}}@media screen and (max-width: 320px) and (max-height: 372px){#stage5 p.ss_text{margin:25px auto 0 auto}}.ss_content{width:100%;height:100%}.ss_content .ss_explain{width:100%;height:auto;background-color:rgba(255,255,255,0.8)}.ss_content img{width:96%;height:auto;margin:0 2%;border:2px solid #fff}@media screen and (max-width: 1366px) and (max-height: 1024px){.ss_content img{width:60%;height:auto;margin:0 20%}}@media screen and (max-width: 736px) and (max-height: 414px){.ss_content img{width:40%;height:auto;margin:0 30%}}@media screen and (max-width: 736px) and (max-height: 414px){.ss_content img{width:44%;height:auto;margin:0 28%}}@media screen and (max-width: 640px) and (max-height: 360px){.ss_content img{width:50%;height:auto;margin:0 25%}}@media screen and (max-width: 480px) and (max-height: 320px){.ss_content img{width:66%;height:auto;margin:0 17%}}@media screen and (max-width: 372px) and (max-height: 320px){.ss_content img{width:80%;height:auto;margin:0 10%}}.ss_explain{margin-top:5px}.ss_explain p.ss_title{color:#142850;font-size:14px;font-weight:bold;border-bottom:1px dashed #999;padding:.6em 0;margin:0;background-color:#fff}.ss_explain p.ss_title span:nth-child(1){padding:2em .7em .2em .5em}.ss_explain p.ss_title span:nth-child(2){font-size:12px;color:#cc0048}.ss_explain p:not(.ss_title){color:#142850;font-size:12px;padding:0px 1em 1em 1em;text-shadow:0 0 3px #fff;background:url(../image/page/bg_stripe.png);background-position:top left;background-size:39px 39px;background-repeat:repeat}@media screen and (min-width: 601px){.ss_explain p.ss_title{padding:.6em 5em}.ss_explain p:not(.ss_title){padding:0px 5em 1em 5em}}@media screen and (max-width: 480px) and (max-height: 320px){.ss_explain p.ss_title{font-size:12px}.ss_explain p.ss_title span:nth-child(2){font-size:11px}.ss_explain p:not(.ss_title){font-size:10px}}@media screen and (max-width: 372px) and (max-height: 320px){.ss_explain p.ss_title{font-size:12px}.ss_explain p.ss_title span:nth-child(2){font-size:11px}.ss_explain p:not(.ss_title){font-size:10px}}.marker_pink{background:linear-gradient(transparent 50%, #ffbcd8 0%)}.lity-wrap:before{margin-right:0 !important}#frame_box{width:90%;height:64%;margin:5%;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:0;z-index:10;position:relative;box-shadow:0 0 3px 0 rgba(35,75,105,0.3) inset;background-color:rgba(255,255,255,0.5)}@media screen and (min-width: 601px){#frame_box{height:64%;margin:150px 5% 5% 5%}}@media screen and (max-height: 500px){#frame_box{height:62%;margin:30px 5% 5% 5%}}@media screen and (max-height: 400px){#frame_box{height:58%;margin:20px 5% 5% 5%}}@media screen and (max-height: 320px){#frame_box{height:53%;margin:20px 5% 5% 5%}}@media screen and (max-width: 736px) and (max-height: 414px){#frame_box{height:56%;margin:90px 5% 5% 5%}}@media screen and (max-width: 667px) and (max-height: 375px){#frame_box{height:52%}}@media screen and (max-width: 568px) and (max-height: 320px){#frame_box{height:50%;margin:25px 5% 5% 5%}}@media screen and (max-width: 414px) and (max-height: 736px){#frame_box{height:75%}}@media screen and (max-width: 372px) and (max-height: 320px){#frame_box{height:50%}}@media screen and (max-width: 360px) and (max-height: 640px){#frame_box{height:60%;margin:25px 5% 5% 5%}}@media screen and (max-width: 320px) and (max-height: 568px){#frame_box{height:70%;margin:25px 5% 5% 5%}}@media screen and (max-width: 320px) and (max-height: 480px){#frame_box{height:64%}}@media screen and (max-width: 320px) and (max-height: 372px){#frame_box{height:58%}}#special_container{width:100%;height:100%;padding:0;text-align:center;border:none;position:relative;z-index:10}#iframe_special_wrapper{width:100%;height:100%;padding:10px;text-align:center;font-size:11px}#iframe_special_wrapper p:not(.special_title){margin:0 auto 1em auto}#twicon_container,#twheader_container{width:100%;height:auto;margin:10px auto}.special_title{color:#2a44a3;font-size:14px;font-weight:bold;margin:.5em auto 0 auto;line-height:2em}.special_title img{height:1.5em;width:auto;margin-right:5px;margin-bottom:-.3em}@media screen and (min-width: 601px){.special_title{color:#2a44a3;font-size:17px;font-weight:bold;margin:.5em auto 0 auto;vertical-align:middle}}.twicon_group{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}@media screen and (min-width: 601px){.twicon_group{width:80%;margin:0 10%}}.twicon_group img{display:inline;width:calc(33.3% - 10px);height:auto;margin:10px 5px}@media screen and (min-width: 601px){.twicon_group img{width:calc(20% - 10px);height:auto;margin:10px 5px}}@media screen and (max-width: 640px) and (max-height: 360px){.twicon_group img{width:calc(20% - 10px);height:auto;margin:10px 5px}}#twheader_container img{width:100%;height:auto}@media screen and (min-width: 601px){#twheader_container img{width:80%;height:auto;margin:5px 10%;display:block}}footer{width:100%;height:auto;position:absolute;bottom:0;text-align:center;padding:20px 0;font-size:14px;color:#382828;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff;z-index:5}footer.relative{position:relative}footer:before{content:"";width:100%;height:100%;background:url(../image/page/race.png);background-position:center bottom;background-size:auto 50%;background-repeat:repeat-x;position:absolute;left:0%;top:0%;z-index:-1}footer a{display:block;width:16em;height:auto;margin:0 auto 10px auto;color:#00389c;text-decoration:none;background:#ffe77f;background:-moz-linear-gradient(top, #ffe77f 0%, #fcf6bd 100%);background:-webkit-linear-gradient(top, #ffe77f 0%, #fcf6bd 100%);background:linear-gradient(to bottom, #ffe77f 0%, #fcf6bd 100%);border-radius:5px;text-shadow:none;font-weight:bold;text-align:center;line-height:200%;box-shadow:0 0 0 3px rgba(228,168,40,0.5)}@media screen and (min-width: 601px){footer a:hover{margin:2px auto 8px auto;color:#24a4ff}}#container{top:0;left:0;width:100%;position:absolute;z-index:1}@media screen and (min-width: 601px){#container{min-width:601px}}.stageBase{width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 15px 0px rgba(255,255,215,0.8) inset}.stageBase .fieldWrap{padding:0px 0 0 0}.stageSlide{position:relative;overflow:hidden}.stageSlide .slideWrap{top:0;left:0;position:absolute;overflow:hidden}.stageSlide .slideWrap:before,.stageSlide .slideWrap:after{content:" ";display:table}.stageSlide .slideWrap:after{clear:both}.stageSlide .slideWrap{*zoom:1}.stageSlide .slidePanel{float:left;overflow:hidden}.stageSlide .sdPrev,.stageSlide .sdNext{margin-top:-40px;top:61%;width:30px;height:80px;display:block;position:absolute;z-index:99;opacity:1}@media screen and (min-width: 601px){.stageSlide .sdPrev,.stageSlide .sdNext{opacity:0.5}}@media screen and (max-height: 500px){.stageSlide .sdPrev,.stageSlide .sdNext{width:20px;height:42px}}.stageSlide .sdPrev{left:10px;background:transparent url(../image/slide_prev.svg) no-repeat left top;background-size:100% auto}.stageSlide .sdNext{right:10px;background:transparent url(../image/slide_next.svg) no-repeat left top;background-size:100% auto}@media screen and (max-height: 430px){.stageSlide .sdPrev{left:0px}.stageSlide .sdNext{right:0px}}@media screen and (min-width: 601px){.stageSlide .sdPrev,.stageSlide .sdNext{top:50%;width:40px;height:80px}.stageSlide .sdPrev:hover,.stageSlide .sdNext:hover{opacity:1}.stageSlide .sdPrev{left:30px}.stageSlide .sdNext{right:30px}}@media screen and (max-width: 640px) and (max-height: 360px){.stageSlide .sdPrev{left:0px}.stageSlide .sdNext{right:0px}.stageSlide .sdPrev,.stageSlide .sdNext{width:30px;height:58px}}.stageSlide .slideNav{bottom:30px;left:0;width:100%;height:auto;text-align:center;position:absolute;z-index:98;padding:0 0%;border:0px solid green;vertical-align:middle}@media screen and (max-height: 500px){.stageSlide .slideNav{bottom:10px}}.stageSlide .slideNav a{margin:0 3%;display:inline-block;overflow:visible;opacity:0.7;border:0px solid blue;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;text-decoration:none;transition:all 0.2s linear}.stageSlide .slideNav a.pnActive{opacity:1;width:40px;height:40px;text-decoration:none;font-size:30px;margin-bottom:-9px;transition:all 0.2s linear}.slidePn1,.slidePn2,.slidePn3,.slidePn4,.slidePn5,.slidePn6{width:20px;height:20px;margin:auto 5%;border:1px solid green}.slidePn1:before,.slidePn2:before,.slidePn3:before,.slidePn4:before,.slidePn5:before,.slidePn6:before{content:"◆";display:block;width:100%;height:100%}.slidePn1{color:#b07cff}.slidePn2{color:#388cd4}.slidePn3{color:#dc8834}.slidePn4{color:#ff78a8}.slidePn5{color:#68bc60}.slidePn6{color:#6c684c}@media screen and (min-width: 601px){.stageSlide .slideNav{bottom:10px;left:0;width:100%;text-align:center;position:absolute;z-index:98;padding:0 16%;border:0px solid green}.stageSlide .slideNav a{width:12%;max-width:80px;margin:0 1%;display:inline-block;opacity:0.7;border:0px solid blue;transition:all 0.2s linear}.stageSlide .slideNav a.pnActive{width:14%;max-width:100px;height:auto;opacity:1;text-decoration:none;margin-bottom:0;transition:all 0.2s linear}.slidePn1,.slidePn2,.slidePn3,.slidePn4,.slidePn5,.slidePn6{width:auto;height:auto;border:1px solid green;position:relative}.slidePn1:before,.slidePn2:before,.slidePn3:before,.slidePn4:before,.slidePn5:before,.slidePn6:before{content:"";display:block;padding-top:100%}.slidePn1{background:url(../image/page/nav_chara1.png) no-repeat;background-size:100% auto}.slidePn2{background:url(../image/page/nav_chara2.png) no-repeat;background-size:100% auto}.slidePn3{background:url(../image/page/nav_chara3.png) no-repeat;background-size:100% auto}.slidePn4{background:url(../image/page/nav_chara4.png) no-repeat;background-size:100% auto}.slidePn5{background:url(../image/page/nav_chara5.png) no-repeat;background-size:100% auto}.slidePn6{background:url(../image/page/nav_chara6.png) no-repeat;background-size:100% auto}}.slideWrap .slidePanel:nth-child(1){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara1.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(1){background-size:68px 149px,68px 149px,cover}}.slideWrap .slidePanel:nth-child(2){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara2.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(2){background-size:68px 149px,68px 149px,cover}}.slideWrap .slidePanel:nth-child(3){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara3.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(3){background-size:68px 149px,68px 149px,cover}}.slideWrap .slidePanel:nth-child(4){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara4.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(4){background-size:68px 149px,68px 149px,cover}}.slideWrap .slidePanel:nth-child(5){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara5.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(5){background-size:68px 149px,68px 149px,cover}}.slideWrap .slidePanel:nth-child(6){background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_chara6.jpg);background-position:top left,top right,top left;background-size:68px 149px,68px 149px,auto 100%;background-repeat:repeat-y,repeat-y,no-repeat}@media screen and (min-width: 601px){.slideWrap .slidePanel:nth-child(6){background-size:68px 149px,68px 149px,cover}}.fieldWrap{width:100%;height:100%}.chara_txt{position:absolute;width:94%;left:3%;bottom:70px;z-index:20;text-shadow:1px 0px 0 #fff,1px 1px 0 #fff,0px 1px 0 #fff,-1px 1px 0 #fff,-1px 0px 0 #fff,-1px -1px 0 #fff,0px -1px 0 #fff,1px -1px 0 #fff,2px 0px 0 #fff,2px 2px 0 #fff,0px 2px 0 #fff,-2px 2px 0 #fff,-2px 0px 0 #fff,-2px -2px 0 #fff,0px -2px 0 #fff,2px -2px 0 #fff,0px 0px 10px #fff;color:#333;font-weight:bold;padding:0.5rem 1rem;font-size:12px}@media screen and (min-height: 430px){.chara_txt{top:290px;bottom:auto;font-size:11px}}@media screen and (min-height: 480px){.chara_txt{top:290px;bottom:auto;font-size:12px}}@media screen and (min-height: 500px){.chara_txt{top:68%;bottom:auto;font-size:12px}}@media screen and (min-width: 601px){.chara_txt{width:30em;left:10%;bottom:150px;font-size:14px}}@media screen and (min-width: 601px) and (min-height: 500px){.chara_txt{width:30em;left:10%;top:58%;bottom:auto;font-size:14px}}@media screen and (min-width: 768px) and (min-height: 1024px){.chara_txt{left:10%;top:68%;bottom:auto;font-size:14px}}@media screen and (min-width: 1024px) and (min-height: 1366px){.chara_txt{left:10%;top:68%;bottom:auto;font-size:18px}}@media screen and (max-width: 736px) and (max-height: 414px){.chara_txt{top:52%;left:6%;bottom:auto;font-size:10px;width:58%}}@media screen and (max-width: 480px) and (max-height: 320px){.chara_txt{top:173px;bottom:auto;font-size:10px;width:58%}}@media screen and (max-width: 360px) and (max-height: 640px){.chara_txt{top:60%;bottom:auto;font-size:10px}}@media screen and (max-width: 320px) and (max-height: 568px){.chara_txt{top:68%;bottom:auto;font-size:10px}}@media screen and (max-width: 320px) and (max-height: 372px){.chara_txt{top:64%;left:3%;bottom:auto;font-size:10px;width:94%}}.chara_txt:after{content:"";position:absolute;background:#fff;box-shadow:0 0 40px 20px #fff;width:100%;height:90%;top:5%;left:0%;display:block;opacity:0.4;z-index:-2}.chara_txt:before{content:"";background:url(../image/page/line.png),url(../image/page/line.png);background-size:contain,contain;background-position:top center,bottom center;background-repeat:no-repeat,no-repeat;overflow:visible;z-index:-1;height:130%;width:100%;top:-15%;left:0;position:absolute}@media screen and (min-width: 601px){.chara_txt:after{content:"";position:absolute;background:#fff;box-shadow:0 0 40px 20px #fff;width:100%;height:100%;top:0;left:0;display:block;opacity:0.4;z-index:-2}.chara_txt:before{content:"";background:url(../image/page/line.png),url(../image/page/line.png);background-size:contain,contain;background-position:top center,bottom center;background-repeat:no-repeat,no-repeat;overflow:visible;z-index:-1;height:130%;width:100%;top:-15%;left:0;position:absolute}}.chara_bu{width:100%;height:100%;border:0px solid red;position:absolute;top:0;z-index:10}.chara_bu img{position:absolute;bottom:0;width:auto;height:90%;display:block}@media screen and (min-width: 601px){.chara_bu img{bottom:0;right:0;width:auto;height:100%}}@media screen and (max-height: 430px){.chara_bu img{bottom:auto;height:80%}}@media screen and (max-width: 736px) and (max-height: 414px){.chara_bu img{bottom:0;width:auto;height:100%}}.chara_bu.bu1 img{right:-60px}.chara_bu.bu2 img{right:-120px}.chara_bu.bu3 img{right:-110px}.chara_bu.bu4 img{right:-100px}.chara_bu.bu5 img{right:-85px}.chara_bu.bu6 img{right:-110px}@media screen and (min-width: 375px){.chara_bu.bu1 img{right:-60px}.chara_bu.bu2 img{right:-140px}.chara_bu.bu3 img{right:-140px}.chara_bu.bu4 img{right:-100px}.chara_bu.bu5 img{right:-130px}.chara_bu.bu6 img{right:-110px}}@media screen and (min-width: 414px){.chara_bu.bu1 img{right:-60px}.chara_bu.bu2 img{right:-140px}.chara_bu.bu3 img{right:-150px}.chara_bu.bu4 img{right:-120px}.chara_bu.bu5 img{right:-130px}.chara_bu.bu6 img{right:-110px}}@media screen and (min-width: 768px) and (min-height: 1024px){.chara_bu.bu1 img{right:-100px}.chara_bu.bu2 img{right:-180px}.chara_bu.bu3 img{right:-180px}.chara_bu.bu4 img{right:-140px}.chara_bu.bu5 img{right:-170px}.chara_bu.bu6 img{right:-150px}}@media screen and (max-height: 430px){.chara_bu.bu1 img{right:-30px}.chara_bu.bu2 img{right:-65px}.chara_bu.bu3 img{right:-60px}.chara_bu.bu4 img{right:-55px}.chara_bu.bu5 img{right:-45px}.chara_bu.bu6 img{right:-60px}}@media screen and (max-width: 736px) and (max-height: 414px){.chara_bu.bu1 img{right:30px}.chara_bu.bu2 img{right:5px}.chara_bu.bu3 img{right:0px}.chara_bu.bu4 img{right:5px}.chara_bu.bu5 img{right:30px}.chara_bu.bu6 img{right:15px}}@media screen and (max-width: 320px) and (max-height: 372px){.chara_bu.bu1 img{right:-30px}.chara_bu.bu2 img{right:-65px}.chara_bu.bu3 img{right:-60px}.chara_bu.bu4 img{right:-55px}.chara_bu.bu5 img{right:-45px}.chara_bu.bu6 img{right:-60px}}.chara_bu img:not(.invisible){opacity:1;-webkit-transition:opacity .3s linear 0s;transition:opacity .3s linear 0s}.name{position:absolute;bottom:45%;left:0;width:80%;height:auto;min-width:30vw;z-index:10}.name img{width:100%;height:auto}@media screen and (max-height: 430px){.name{bottom:55%}}@media screen and (min-width: 601px){.name{bottom:330px;left:80px;width:400px;height:30px}}@media screen and (min-width: 768px) and (min-height: 1024px){.name{top:38%;left:65px;width:450px;height:30px}}@media screen and (min-width: 1024px) and (min-height: 1366px){.name{top:50%;left:90px;width:450px;height:30px}}@media screen and (max-width: 736px) and (max-height: 414px){.name{width:50%;top:27%;left:65px;width:240px;height:30px}}@media screen and (max-width: 640px) and (max-height: 360px){.name{width:50%;top:27%;left:65px;width:240px;height:30px}}@media screen and (max-width: 480px) and (max-height: 320px){.name{width:50%;top:20%;left:5%}}@media screen and (max-width: 320px) and (max-height: 372px){.name{width:70%;top:29%;left:2%}}.change{position:absolute;bottom:160px;left:8%;display:block;width:140px;z-index:98;cursor:pointer}.change:before{content:"";display:block;padding-top:28.9%}@media screen and (min-width: 601px){.change{position:absolute;bottom:265px;left:450px;display:block;width:20%;max-width:100px}.change:before{padding-top:100%}.change:hover{opacity:0.5}}@media screen and (max-height: 430px){.change{bottom:267px;left:8%;width:90px}}@media screen and (max-height: 500px){.change{bottom:218px;left:8%;width:90px}}@media screen and (min-height: 600px){.change{bottom:42%;left:8%}}@media screen and (min-width: 601px) and (min-height: 500px){.change{bottom:42%;left:48%}}@media screen and (min-width: 801px) and (min-height: 500px){.change{bottom:42%;left:38%}}@media screen and (min-width: 1024px) and (min-height: 1366px){.change{bottom:34%;left:12%}}@media screen and (max-width: 736px) and (max-height: 414px){.change{top:33%;bottom:auto;left:32%;right:auto;width:60px}}@media screen and (max-width: 640px) and (max-height: 360px){.change{top:33%;bottom:auto;left:32%;right:auto;width:60px}}@media screen and (max-width: 568px) and (max-height: 320px){.change{top:32%;bottom:auto;left:37%;right:auto;width:90px}}@media screen and (max-width: 480px) and (max-height: 320px){.change{top:36%;bottom:auto;left:169px;right:auto;width:90px}}@media screen and (max-width: 360px) and (max-height: 640px){.change{top:52%;bottom:auto;left:13%;right:auto;width:120px}}@media screen and (max-width: 320px) and (max-height: 568px){.change{top:52%;bottom:auto;left:40px;right:auto;width:110px}}@media screen and (max-width: 320px) and (max-height: 480px){.change{top:51%;bottom:auto;left:40px;right:auto;width:110px}}@media screen and (max-width: 320px) and (max-height: 372px){.change{top:48%;bottom:auto;left:40px;right:auto;width:110px}}.change02{background:url(../image/page/change_chara2a.jpg) no-repeat;background-size:100% auto}.change02.uni{background:url(../image/page/change_chara2b.jpg) no-repeat !important;background-size:100% auto !important}.change03{background:url(../image/page/change_chara3a.jpg) no-repeat;background-size:100% auto}.change03.uni{background:url(../image/page/change_chara3b.jpg) no-repeat !important;background-size:100% auto !important}.change04{background:url(../image/page/change_chara4a.jpg) no-repeat;background-size:100% auto}.change04.uni{background:url(../image/page/change_chara4b.jpg) no-repeat !important;background-size:100% auto !important}.change05{background:url(../image/page/change_chara5a.jpg) no-repeat;background-size:100% auto}.change05.uni{background:url(../image/page/change_chara5b.jpg) no-repeat !important;background-size:100% auto !important}@media screen and (min-width: 601px){.change02{background:url(../image/page/change2_chara2a.jpg) no-repeat;background-size:100% auto}.change02.uni{background:url(../image/page/change2_chara2b.jpg) no-repeat !important;background-size:100% auto !important}.change03{background:url(../image/page/change2_chara3a.jpg) no-repeat;background-size:100% auto}.change03.uni{background:url(../image/page/change2_chara3b.jpg) no-repeat !important;background-size:100% auto !important}.change04{background:url(../image/page/change2_chara4a.jpg) no-repeat;background-size:100% auto}.change04.uni{background:url(../image/page/change2_chara4b.jpg) no-repeat !important;background-size:100% auto !important}.change05{background:url(../image/page/change2_chara5a.jpg) no-repeat;background-size:100% auto}.change05.uni{background:url(../image/page/change2_chara5b.jpg) no-repeat !important;background-size:100% auto !important}}.invisible{opacity:0;-webkit-transition:opacity .3s linear 0s;transition:opacity .3s linear 0s}.page3_film{position:absolute;width:240px;height:900px;z-index:1;top:-100px;right:-20px;-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg);background:url(../image/page/page3_film.png);background-size:100% auto;background-repeat:repeat-y;z-index:5}#menuicon,#menuicon span{display:inline-block;transition:all .4s;box-sizing:border-box;z-index:300}@media screen and (min-width: 601px){#menuicon{display:none}}#menuicon{position:fixed;width:26px;height:20px;top:2px;right:24px}#menuicon::before{content:'';position:absolute;border:2px solid rgba(255,255,255,0.8);border-radius:7px;transition:all .4s;width:40px;height:38px;top:0px;left:4px;background:linear-gradient(to bottom, rgba(72,48,44,0.8) 0%, rgba(108,85,75,0.8) 100%);box-shadow:0 0 2px 0 #6173d7 inset,0 0 3px 0 rgba(0,0,0,0.3)}#menuicon::after{content:'Menu';position:absolute;right:-9px;bottom:-18px;display:block;width:100%;color:#fff;font-size:13.5px;text-decoration:none;text-align:center;transition:all .4s;border:0px solid red;font-family:'Alice', serif;text-shadow:0 0 2px #34241c,0 0 2px #34241c,0 0 2px #34241c}#menuicon.active::after{content:'Close';text-shadow:0 0 2px #34241c,0 0 2px #34241c,0 0 2px #34241c}#menuicon span{position:absolute;right:-10.2px;width:80%;height:2px;background-color:#fff;border-radius:2px;box-shadow:0 0 2px 0 #34241c,0 0 2px 0 #34241c,0 0 2px 0 #34241c}#menuicon span:nth-of-type(1){top:8px}#menuicon span:nth-of-type(2){top:13px}#menuicon span:nth-of-type(3){bottom:0}#menuicon.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-405deg);transform:translateY(5px) rotate(-405deg)}#menuicon.active span:nth-of-type(2){-webkit-transform:translateY(0) rotate(405deg);transform:translateY(0) rotate(405deg)}#menuicon.active span:nth-of-type(3){opacity:0}#pageNav{top:0;right:-100%;width:100%;height:100%;text-align:center;position:fixed;z-index:200;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;opacity:0;transition:opacity 0.3s ease-in-out,right 0.3s ease-in-out}#pageNav.active{opacity:1;right:0;transition:opacity 0.3s ease-in-out,right 0.3s ease-in-out}#pageNav ul{width:100%;height:80%;display:flex;margin:0;padding:0;justify-content:space-between;flex-flow:column nowrap}#pageNav ul li{padding-bottom:5px;width:100%;height:12%;display:block;overflow:hidden;border-top:2px solid #fff;border-bottom:2px solid #fff;background:#7b99f1;background:linear-gradient(to bottom, rgba(108,85,75,0.8) 0%, rgba(163,135,122,0.8) 100%);box-shadow:0 0 2px 0 #6173d7 inset}#pageNav ul li:nth-child(even){background:#6173d7;background:linear-gradient(to bottom, rgba(72,48,44,0.8) 0%, rgba(135,90,83,0.8) 100%)}#pageNav ul li a{width:100%;height:100%;display:block;position:relative;background:transparent url(../image/nav_column.png) no-repeat 20% center;background-size:auto 90%}#pageNav ul li{opacity:0;position:relative}#pageNav.active ul li{opacity:1}#pageNav ul li:nth-child(1){transition:opacity 0.5s ease-in 0s}#pageNav.active ul li:nth-child(1){transition:opacity 0.5s ease-in 0s}#pageNav ul li:nth-child(2){transition:opacity 0.5s ease-in 0.1s}#pageNav.active ul li:nth-child(2){transition:opacity 0.5s ease-in 0.1s}#pageNav ul li:nth-child(3){transition:opacity 0.5s ease-in 0.2s}#pageNav.active ul li:nth-child(3){transition:opacity 0.5s ease-in 0.2s}#pageNav ul li:nth-child(4){transition:opacity 0.5s ease-in 0.3s}#pageNav.active ul li:nth-child(4){transition:opacity 0.5s ease-in 0.3s}#pageNav ul li:nth-child(5){transition:opacity 0.5s ease-in 0.4s}#pageNav.active ul li:nth-child(5){transition:opacity 0.5s ease-in 0.4s}#pageNav ul li:nth-child(6){transition:opacity 0.5s ease-in 0.5s}#pageNav.active ul li:nth-child(6){transition:opacity 0.5s ease-in 0.5s}#pageNav ul li:not(.twitterlink):before{content:"";position:absolute;width:5%;height:40%;z-index:500;top:30%;right:2%;background:url(../image/menu_arrow.svg);background-repeat:no-repeat}#pageNav ul li.activeStage:before{content:"";position:absolute;width:5%;height:40%;z-index:500;top:30%;right:2%;background:url(../image/menu_arrow2.svg);background-repeat:no-repeat}#pageNav ul li a:before{content:"";position:absolute;height:1em;width:65%;margin-top:-0.6em;top:50%;right:0;text-align:left;font-size:20px;color:#fff;font-family:"Sawarabi Mincho", serif;font-weight:bold;text-shadow:0 0 2px rgba(72,48,44,0.8),0 0 2px rgba(72,48,44,0.8),0 0 2px rgba(72,48,44,0.8),0 0 2px rgba(72,48,44,0.8),0 0 1px rgba(72,48,44,0.8),0 0 1px rgba(72,48,44,0.8)}#pageNav ul li a:after{content:"";position:absolute;height:1em;width:auto}#pageNav ul li.activeStage a{background:transparent url(../image/nav_column_acv.png) no-repeat 20% center;background-size:auto 90%}#pageNav ul li.activeStage a:before{color:#ffffac}#pageNav ul li:nth-child(1) a:before{content:"トップ"}#pageNav ul li:nth-child(2) a:before{content:"ストーリー"}#pageNav ul li:nth-child(3) a:before{content:"キャラクター"}#pageNav ul li:nth-child(4) a:before{content:"ダウンロード"}#pageNav ul li:nth-child(5) a:before{content:"システム"}#pageNav ul li:nth-child(6) a:before{content:"スペシャル"}#pageNav ul li.twitterlink{width:50%;height:7.5%;display:block;overflow:hidden;border-radius:10px;margin:5% auto 0 auto;background:#529bff;background:-moz-linear-gradient(top, #529bff 0%, #387dff 100%);background:-webkit-linear-gradient(top, #529bff 0%, #387dff 100%);background:linear-gradient(to bottom, #529bff 0%, #387dff 100%);box-shadow:0 0 0px 2px rgba(160,240,255,0.5) inset;border:none}#pageNav ul li.twitterlink a{width:100%;height:100%;display:block;background:none;position:relative}#pageNav ul li.twitterlink a:before{content:"Twitter";height:1em;width:8em;margin-top:-0.45em;top:50%;right:0;text-align:left;font-size:0.8em;color:#fff;font-family:'Alice', serif}#pageNav ul li.twitterlink a:after{content:"";position:absolute;top:50%;left:0;margin-top:-2.3%;width:40%;height:100%;background:transparent url(../../tsuya_goods/image/twitter.svg) no-repeat 20% 0%;background-size:auto 80%}#pageDown{bottom:0;left:50%;width:auto;height:55px;text-align:center;position:fixed;overflow:visible;opacity:0.8;transform:translateX(-50%)}#pageDown a{border:3px solid #fff;border-radius:50%;margin:0 auto;width:50px;height:50px;background:#ff597d;background:-moz-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:-webkit-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:linear-gradient(to bottom, #ff597d 0%, #ffb08c 100%);display:block;position:relative;box-shadow:0 0 5px 0 rgba(0,0,0,0.3);z-index:100}@media screen and (min-height: 430px){#pageDown{height:70px;overflow:visible;opacity:0.8}#pageDown a{border:3px solid #fff;width:60px;height:60px}}.arrows{width:28px;height:40px;position:absolute;top:5px;left:50%;margin-left:-14px}.arrows path{stroke:#fff;fill:transparent;stroke-width:3px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@media screen and (min-height: 430px){.arrows{width:34px;height:40px;position:absolute;top:11px;left:50%;margin-left:-17px}.arrows path{stroke:#fff;fill:transparent;stroke-width:3px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes arrow /*Safari and Chrome*/{0%{opacity:0}40%{opacity:1}80%{opacity:0}100%{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}#pageTop{bottom:3px;right:3px;width:40px;height:40px;text-align:center;position:fixed;overflow:hidden;z-index:100;overflow:visible;opacity:0.8}#pageTop a{border:2px solid #fff;border-radius:50%;margin:0 auto;width:40px;height:40px;background:#ff597d;background:-moz-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:-webkit-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:linear-gradient(to bottom, #ff597d 0%, #ffb08c 100%);display:block;position:relative;color:#fff;text-align:center;text-decoration:none;line-height:33px;font-size:16px}@media screen and (min-width: 601px){#pageTop:hover{opacity:1}#pageTop{bottom:5px;right:5px;width:50px;height:50px}#pageTop a{border:2px solid #fff;border-radius:50%;margin:0 auto;width:50px;height:50px;line-height:40px;font-size:20px}}#campaign_wrapper{width:100%;height:auto;min-height:100%;background:rgba(255,255,255,0.7)}@media screen and (min-width: 801px){#campaign_wrapper{width:800px;margin:0 auto;box-shadow:0 0 5px rgba(0,0,0,0.3)}}#campaign_container{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:100%;margin:0;padding:0}#campaign_container::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(../image/page/bg_hoshi1.png),url(../image/page/bg_hoshi2.png),url(../image/page/bg_stripe.png),linear-gradient(to bottom, #bfe8ff 0%, #a4a7ff 41%, #f4d9ff 100%);background-position:top left,top right,top left,top left;background-size:68px 149px,68px 149px,78px 78px,auto 100%;background-repeat:repeat-y,repeat-y,repeat,no-repeat;z-index:-1}#campaign_header{outline:0px solid red;height:auto;width:100%}#campaign_header img{height:auto;width:100%}.campaign_h1{background:transparent;font-size:1.4rem;font-weight:bold;margin:3.5rem auto 0.3rem auto;width:100%;height:auto;color:#743fef}.campaign_h1:nth-child(1){margin:1rem auto 0.3rem auto}.campaign_h1 img:nth-child(1),.campaign_h1 img:nth-child(2){width:3rem;height:auto;vertical-align:middle}.campaign_h1 img:nth-child(1){margin-right:0.7rem}.campaign_h1 img:nth-child(2){margin-left:0.7rem}.campaign_h1::before,.campaign_h1::after{background:transparent}@media screen and (min-width: 601px){.campaign_h1{position:relative;top:auto}}@media screen and (min-width: 801px){.campaign_h1{font-size:1.8rem;border-bottom:3px double #ffdc64;margin:3.7rem auto 0.8rem auto}.campaign_h1:nth-child(1){margin:1.5rem auto 0.7rem auto}}.campaign_h2{padding:0.1em 0.4em;background:transparent;font-size:1.2rem;font-weight:bold;margin:2rem 3% 0.3rem 3%;width:auto;height:auto;letter-spacing:2px;background:rgba(255,255,255,0.5)}@media screen and (min-width: 601px){.campaign_h2{margin:2rem 7% 0.3rem 7%}}@media screen and (min-width: 801px){.campaign_h2{margin:2rem 12% 0.3rem 12%}}#campaign_content{outline:0px solid blue;height:auto;width:100%}#campaign_content p{font-size:1rem;margin:0.3rem auto 1rem auto;width:90%}@media screen and (min-width: 601px){#campaign_content p{width:80%}}@media screen and (min-width: 801px){#campaign_content p{font-size:1.2rem;margin:0.4rem auto 1.1rem auto;width:70%;line-height:180%}}span.kome{margin-left:1em;text-indent:-1em;display:block}.campaign_explainImg{width:90%;height:auto;display:block;margin:1em auto}.campaign_storeLink{display:block;font-size:1rem;text-align:center;margin:0.5em auto;color:#fff;font-weight:bold;box-shadow:0 0 3px 1px rgba(255,255,255,0.5) inset,0 0 3px 0px rgba(0,0,0,0.3);width:14em;height:auto;border-radius:1em;padding:0.5em;text-decoration:none;border:2px solid #fff;transition:all .3s ease}.campaign_storeLink.as{background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%);text-shadow:0 0 3px #000}.campaign_storeLink.gp{background:linear-gradient(to bottom, rgba(88,156,28,0.8) 0%, rgba(88,156,28,0.6) 100%);text-shadow:0 0 3px #246008}.campaign_storeLink.pc_hover:hover{transition:all .3s ease;opacity:0.7}.campaign_storeLink.pc_hover:active{transition:all .3s ease;opacity:0.7}.campaign_storeLink.hover{transition:all .3s ease;opacity:0.7}#campaign_container #app_intro2{margin-top:11%}#campaign_container #logo2{height:auto;width:100%}.campaign_app_txt{margin-top:23px !important}#campaign_container #logo2 img{width:230px;height:auto}@media screen and (min-width: 601px){#campaign_container #app_intro2{margin-top:50px}#campaign_container #logo2{height:auto;width:100%}.campaign_app_txt{margin-top:40px !important}#campaign_container #logo2 img{width:300px;height:auto}}#campaign_bannerSpace{outline:0px solid orange;height:auto;width:100%;text-align:center;margin-bottom:2rem}#campaign_bannerSpace .banner_img{width:90%;height:auto;display:block;margin:10px auto 0 auto;background-color:#fff}#campaign_bannerSpace .banner_img.pc_hover:hover{transition:all .3s ease;border:0px solid #999}#campaign_bannerSpace .banner_img img{transition:all .3s ease;width:100%;height:auto;vertical-align:bottom}@media screen and (min-width: 601px){#campaign_bannerSpace .banner_img{width:80%;margin:15px auto 0 auto}}@media screen and (min-width: 801px){#campaign_bannerSpace .banner_img{width:70%;margin:15px auto 0 auto}}#campaign_bannerSpace .banner_img.pc_hover:hover img{transition:all .3s ease;opacity:0.7}#campaign_bannerSpace .banner_img.hover img{transition:all .3s ease;opacity:0.7}#pageTop2{bottom:3px;right:3px;width:40px;height:40px;text-align:center;position:fixed;overflow:hidden;z-index:100;overflow:visible;opacity:0.8}#pageTop2 a{border:2px solid #fff;border-radius:50%;margin:0 auto;width:40px;height:40px;background:#ff597d;background:-moz-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:-webkit-linear-gradient(top, #ff597d 0%, #ffb08c 100%);background:linear-gradient(to bottom, #ff597d 0%, #ffb08c 100%);display:block;position:relative;color:#fff;text-align:center;text-decoration:none;line-height:33px;font-size:16px}@media screen and (min-width: 601px){#pageTop2:hover{opacity:1}#pageTop2{bottom:5px;right:5px;width:50px;height:50px}#pageTop2 a{border:2px solid #fff;border-radius:50%;margin:0 auto;width:50px;height:50px;line-height:40px;font-size:20px}}#extend{width:80%;height:auto;margin:5px auto 10px auto;text-align:center}@media screen and (min-width: 601px){#extend{width:60%}}#extend a{text-decoration:none;width:auto}.extendImg{width:100%;height:auto;margin:0px auto 0 auto;opacity:0;transition:all 0.5s ease}#extend a.pc_hover:hover .extendImg{opacity:0.7 !important;transition:all 0.5s ease}@media screen and (min-width: 601px){.extendImg{height:auto;display:block;margin:0px auto 0px auto}}#extend a span{font-size:20px;font-weight:bold;margin-top:-15px;margin-right:auto;margin-left:auto;color:#c82c7c;width:11em;padding:0;transition:all 0.5s ease}#extend a.pc_hover:hover span{color:#ff80e4;transition:all 0.5s ease}#extend a:visited span{color:#1480e4;transition:all 0.5s ease}#campaign_container_fb{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;width:100%;height:100%;min-height:100%;margin:0;padding:0}#campaign_container_fb::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../app_hf/image/page/bg_hoshi1.png),url(../../app_hf/image/page/bg_hoshi2.png),url(../image/page/bg_stripe.png),linear-gradient(to top, #fddb92 0%, #d1fdff 100%);background-position:top left,top right,top left,top left;background-size:68px 149px,68px 149px,78px 78px,auto 100%;background-repeat:repeat-y,repeat-y,repeat,no-repeat;z-index:-1}.fb_getheader{width:100%;height:auto;display:block;margin:1.5em auto}@media screen and (min-width: 601px){.fb_getheader{width:60%;height:auto;margin:1.5em auto}}.talkWrapper{width:96%;margin:0 auto;padding:0rem 0 2rem 0;color:#fff;font-size:110%}@media screen and (min-width: 601px){.talkWrapper{width:90%}}.talk{width:100%;margin:0.8rem auto 1.3rem auto;position:relative;display:flex}@media screen and (min-width: 601px){.talk{width:95%}}.face{position:relative;width:84px !important;height:84px;display:block;order:1}.face::after{display:block;content:"";position:absolute;top:-2px;left:-2px;width:84px;height:84px;background:linear-gradient(to bottom, #fceabb 0%, #fff789 50%, #f8b500 51%, #fbdf93 100%);border-radius:15%;z-index:1;box-shadow:0px 0px 0px 1px #e09800,0px 0px 5px 0px rgba(255,122,245,0.5)}.face img{position:relative;width:80px !important;height:80px;border-radius:15%;z-index:10;border:1px solid #b46000}@media screen and (min-width: 601px){.face{width:104px !important;height:104px}.face::after{top:-2px;left:-2px;width:104px;height:104px}.face img{width:100px !important;height:100px}}.bln_right,.bln_left,.bbl_left,.bbl_right{color:#262626;font-size:90%;line-height:150%;background:#fff;background-size:64px, auto;text-shadow:1px 1px 0 rgba(255,255,255,0.5);box-shadow:0 3px 0 0px #a8b8d8}.bln_right{position:relative;width:70% !important;box-sizing:border-box;padding:0.8rem 1.5rem;border-radius:0.8rem;margin:0.5rem auto 0 30px !important;order:2}.bln_right::before{box-sizing:content-box;content:"";width:0;height:0;border-width:10px 20px 10px 0px;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:1rem;z-index:1;left:-20px;display:block}.bln_right::after{box-sizing:content-box;content:"";width:0;height:0;border-width:10px 20px 10px 0px;border-style:solid;border-color:transparent #a8b8d8 transparent transparent;position:absolute;top:calc(1rem + 3px);left:-20px;z-index:0;display:block}.bln_left{position:relative;width:70% !important;background-color:#fff;box-sizing:border-box;padding:1rem 2rem;border-radius:0.8rem;margin:0.5rem 30px 0 auto !important;order:0}.bln_left::before{box-sizing:content-box;content:"";width:0;height:0;border-width:10px 0 10px 20px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:1rem;z-index:1;right:-20px;display:block}.bln_left::after{box-sizing:content-box;content:"";width:0;height:0;border-width:10px 0 10px 20px;border-style:solid;border-color:transparent transparent transparent #a8b8d8;position:absolute;top:calc(1rem + 3px);right:-20px;z-index:0;display:block}.bbl_right{position:relative;width:70%;background-color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.7);box-sizing:border-box;padding:0.8rem 1.5rem;border-radius:10% / 50%;margin:0 auto 0 30px;color:#392c1b;order:2}.bbl_right::before{content:"";width:12px;height:12px;border:1px solid rgba(255,255,255,0.7);background:url(../image/bln_bg.png),rgba(255,255,255,0.6);border-radius:50%;position:absolute;top:50px;left:-18px}.bbl_right::after{content:"";border:1px solid rgba(255,255,255,0.7);width:6px;height:6px;background:url(../image/bln_bg.png),rgba(255,255,255,0.6);border-radius:50%;position:absolute;top:55px;left:-29px}@media screen and (max-width: 600px){.talk{margin:0.5rem auto 1rem auto}.face{width:84px !important;height:84px}.face::after{width:84px;height:84px}.face img{width:80px !important;height:80px}.txt .face img{margin:0 !important}.bln_right,.bln_left,.bbl_right,.bbl_left{padding:0.8rem 1rem;width:72% !important}.bln_right{margin:0.5rem auto 0 15px !important}.bln_right::before{border-width:5px 10px 5px 0px;top:1rem;left:-10px}.bln_right::after{border-width:5px 10px 5px 0px;top:calc(1rem + 3px);left:-10px}.bln_left{margin:0.5rem 18px 0 auto !important}.bln_left::before{border-width:5px 0 5px 10px;top:1rem;right:-10px}.bln_left::after{border-width:5px 0 5px 10px;top:calc(1rem + 3px);right:-10px}.bbl_right::before{width:12px;height:12px;top:3rem;left:-16px}.bbl_right::after{top:3rem;left:-28px}}@media screen and (max-width: 400px){.talk{margin:0.5rem auto 1rem auto}.face{width:64px !important;height:64px}.face::after{width:64px;height:64px}.face img{width:60px !important;height:60px}.txt .face img{margin:0 !important}.bln_right,.bln_left,.bbl_right,.bbl_left{padding:0.8rem 1rem;width:73% !important}}.fb_ss_wrapper{width:100%;height:auto;position:relative;margin:20px 0% 20px 0}.fb_ss_wrapper.right{margin:20px 0 20px 0%}@media screen and (min-width: 601px){.fb_ss_wrapper{width:80%;height:auto;position:relative;margin:20px 20% 20px 0}.fb_ss_wrapper.right{margin:20px 0 20px 20%}}.fb_ss_frame{width:100%;height:auto;top:0;left:0}.fb_ss_frame img{width:100%;height:auto}.fb_ss_image{position:absolute;width:61.8%;height:auto;top:5.6%;right:10.9%}.fb_ss_wrapper.right .fb_ss_image{width:61.8%;height:auto;top:5.6%;left:10.35%}.fb_ss_image img{width:100%;height:auto}.fb_ss_hand{width:10%;height:auto;position:absolute}.fb_ss_hand.tapAnime{animation:tapAnime 2s infinite linear;transform-origin:right bottom}.fb_ss_hand.pointAnime{animation:pointAnime 2s infinite linear}.fb_ss_hand.pointAnime img{transform:rotate(31deg)}.fb_ss_hand.hand00{top:53%;left:20%}.fb_ss_hand.hand01{top:31%;left:27.2%}.fb_ss_hand.hand02{top:20%;left:69%}.fb_ss_hand.hand04{top:27%;left:48%}.fb_ss_hand.hand05{top:38%;left:50%}.fb_ss_hand.hand07{top:27%;left:37%}.fb_ss_hand.hand08{top:38%;left:43%}.fb_ss_hand.hand09{top:40%;left:53%}@keyframes tapAnime{0%{transform:rotate(0deg);opacity:0}5%{transform:rotate(2deg);opacity:1}15%{transform:rotate(0deg);opacity:1}25%{transform:rotate(-10deg);opacity:1}60%{transform:rotate(-10deg);opacity:1}70%{opacity:0}100%{transform:rotate(-10deg);opacity:0}}@keyframes pointAnime{0%{opacity:0}10%{transform:translateY(0px);opacity:1}20%{transform:translateY(-5px)}30%{transform:translateY(0px)}40%{transform:translateY(-5px)}50%{transform:translateY(0px)}60%{opacity:1}70%{opacity:0}100%{opacity:0}}.fb_ss_hand img{width:100%;height:auto}.fb_ss_next{width:80%;text-align:center;margin:20px auto}.fb_ss_next.next_right{margin:20px 0  20px 20%}.fb_ss_next img{width:12%;height:auto}.frend_moja{width:92%;margin:0px auto 40px auto;font-size:0.9rem}@media screen and (min-width: 601px){.frend_moja{width:80%;margin:0px auto 40px auto;font-size:1.2rem}}
