/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace, monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}template{display:none}[hidden]{display:none}.c-txt{font-size:2rem}@font-face{font-family:"PixelMplus12";src:url("../font/PixelMplus12-Regular.ttf") format("truetype")}@font-face{font-family:"PixelMplus12Bold";src:url("../font/PixelMplus12-Bold.ttf") format("truetype")}body{overflow:hidden;background:black;width:100%;height:100%;position:fixed;top:0;left:0;font-family:"PixelMplus12";color:white;display:flex;flex-direction:column}.mobile-window{width:100%;height:100%;background:black;z-index:10;position:fixed;top:0;left:0;display:flex;line-height:2rem;font-size:1.3rem}.mobile-window>*{margin:auto;text-align:left}.mobile-window.is-hidden{display:none}.container{width:100%;max-width:900px;margin:auto}.enemy{height:42vh;margin:auto;display:flex;position:relative}.enemy-life{position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);z-index:1}.enemy-life.is-hidden{display:none}.enemy-life .damege-text{font-family:"PixelMplus12Bold";font-weight:bold;position:absolute;font-size:4rem;color:red;z-index:3;left:50%;top:-4rem;transform:translateX(-50%);filter:drop-shadow(4px 4px 0px black);-webkit-animation:damegeTextAnim 0.3s linear forwards;animation:damegeTextAnim 0.3s linear forwards}.enemy-life-gage{position:absolute;top:2px;width:calc(500px - 2px);height:calc(30px - 3px);background:#00ff04;z-index:1;transition:0.9s ease-out}.enemy-life-gage-bg{width:500px;height:31px;background:gray;border:2px solid black}.enemy-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-rows:50% 50%;grid-template-columns:16.6% 16.6% 16.6% 16.6% 16.6% 16.6%}.enemy-bg-frame{width:100%;border:1px solid green;z-index:-1}.enemy-bg-frame:nth-child(1){grid-row:1 / 2;grid-column:1 / 6}.enemy-bg-frame:nth-child(2){grid-row:1 / 2;grid-column:2 / 6}.enemy-bg-frame:nth-child(3){grid-row:1 / 2;grid-column:3 / 6}.enemy-bg-frame:nth-child(4){grid-row:1 / 2;grid-column:4 / 6}.enemy-bg-frame:nth-child(5){grid-row:1 / 2;grid-column:5 / 6}.enemy-bg-frame:nth-child(6){grid-row:1 / 2;grid-column:6 / 6}.enemy-bg-frame:nth-child(7){grid-row:2 / 2;grid-column:1 / 6}.enemy-bg-frame:nth-child(8){grid-row:2 / 2;grid-column:2 / 6}.enemy-bg-frame:nth-child(9){grid-row:2 / 2;grid-column:3 / 6}.enemy-bg-frame:nth-child(10){grid-row:2 / 2;grid-column:4 / 6}.enemy-bg-frame:nth-child(11){grid-row:2/ 2;grid-column:5 / 6}.enemy-bg-frame:nth-child(12){grid-row:2 / 2;grid-column:6 / 6}.enemy img{height:100%;margin:auto}.enemy img.is-dameged{-webkit-animation:enemyDamegeAnim 0.6s ease-out;animation:enemyDamegeAnim 0.6s ease-out}.enemy img.is-hidden{-webkit-animation:enemyKilled 0.6s ease-out forwards;animation:enemyKilled 0.6s ease-out forwards}.main-window{width:100%;height:220px;border:5px solid #fff;margin:1rem auto;padding:1rem 1.7rem;font-size:2.8rem;line-height:3.7rem;display:flex;position:relative;flex-direction:column}.main-window.will-be-attacked{-webkit-animation:windowScale 0.5s linear forwards;animation:windowScale 0.5s linear forwards}.main-window .type-anim.is-hidden{display:none}.main-window .act-text-item{margin-left:3rem;width:40%;display:inline-block;position:relative}.main-window .act-text-item.is-selected::before{content:"";background:url(../image/heart.png) no-repeat center/contain;position:absolute;top:0;left:calc(-3rem - 5px);width:3rem;height:3rem}.main-window .act-text.is-hidden{display:none}.main-window .enemy-attack-gif{right:0%;width:50%;position:absolute;z-index:-1;top:50%;transform:translateY(-50%);-webkit-animation:enemyAttackAnim 5s linear forwards;animation:enemyAttackAnim 5s linear forwards}.main-window .bullet{position:absolute;-webkit-animation:bulletFallinAnim 1.5s linear;animation:bulletFallinAnim 1.5s linear;width:40px;height:40px;top:-0.5rem}.main-window .fight-bg{position:absolute;width:100%;height:100%;top:0;left:0}.main-window .fight-bg .real-fight-bg{width:100%;height:auto}.main-window .fight-bg-center-frame{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2rem;height:90%;border:5px solid #b6e919;z-index:-1}.main-window .fight-bg.is-hidden{display:none}.main-window .fight-bg .moving-line{position:absolute;top:50%;left:1rem;transform:translate(-50%, -50%);width:1rem;height:90%;background:white;border:2px solid black}.main-window .fight-bg .moving-line.is-moved{-webkit-animation:movingLineAnim 1.5s linear forwards;animation:movingLineAnim 1.5s linear forwards}.main-window .gameover-window{z-index:5;width:100%;height:100%;position:fixed;display:flex;flex-direction:column;top:0;left:0;background:black}.main-window .gameover-window.is-hidden{opacity:0;pointer-events:none}.main-window .gameover-window-text{width:80%;max-width:700px;margin:auto auto 1rem;transition:2s}.main-window .gameover-window-text.is-hidden{opacity:0;pointer-events:none}.main-window .gameover-window .gameover-type-anim{width:80%;max-width:700px;margin:2rem auto auto;height:200px}.button-list{margin:auto;display:flex;flex-direction:row}.button-list-item{display:inline;margin:0 auto}.button-list-item-button{cursor:pointer;display:flex;flex-direction:row;font-size:2.5rem;padding:0 0.5rem;margin:0 auto}.button-list-item-img{width:90%;margin:auto}.player-status{margin:auto;margin-bottom:1rem;text-align:center;display:flex;flex-direction:row;justify-content:center;height:2rem}.player-status .c-txt{display:inline}.player-status .player-hp-box{position:absolute;width:65px;height:2rem;left:43.5%;margin:0 3rem 0 0;background:yellow;display:inline-block;z-index:1}.player-status .player-hp-box-bg{position:absolute;width:65px;height:2rem;left:43.5%;margin:0 3rem 0 0;background:red;display:inline-block}.player-status-hp{position:absolute;left:39%}.player-status-hp-num{position:absolute;left:51%}@-webkit-keyframes windowScale{0%{width:100%}100%{width:300px}}@keyframes windowScale{0%{width:100%}100%{width:300px}}@-webkit-keyframes movingLineAnim{0%{left:1rem}99%{left:calc(99% - 1rem);opacity:1}100%{left:calc(100% - 1rem);opacity:0}}@keyframes movingLineAnim{0%{left:1rem}99%{left:calc(99% - 1rem);opacity:1}100%{left:calc(100% - 1rem);opacity:0}}@-webkit-keyframes movingLineColorAnim{0%{background:black;border:2px solid white}50%{background:white;border:2px solid black}100%{background:black;border:2px solid white}}@keyframes movingLineColorAnim{0%{background:black;border:2px solid white}50%{background:white;border:2px solid black}100%{background:black;border:2px solid white}}@-webkit-keyframes damegeTextAnim{0%{top:-4rem}30%{top:-6rem}100%{top:-3rem}}@keyframes damegeTextAnim{0%{top:-4rem}30%{top:-6rem}100%{top:-3rem}}@-webkit-keyframes enemyDamegeAnim{0%{transform:translateX(0)}20%{transform:translateX(-1rem)}40%{transform:translateX(1rem)}60%{transform:translateX(-1rem)}80%{transform:translateX(1rem)}100%{transform:translateX(o)}}@keyframes enemyDamegeAnim{0%{transform:translateX(0)}20%{transform:translateX(-1rem)}40%{transform:translateX(1rem)}60%{transform:translateX(-1rem)}80%{transform:translateX(1rem)}100%{transform:translateX(o)}}@-webkit-keyframes enemyKilled{0%{opacity:1}100%{opacity:0}}@keyframes enemyKilled{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes bulletFallinAnim{0%{transform:translateY(0)}100%{transform:translateY(180px)}}@keyframes bulletFallinAnim{0%{transform:translateY(0)}100%{transform:translateY(180px)}}@-webkit-keyframes playerDamageAnim{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}50%{opacity:1}60%{opacity:0}70%{opacity:1}80%{opacity:0}90%{opacity:1}100%{opacity:0}}@keyframes playerDamageAnim{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}40%{opacity:0}50%{opacity:1}60%{opacity:0}70%{opacity:1}80%{opacity:0}90%{opacity:1}100%{opacity:0}}@-webkit-keyframes enemyAttackAnim{0%{transform:translate(5%, -50%)}15%{transform:translate(-5%, -70%)}23%{transform:translate(-50%, -20%)}30%{transform:translate(-75%, -75%)}40%{transform:translate(-100%, -25%)}55%{transform:translate(-75%, -75%)}58%{transform:translate(-50%, -20%)}70%{transform:translate(-25%, -70%)}100%{transform:translate(5%, -50%)}}@keyframes enemyAttackAnim{0%{transform:translate(5%, -50%)}15%{transform:translate(-5%, -70%)}23%{transform:translate(-50%, -20%)}30%{transform:translate(-75%, -75%)}40%{transform:translate(-100%, -25%)}55%{transform:translate(-75%, -75%)}58%{transform:translate(-50%, -20%)}70%{transform:translate(-25%, -70%)}100%{transform:translate(5%, -50%)}}