abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:top;font-size:0;line-height:0}*,:after,:before{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{margin:0;padding:0;font-family:Hiragino Kaku Gothic ProN,\\30E1\30A4\30EA\30AA,sans-serif}#root,.content{height:100%}.title-char{width:180px;height:180px;font-size:6rem;font-weight:700;border:20px solid #666;border-radius:25px;text-align:center;line-height:1.4}.title{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:50px;width:1200px;margin:auto;-webkit-filter:drop-shadow(3px 3px 3px rgba(0,0,0,.6));filter:drop-shadow(3px 3px 3px rgba(0,0,0,.6))}.title1{color:#0e5800;border-color:#0e5800}.title4{color:red;border-color:red;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.title2{color:#3a943d;border-color:#3a943d}.title3{color:#ff8900;border-color:#ff8900}.title5{color:#ffba3d;border-color:#ffba3d}.start-caption{color:#666;font-size:3rem;border:none;text-align:center;padding:30px}.title-main-area{height:65%}.title-sub-area{background-color:#ff8900;height:35%;overflow:scroll}.game-main-area{height:50%}.game-sub-area{background-color:#ff8900;height:50%;overflow:scroll}.menu-box{padding:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-flow:row wrap;flex-flow:row wrap;width:80%;margin:auto;overflow-x:scroll}.menu-item{margin:30px;padding:25px;text-align:center;width:40%;height:100px;font-weight:700;font-size:2rem;cursor:pointer;border:10px solid #fff;border-radius:25px;color:#fff}.menu-item.selected{background-color:#0e5800}.countdown{font-size:20rem;margin:50px auto;width:500px;height:500px;border:50px solid #ff8900;line-height:1.2;border-radius:300px;color:#ff8900}.countdown,.kanji{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6));font-weight:700;text-align:center}.kanji{font-size:8rem;color:#333;padding:30px 0}.roma{margin-top:30px;font-size:5rem;text-align:center;letter-spacing:1.1rem}.entered{color:#ccc}.unentered{color:#222}.panel-area{width:80%;margin:20px auto;padding:30px}.result-box{display:-ms-flexbox;display:flex}.result-title{width:10%}.result-body,.result-title{color:#fff;font-size:3rem;margin:30px}.result-body{width:50%;border-bottom:3px solid #fff;-ms-flex:1 1;flex:1 1}.result-box2{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px;text-align:center}.result-title2{width:40%}.result-body2,.result-title2{color:#fff;font-size:3rem;margin:10px}.result-body2{width:100%;text-align:center;height:50px}.result-body3,.result-title3{width:100px;color:#fff;font-size:1.3rem;margin:10px}.result-body3{text-align:center}.rule-box{overflow:hidden;padding:30px}.rule-list{padding:30px;border:20px solid #fff;border-radius:25px}.rule-item{font-size:2rem}.rule-item,.rule-title{color:#fff;padding:10px}.rule-title{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));border-left:20px solid #0e5800;font-size:3rem;margin-bottom:30px}.goal{position:relative;top:25%;left:calc(50% - 200px);font-size:6rem;color:red;font-weight:700;width:400px;border:20px solid red;text-align:center;padding:30px;border-radius:50px}.progress-area{display:-ms-flexbox;display:flex}.character-box{height:100px;-ms-flex-positive:130;flex-grow:130}.goal-box{width:100px;height:200px;-ms-flex-positive:1;flex-grow:1}.image{height:100px;width:100px}.fukidasi-area{display:-ms-flexbox;display:flex}.fukidasi-box{height:50px;-ms-flex-positive:130;flex-grow:130}.fukidasi-goal{height:50px;-ms-flex-positive:1;flex-grow:1}.balloon2{position:relative;display:inline-block;margin:0;padding:7px 10px;min-width:120px;max-width:100%;color:#555;font-size:16px;background:#fff;border:3px solid #555;-webkit-box-sizing:border-box;box-sizing:border-box}.balloon2:before{bottom:-24px;margin-left:-15px;border:12px solid transparent;border-top:12px solid #fff;z-index:2}.balloon2:after,.balloon2:before{content:"";position:absolute;left:50%}.balloon2:after{bottom:-30px;margin-left:-17px;border:14px solid transparent;border-top:14px solid #555;z-index:1}.balloon2 p{margin:0;padding:0}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 5s linear;animation:App-logo-spin infinite 5s linear}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.container{height:100%}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}70%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}90%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}10%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}20%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}30%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}60%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}70%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}80%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}90%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}to{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}