@charset "UTF-8";.lead h1,main{margin:0 auto}.answer .error,.txtCenter{text-align:center}body{min-width:1280px}main{max-width:1200px;padding:60px 30px 80px}main.gray{background:url(/games/kaminazo/trial/assets/images/bg_pattern.jpg) top left;box-shadow:0 0 10px rgba(0,0,0,.2)}.flexBox{display:flex;flex-wrap:wrap;justify-content:space-between}.txtArea p{font-size:2.4rem;font-weight:700;line-height:1.875}.lead h1{max-width:358px}.btnArea{margin-top:80px}.btnArea a{display:block;margin:0 auto;transition:opacity .3s}.btnArea a:hover{opacity:.7}.btnArea a.btnNext{max-width:508px}.btnArea a.btnShare{max-width:318px}.animated{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,400px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,400px,0)}to{opacity:1;transform:translateZ(0)}}.story{margin-top:20px}.story .storyList li{margin:0 auto;opacity:0}.answer input[type=image]:hover,.slideArea .slide .slick-dots li button:hover,.slideArea .slide .slide-arrow:hover{opacity:.7}.slideArea{position:relative;margin:25px auto 0;padding-bottom:55px}.slideArea .slide{position:relative;z-index:0;width:727px;height:411px;margin:0 auto}.slideArea .slide .slick-list,.slideArea .slide .slick-list .slick-track{height:100%}.slideArea .slide .slick-list .slick-track li{width:100%;height:100%}.slideArea .slide .slide-arrow{position:absolute;top:calc((100% - 89px)/ 2);display:flex;justify-content:center;align-items:center;background:url(/games/kaminazo/trial/assets/images/btn_slick_arrow.png) center no-repeat;background-size:100% auto;width:44px;height:89px;cursor:pointer;transition:opacity .3s}.slideArea .slide .slide-arrow:active{background:url(/games/kaminazo/trial/assets/images/btn_slick_arrow_on.png) center no-repeat;background-size:100% auto}.slideArea .slide .slide-arrow.prev-arrow{left:-64px}.slideArea .slide .slide-arrow.next-arrow{right:-64px;transform:rotate(180deg)}.slideArea .slide .slide-arrow.slick-disabled{display:none!important}.slideArea .slide .slick-dots{position:absolute;bottom:-50px;left:0;right:0;display:flex;justify-content:center;align-items:center;margin:0 auto}.slideArea .slide .slick-dots li{width:16px;height:16px;margin-right:14px}.slideArea .slide .slick-dots li:last-child{margin:0}.slideArea .slide .slick-dots li button{display:block;width:100%;height:100%;text-indent:-9999px;outline:0;border-radius:50%;background-color:#91b3e8;cursor:pointer;transition:opacity .3s}.slideArea .slide .slick-dots li.slick-active button{background-color:#ef837f}.question{margin-top:10px}.question h2{max-width:291px;margin:0 auto}.question .correct{max-width:385px;margin:30px auto 20px}.answer{max-width:720px;margin:40px auto 0;padding:40px 40px 45px;background-color:rgba(255,255,255,.5)}.answer h3{max-width:524px;margin:0 auto}.answer .error{display:none;margin:35px auto -15px;color:red;font-size:2.4rem}.answer .error.active,.answer input{display:block}.answer input[type=text]{width:360px;height:40px;margin:30px auto 0;font-size:2.4rem;text-align:center;border:2px solid #94b9ef}.answer input[type=image]{width:263px;height:auto;margin:15px auto 0;outline:0;transition:opacity .3s}.answer figure{max-width:480px;margin:25px auto 0}@media screen and (max-width:767px){.answer .error,.txtArea p{font-size:calc((24 / 750) * 100vw)}body{min-width:100%}main{max-width:100%;padding:calc((60 / 750) * 100vw) calc((15 / 750) * 100vw) calc((100 / 750) * 100vw)}main .gray{box-shadow:none}.lead h1{max-width:calc((398 / 750) * 100vw)}.btnArea{margin-top:calc((90 / 750) * 100vw)}.btnArea a.btnNext{max-width:calc((508 / 750) * 100vw)}.btnArea a.btnShare{max-width:calc((318 / 750) * 100vw)}.story{margin-top:calc((30 / 750) * 100vw)}.slideArea{margin:calc((40 / 750) * 100vw) auto 0;padding-bottom:calc((60 / 750) * 100vw)}.slideArea .slide{width:calc((680 / 750) * 100vw);height:calc((385 / 750) * 100vw)}.slideArea .slide .slide-arrow{top:calc((100% - ((80 / 750) * 100vw))/ 2);width:calc((31 / 750) * 100vw);height:calc((80 / 750) * 100vw)}.slideArea .slide .slide-arrow.prev-arrow{left:calc((-34 / 750) * 100vw)}.slideArea .slide .slide-arrow.next-arrow{right:calc((-34 / 750) * 100vw)}.slideArea .slide .slick-dots{bottom:calc((-60 / 750) * 100vw)}.slideArea .slide .slick-dots li{width:calc((24 / 750) * 100vw);height:calc((24 / 750) * 100vw);margin-right:calc((21 / 750) * 100vw)}.question{margin-top:calc((20 / 750) * 100vw)}.question h2{max-width:calc((291 / 750) * 100vw)}.question .correct{max-width:calc((385 / 750) * 100vw);margin:calc((30 / 750) * 100vw) auto}.answer{max-width:calc((674 / 750) * 100vw);margin:calc((50 / 750) * 100vw) auto 0;padding:calc((40 / 750) * 100vw)}.answer h3{max-width:calc((524 / 750) * 100vw)}.answer .error{margin:calc((35 / 750) * 100vw) auto calc((-10 / 750) * 100vw)}.answer input[type=text]{width:calc((480 / 750) * 100vw);height:calc((60 / 750) * 100vw);margin:calc((40 / 750) * 100vw) auto 0;font-size:calc((24 / 750) * 100vw);border:calc((2 / 750) * 100vw) solid #94b9ef}.answer input[type=image]{width:calc((370 / 750) * 100vw);margin:calc((25 / 750) * 100vw) auto 0}.answer figure{max-width:calc((480 / 750) * 100vw);margin:calc((40 / 750) * 100vw) auto 0}}#prologue{background:url(/games/kaminazo/trial/assets/images/prologue/bg_pattern.jpg) center center/cover no-repeat fixed}#prologue main{max-width:1050px}#prologue .story .storyList li:nth-of-type(1){max-width:618px}#prologue .story .storyList li:nth-of-type(2){max-width:521px;margin:-70px 0 0 auto}#prologue .story .storyList li:nth-of-type(3){max-width:699px;margin:-165px auto 0}#prologue .story .storyList li:nth-of-type(4){max-width:618px;margin:5px auto 0}#prologue .story .storyList li:nth-of-type(5){max-width:539px;margin:5px auto 0}#prologue .story .storyList li:nth-of-type(6){max-width:521px;margin:5px auto 0}#prologue .story .storyList li:nth-of-type(7){max-width:290px;margin:5px auto 0}#prologue .story .storyList li:nth-of-type(8){max-width:759px;margin:5px auto 0 45px}#prologue .story .storyList li:nth-of-type(9){max-width:245px;margin:5px auto 0 225px}#prologue .story .storyList li:nth-of-type(10){max-width:723px;margin:5px 85px 0 auto}#prologue .story .storyList li:nth-of-type(11){max-width:512px;margin:-10px auto 0 132px}#prologue .story .storyList li:nth-of-type(12){max-width:519px;margin:-30px auto 0 134px}#prologue .story .storyList li:nth-of-type(13){max-width:508px;margin:-60px 123px 0 auto}#prologue .story .storyList li:nth-of-type(14){max-width:407px;margin:-20px auto 0}#prologue .story .storyList li:nth-of-type(15){max-width:294px;margin:5px 337px 0 auto}#prologue .story .storyList li:nth-of-type(16){max-width:438px;margin:30px auto 0}#prologue .story .storyList li:nth-of-type(17){max-width:595px;margin:30px 160px 0 auto}#prologue .story .storyList li:nth-of-type(18){max-width:633px;margin:-10px auto 0}#prologue .story .storyList li:nth-of-type(19){max-width:782px;margin:-10px auto 0 140px}#prologue .story .storyList li:nth-of-type(20){max-width:776px;margin:0 130px 0 auto}#prologue .story .storyList li:nth-of-type(21){max-width:536px;margin:30px auto 0}#prologue .story .storyList li:nth-of-type(22){max-width:633px;margin:-5px auto 0}@media screen and (max-width:767px){#prologue main{max-width:100%}#prologue .story .storyList li:nth-of-type(1){max-width:calc((618 / 750) * 100vw)}#prologue .story .storyList li:nth-of-type(2){max-width:calc((469 / 750) * 100vw);margin:calc((50 / 750) * 100vw) 0 0 auto}#prologue .story .storyList li:nth-of-type(3){max-width:calc((629 / 750) * 100vw);margin:calc((-105 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(4){max-width:calc((618 / 750) * 100vw);margin:calc((50 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(5){max-width:calc((485 / 750) * 100vw);margin:calc((50 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(6){max-width:calc((521 / 750) * 100vw);margin:calc((50 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(7){max-width:calc((348 / 750) * 100vw);margin:calc((45 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(8){max-width:calc((683 / 750) * 100vw);margin:calc((45 / 750) * 100vw) auto 0 calc((15 / 750) * 100vw)}#prologue .story .storyList li:nth-of-type(9){max-width:calc((245 / 750) * 100vw);margin:calc((45 / 750) * 100vw) auto 0 calc((90 / 750) * 100vw)}#prologue .story .storyList li:nth-of-type(10){max-width:calc((651 / 750) * 100vw);margin:calc((30 / 750) * 100vw) calc((35 / 750) * 100vw) 0 auto}#prologue .story .storyList li:nth-of-type(11){max-width:calc((512 / 750) * 100vw);margin:calc((30 / 750) * 100vw) auto 0 0}#prologue .story .storyList li:nth-of-type(12){max-width:calc((519 / 750) * 100vw);margin:calc((-20 / 750) * 100vw) auto 0 0}#prologue .story .storyList li:nth-of-type(13){max-width:calc((501 / 750) * 100vw);margin:calc((-50 / 750) * 100vw) calc((-5 / 750) * 100vw) 0 auto}#prologue .story .storyList li:nth-of-type(14){max-width:calc((407 / 750) * 100vw);margin:0 auto}#prologue .story .storyList li:nth-of-type(15){max-width:calc((294 / 750) * 100vw);margin:calc((15 / 750) * 100vw) calc((200 / 750) * 100vw) 0 auto}#prologue .story .storyList li:nth-of-type(16){max-width:calc((438 / 750) * 100vw);margin:calc((50 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(17){max-width:calc((595 / 750) * 100vw);margin:calc((50 / 750) * 100vw) calc((25 / 750) * 100vw) 0 auto}#prologue .story .storyList li:nth-of-type(18){max-width:calc((633 / 750) * 100vw);margin:calc((30 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(19){max-width:calc((704 / 750) * 100vw);margin:calc((30 / 750) * 100vw) calc((10 / 750) * 100vw) 0 auto}#prologue .story .storyList li:nth-of-type(20){max-width:calc((699 / 750) * 100vw);margin:calc((20 / 750) * 100vw) auto 0 calc((10 / 750) * 100vw)}#prologue .story .storyList li:nth-of-type(21){max-width:calc((536 / 750) * 100vw);margin:calc((30 / 750) * 100vw) auto 0}#prologue .story .storyList li:nth-of-type(22){max-width:calc((633 / 750) * 100vw);margin:calc((30 / 750) * 100vw) auto 0}}#epilogue{background:url(/games/kaminazo/trial/assets/images/epilogue/bg_pattern.jpg) center center/cover no-repeat fixed}#epilogue main{max-width:1050px}#epilogue .story .storyList li:nth-of-type(1){max-width:888px;margin:0 11px 0 auto}#epilogue .story .storyList li:nth-of-type(2){max-width:494px;margin:7px auto 0 199px}#epilogue .story .storyList li:nth-of-type(3){max-width:586px;margin:8px auto 0 193px}#epilogue .story .storyList li:nth-of-type(4){max-width:476px;margin:40px auto 0 217px}#epilogue .story .storyList li:nth-of-type(5){max-width:872px;margin:38px auto 0 15px}#epilogue .story .storyList li:nth-of-type(6){max-width:309px;margin:76px 336px 0 auto}#epilogue .share figure{max-width:620px;margin:70px auto 0}#epilogue .share .txtArea{margin-top:15px}#epilogue .share .btnArea{max-width:676px;margin:25px auto 0}#stage,#tutorial{background:url(/games/kaminazo/trial/assets/images/bg_pattern.jpg) top left}@media screen and (max-width:767px){#epilogue main{max-width:100%}#epilogue .story .storyList li:nth-of-type(1){max-width:calc((666 / 750) * 100vw);margin:0 0 0 auto}#epilogue .story .storyList li:nth-of-type(2){max-width:calc((445 / 750) * 100vw);margin:calc((53 / 750) * 100vw) auto 0 calc((100 / 750) * 100vw)}#epilogue .story .storyList li:nth-of-type(3){max-width:calc((527 / 750) * 100vw);margin:calc((51 / 750) * 100vw) auto 0 calc((90 / 750) * 100vw)}#epilogue .story .storyList li:nth-of-type(4){max-width:calc((429 / 750) * 100vw);margin:calc((81 / 750) * 100vw) auto 0 calc((115 / 750) * 100vw)}#epilogue .story .storyList li:nth-of-type(5){max-width:calc((654 / 750) * 100vw);margin:calc((80 / 750) * 100vw) auto 0 0}#epilogue .story .storyList li:nth-of-type(6){max-width:calc((309 / 750) * 100vw);margin:calc((78 / 750) * 100vw) calc((202 / 750) * 100vw) 0 auto}#epilogue .share figure{max-width:calc((620 / 750) * 100vw);margin:calc((90 / 750) * 100vw) auto 0}#epilogue .share .txtArea{margin-top:calc((15 / 750) * 100vw)}#epilogue .share .btnArea{max-width:calc((676 / 750) * 100vw);margin:calc((25 / 750) * 100vw) auto 0}#tutorial main{padding:calc((60 / 750) * 100vw) calc((35 / 750) * 100vw) calc((100 / 750) * 100vw)}}#stage .question h2{max-width:222px}@media screen and (max-width:767px){#stage main{padding:calc((60 / 750) * 100vw) calc((35 / 750) * 100vw) calc((100 / 750) * 100vw)}#stage .question h2{max-width:calc((250 / 750) * 100vw)}}