*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}.clearfix::after{content:"";display:block;clear:both}body,html{line-height:1;font-family:sans-serif}header{position:fixed;width:100vw;height:50px;background:#333;color:#fff}header h1{font-size:1.5em;line-height:50px;text-align:center;padding:0 20px}section{padding:60px 10px 30px}section h2{font-size:1.3em;padding:0 0 15px}section .search-options,section .shortcut-options{margin:0 0 10px;padding:15px;border:1px solid gray;border-radius:5px}section .search-options ul.btn-set-current-time{margin:0 0 15px;padding:0;list-style-type:none}section .search-options ul.btn-set-current-time li{float:left;width:30%;margin:0 1% 0 2%;padding:10px 5px;border-radius:5px;text-align:center;background:#191970;color:#fff}section .search-options .btn-get-data:hover,section .search-options ul.btn-set-current-time li:hover{opacity:.6;cursor:pointer}section .search-options dl dt{width:70px;height:40px;line-height:40px;float:left;text-align:right}section .search-options dl dd{height:40px;line-height:24px;margin:0 0 0 90px}section .search-options dl dd input{padding:3px;width:170px}section .search-options .btn-get-data{display:block;margin:15px auto 0;padding:10px 20px;border-radius:5px;text-align:center;background:#b8860b;color:#fff}section .shortcut-options ul{margin:0;padding:0 0 0 20px;list-style-type:disc}section .shortcut-options ul li{padding:5px}section .shortcut-options ul li:hover{cursor:pointer;color:#f60}section .json-viewer{padding:15px;border:1px solid gray;border-radius:5px;height:calc(100vh - 90px)}section .json-viewer div.target-period{float:right;padding:10px;line-height:1.3rem}section .json-viewer:not(.is-loaded) .data-summary,section .json-viewer:not(.is-loaded) div.target-period,section .json-viewer:not(.is-loading) .loading{display:none}section .json-viewer h2 span{display:inline-block;color:#999;cursor:pointer;padding:10px 15px;border-radius:3px}section .json-viewer h2 span:not(.active):hover{background:#eee}section .json-viewer h2 span.active{color:#000;background:#fee}section .json-viewer .loading{display:block;width:100%;height:100px;line-height:100px;text-align:center;font-size:2rem;color:gray;background:#f2f2f2;border-radius:5px}section .json-viewer .data-summary,section .json-viewer .json-preview{height:0;overflow:hidden}section .json-viewer div.active{height:calc(100% - 60px);overflow-y:scroll;overflow-x:hidden}section .json-viewer .summary{padding:15px;margin:0 0 20px;border:1px solid #ddd;border-radius:5px}section .json-viewer .summary dl{line-height:24px}section .json-viewer .summary dl dt{float:left;width:120px;height:24px;font-weight:700}section .json-viewer .summary dl dt:after{content:":";font-weight:400}section .json-viewer .summary dl dd{min-height:24px;margin:0 0 0 120px}section .json-viewer .data-summary table td,section .json-viewer .data-summary table th{padding:5px 15px;border:1px solid #eee;border-width:0 0 1px;text-align:center}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media screen and (min-width:700px){.menu{float:left}.search-options{width:300px}.json-viewer{margin:0 0 0 310px}}