@charset "UTF-8";
html,body,div,p,textarea,input,hr{margin:0;padding:0;border:0;background-color:rgb(255,255,255);color:rgb(32,33,36);vertical-align:baseline;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:16.8px;font-weight:400;line-height:1.6;letter-spacing:0.02em;outline:0;-webkit-text-size-adjust:100%;}
html,body,div,p{background-color:rgb(253,253,253);}
a:link,a:visited{color:rgb(0,0,120);text-decoration:underline;}
a:hover,a:active{color:rgb(153,0,0);text-decoration:underline;}
div{margin:0 16px 0 16px;}
div#title{margin:0 0 16px 0;padding:12px 16px 8px 16px;box-shadow:0px 0px 4px 2px #dddddd;background-color:rgb(255,255,255);font-size:18.4px;font-weight:800;}
div#description{margin:0 16px 8px 16px;}
div#result{font-weight:800;}
div#source{margin:12px 16px 0 16px;}
div#domain{margin:12px 16px 16px 16px;text-align:center;}div#domain a{text-decoration:none;}
p#chat{margin:12px 0 0 0;}
div.chat{margin:4px 0 0 0;}
hr{margin:8px 0 8px 0;border-bottom:solid 1px #dddddd;}
textarea{display:block;box-sizing:content-box;width:calc(100% - 8px - 8px);height:88px;margin:0 auto;padding:8px;border:solid 1px #dddddd;background-color:rgb(247,247,255);}
textarea:focus{box-shadow:0px 0px 4px 2px #dddddd;}
div#result-aft textarea{margin:16px auto 0 auto;}
input{display:block;}
input[type="text"]{width:calc(100% - 8px - 8px);margin:0 auto;padding:8px;border:solid 1px #dddddd;background-color:rgb(247,247,247);}
input[type="text"] + input[type="text"],input[type="text"] + input[type="text"] + a{display:block;margin:16px auto 0 auto;line-height:1;}
label.type-file{display:block;width:calc(100% - 8px - 8px);margin:0 auto;padding:0 8px 0 8px;border:solid 1px #dddddd;background-color:rgb(247,247,247);cursor:pointer;-webkit-appearance:none;}
label.type-file::before{content:"ドラッグ＆ドロップするか、\Aクリックしてファイルを選択して下さい。";display:block;margin:0;padding:8px 0 8px 0;border-bottom:solid 1px rgb(220,222,226);font-size:small;white-space:pre-wrap;}
input[type="file"]{width:100%;padding:32px 0 32px 0;background-color:rgb(247,247,247);cursor:pointer;-webkit-appearance:none;}
label.type-radio{display:inline-block;padding:16px 16px 0 0;}
input[type="radio"]{display:inline-block;margin:0 8px 0 0;}
input[type="button"]{width:100%;margin:16px auto 0 auto;padding:8px;box-shadow:0px 0px 4px 2px #dddddd;background-color:rgb(70,135,245);color:#ffffff;text-align:center;font-weight:800;cursor:pointer;-webkit-appearance:none;}
input:focus{box-shadow:0px 0px 4px 2px #dddddd;}
noscript{display:block;margin:16px;padding:16px;border:solid 1px rgb(199,199,199);box-shadow:0 1px 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);font-weight:800;}
noscript::after{content:"JavaScriptを利用してツールの読込と出力を行うため、\AJavaScriptが無効の状態では作動しません。\Aお手数ですが、JavaScriptを有効にした上で、再度アクセスして下さい。";display:block;margin-top:7px;padding-top:8px;border-top:solid 1px rgb(199,199,199);font-weight:400;white-space:pre-wrap;}
/* 追加 */
div#ip-icon{position:fixed;bottom:0;left:0;margin:8px;}