h1.compress {letter-spacing: -0.1em;}
.json_input {width: 100%;height: 300px;margin: 0;background-color: #EEEEEE;border: 1px solid #EEEEEE;padding: 0 !important;}
.json_input:focus {border-color: transparent;outline: none;background-color: #EEEEEE;}
a:hover { cursor: pointer; }
a {text-decoration: none;color: #36C;}
em {background-color: transparent !important;}
input.text, input.title {width: auto;}
.greenBorder {border: 1px solid green !important;}
.redBorder {border: 1px solid red !important;}
#results_header {padding-top: 1em;}
#results{display: none;/*word-wrap: break-word;white-space: pre-wrap;word-break: normal;*/}
.linedwrap {margin-bottom: 10px;background-color: #EEEEEE;padding: 0;display:block;border-radius: 3px;}
.linedwrap .codelines {padding: 0;}
.light {color: #AAA;}
#jsonform {border-radius: 3px;}
.tcon .error {background: #FBE3E4;color: #D12F19;border-color: #FBC2C4;}
.tcon .success {background: green;color: white;border-color: #FBC2C4;}
.tcon .error,.tcon .notice,.tcon .success {margin-bottom: 1em;border: 2px solid #ddd;padding: .8em;}
.hide {display: none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
/*着色*/
.Canvas {display:none;font: 10pt Georgia;background-color: #ECECEC;color: #000000;border: solid 1px #CECECE;width: 100%;}
.ObjectBrace {color: #00AA00;font-weight: bold;}
.ArrayBrace {color: #0033FF;font-weight: bold;}
.PropertyName {color: #CC0000;font-weight: bold;}
.String {color: #007777;}
.Number {color: #AA00AA;}
.Boolean {color: #0000FF;}
.Function {color: #AA6633;text-decoration: italic;}
.Null {color: #0000FF;}
.Comma {color: #000000;font-weight: bold;}
PRE.CodeContainer {margin-top: 0px;margin-bottom: 0px;}
pre{max-height: 600px;}
/*@media screen and (max-device-width: 768px),screen and (max-device-height: 767px){*/
@media screen and (max-device-width: 768px),screen and (orientation:landscape) and (max-device-width: 1000px) {
#json_input{width:100%;}
/*.linedwrap .lines{display:none;}*/
.json_input{border:none;}
}