@charset "UTF-8";/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:before,:after{background-repeat:no-repeat;box-sizing:inherit}:before,:after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#000}li{list-style:none}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:0;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}@media screen and (max-width: 767.9px){.pc{display:none!important}}.pc_i{display:inline}@media screen and (max-width: 767.9px){.pc_i{display:none}}.pc_ib{display:inline-block}@media screen and (max-width: 767.9px){.pc_ib{display:none}}.sp{display:none}@media screen and (max-width: 767.9px){.sp{display:block}}.sp_i{display:none}@media screen and (max-width: 767.9px){.sp_i{display:inline}}.sp_ib{display:none}@media screen and (max-width: 767.9px){.sp_ib{display:inline-block}}.tb{display:none}@media screen and (max-width: 767.9px){.tb{display:none}}@media screen and (min-width:768px) and (max-width:1024.9px){.tb{display:block}}.tb_i{display:none}@media screen and (max-width: 767.9px){.tb_i{display:none}}@media screen and (min-width:768px) and (max-width:1024.9px){.tb_i{display:inline}}.tb_ib{display:none}@media screen and (max-width: 767.9px){.tb_ib{display:none}}@media screen and (min-width:768px) and (max-width:1024.9px){.tb_ib{display:inline-block}}:root{--c-text: #222;--c-gray-text: #9d9d9d;--c-gray: #e2e2e2;--c-gray-bg: #efefef;--c-off-white: #f8f8f8;--c-red: #fe0000;--c-blue: #269be4;--c-green: #3b9;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700}@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}html{font-size:10px}@media screen and (max-width: 767.9px){html{font-size:calc(10 / 750 * 100vw)}}body{color:var(--c-text);letter-spacing:.05em;font-weight:var(--fw-regular);font-size:1.6rem;line-height:1.5;font-family:Noto Sans JP,游ゴシック Medium,YuGothic,YuGothicM,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-feature-settings:"palt" 1}@media screen and (max-width: 767.9px){body{font-size:2.6rem}}img{max-width:100%}@media screen and (max-width: 767.9px){img{display:block;width:100%;margin:auto}}a{color:var(--c-blue)}@media (min-width: 768px){a,input[type=submit],input[type=image],.c-btn,.c-modal__close{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;transition:.2s}a:hover:not(:disabled),input[type=submit]:hover:not(:disabled),input[type=image]:hover:not(:disabled),.c-btn:hover:not(:disabled),.c-modal__close:hover:not(:disabled){opacity:.7}a:disabled,input[type=submit]:disabled,input[type=image]:disabled,.c-btn:disabled,.c-modal__close:disabled{cursor:default}}small{display:block;letter-spacing:.05em;font-weight:var(--fw-light);font-size:1.2rem}@media screen and (max-width: 767.9px){small{font-size:1.8rem}}.l-wrapper{overflow:hidden;position:relative;z-index:1}@media (min-width: 768px){.l-wrapper{padding-top:100px}}@media screen and (max-width: 767.9px){.l-wrapper--nav{padding-bottom:20vw}}.js-scrLock .l-wrapper{position:fixed;left:0;right:0}.l-header{position:relative;z-index:3;background:var(--c-gray-bg)}@media (min-width: 768px){.l-header{position:fixed;top:0;width:100%}}.l-header__inner{display:flex;justify-content:space-between;align-items:center;max-width:920px;margin:auto;padding:0 20px;height:100px}@media screen and (max-width: 767.9px){.l-header__inner{height:calc(100 / 750 * 100vw);padding:0 4vw}}.l-header__logo{width:136px;line-height:0}@media screen and (max-width: 767.9px){.l-header__logo{width:calc(222 / 750 * 100vw)}}.l-main{position:relative;z-index:1}.l-main__contents{max-width:980px;margin:auto;padding-bottom:80px}@media screen and (max-width: 767.9px){.l-main__contents{padding:8vw}}.l-footer{position:relative;z-index:1;padding:40px 0 30px;background:#000;color:#fff}@media screen and (max-width: 767.9px){.l-footer{padding:calc(40 / 750 * 100vw) 0 4vw}}.l-footer__logo{display:block;width:295px;margin:auto}@media screen and (max-width: 767.9px){.l-footer__logo{width:56.8vw}}.l-footer__copyright{margin-top:25px;text-align:center;font-size:1.2rem;line-height:1}@media screen and (max-width: 767.9px){.l-footer__copyright{margin-top:4vw;font-size:2rem}}main,footer{position:relative}main{z-index:2}.playing #main{z-index:5}footer{z-index:1}#green-game{position:relative;width:100%;height:495px;margin-top:30px;background:url(../images/green/game/bg_start.png) 0 50%/cover no-repeat}@media screen and (max-width: 767.9px){#green-game{max-width:none;height:56.25%}}[data-isGameEnd=true] #green-game{background-image:url(../images/green/game/missionclear.png)}.rule__bg{width:1180px;height:620px;background:url(../images/green/game/rule_bg.svg) 50% 0/contain no-repeat}#app[data-isGameStart=true]{position:fixed;left:0;top:0;background:url(../images/green/game/bg.svg) 50% 0/contain no-repeat rgba(0,0,0,.8)}#app>div{z-index:1}#app>canvas{display:block;position:relative;z-index:2}.story__dialog{width:1040px}.story__dialog--chara01 .story__dialogChara{background-image:url(../images/green/game/story_chara01.svg)}.story__dialog--chara02>div{flex-direction:row-reverse}.story__dialog--chara02 .story__dialogChara{background-image:url(../images/green/game/story_chara02.svg)}.story__dialog--chara02 .story__dialogText:after{left:auto;right:-40px;border-left-color:#fff;border-right-color:transparent}.story__dialog>div{display:flex;justify-content:space-between}.story__dialogChara{width:150px;background:0 0/100% no-repeat}.story__dialogText{position:relative;width:840px;height:175px;padding:20px 30px;border-radius:20px;background:rgba(255,255,255,.8);transition:1s}.story__dialogText:after{content:"";opacity:.8;position:absolute;left:-40px;top:35px;z-index:1;border:20px solid transparent;border-right-color:#fff}.story__dialogTextImg{opacity:0}.story__dialogTextImg.on{opacity:1;transition:1s}[data-dialog="4"] .story__dialog--chara02 .story__dialogText,[data-dialog="5"] .story__dialog--chara02 .story__dialogText{height:220px}[data-dialog="8"] .story__dialog--chara02 .story__dialogText{opacity:0}.meter{position:absolute;width:140px;height:445px;background:url(../images/green/game/meter.svg) 50% 50%/contain no-repeat}.meter>div{position:absolute;left:25px;right:25px;bottom:25px;z-index:1;height:395px;background:url(../images/green/game/meter_on.svg) 50% 100%/100% no-repeat;transition:.2s height}.meter>div:before{content:"";position:absolute;left:-40px;top:-7.5px;z-index:1;border:solid transparent;border-width:15px 20px;border-left-color:#fff}[data-meter="19"] .meter>div{height:375px}[data-meter="18"] .meter>div{height:355px}[data-meter="17"] .meter>div{height:335px}[data-meter="16"] .meter>div{height:315px}[data-meter="15"] .meter>div{height:295px}[data-meter="14"] .meter>div{height:275px}[data-meter="13"] .meter>div{height:255px}[data-meter="12"] .meter>div{height:235px}[data-meter="11"] .meter>div{height:215px}[data-meter="10"] .meter>div{height:195px}[data-meter="9"] .meter>div{height:175px}[data-meter="8"] .meter>div{height:155px}[data-meter="7"] .meter>div{height:135px}[data-meter="6"] .meter>div{height:115px}[data-meter="5"] .meter>div{height:95px}[data-meter="4"] .meter>div{height:75px}[data-meter="3"] .meter>div{height:55px}[data-meter="2"] .meter>div{height:35px}[data-meter="1"] .meter>div{height:15px}[data-meter="0"] .meter>div{height:0}.tower-fx{width:324px;height:159px}.tower-fx>div{position:relative;width:100%;height:100%}.tower-fx>div:before,.tower-fx>div:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.tower-fx>div:before{background:url(../images/green/game/tower_fx01.svg) 50% 50%/auto 100% no-repeat}.tower-fx>div:after{background:url(../images/green/game/tower_fx02.svg) 50% 50%/auto 108px no-repeat}[data-tower-fx="0"] .tower-fx>div{width:0}[data-tower-fx="1"] .tower-fx>div:before{left:20%;right:20%}[data-tower-fx="1"] .tower-fx>div:after{display:none}[data-tower-fx="2"] .tower-fx>div:before{left:20%;right:20%}.count{width:375px;height:105px;border-radius:10px;background:#fff}
