body{font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;margin:5px;padding:0;background-color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.blue{color:#00f}.red{color:red}hr{height:2px;background-color:green}#inputdiv{display:flex}#canvas{width:300px;height:100px}#resultLessThan,#resultMoreThan{padding-left:5px;padding-right:5px}#resultLessThan,#resultMoreThan,#resultPdf{padding-top:5px;padding-bottom:5px}#resultMessage,footer{padding-top:2em}button{margin-top:15px}@media screen and (min-width:512px){body{min-width:512px}ul{padding-left:5px;list-style:none}body,div,span{font-size:18px}#inputRight{padding-left:5px;padding-right:10px}#inputRight div{margin-top:6px}input{font-size:18px}#inputRight input{width:50pt}#inputLeft{padding-left:0;padding-right:10px;width:150px}#canvas{width:500px;height:250px}#divInCanvas{width:500px;height:250px}#inputLeft input{margin-top:15px}}@media screen and (max-width:511px){body{min-width:320px}ul{margin:0;padding-left:0;list-style:none}h1{font-size:20px;margin:0}h2{font-size:18px}h3{font-size:16px}body,div,li,p,span,ul{font-size:14px}input{font-size:16px}#inputLeft,#inputRight{padding-left:0;padding-right:5px}#inputRight input{width:30pt}#inputLeft{padding-left:0;padding-right:0;width:200px}#canvas{width:300px;height:150px}#inputLeft input{margin-top:20px}#divInCanvas{width:300px;height:150px}}