自分で見返す用。

M5Paper

Switch Science のページ

売り切れていることが多い。

M5Stack のページ

本家。

UiFlow

Web IDE

GitHub - m5stack/M5EPD: M5Paper Arduino LibraryM5Paper Arduino Library. Contribute to m5stack/M5EPD development by creating an account on GitHub.

 github.com

本家の M5Paper 向けリポジトリ。

examples 以下に Arduino での参考実装がある。

M5Stack Library

GitHub - m5stack/M5Stack: M5Stack Arduino LibraryM5Stack Arduino Library. Contribute to m5stack/M5Stack development by creating an account on GitHub.

 github.com

M5Stack のAPI情報など。 M5Paper とは少し違うが参考になる部分も多い。

開発

VSCode + Arduino IDE

Arduino IDE でライブラリなどインストールしておいて、 VSCode から呼び出すかたちにするのが楽。

呼び出しは拡張がある。 (vscode-arduino)

ただ、現在はシリアルモニタが使えないバグが発生中。(2021/05/12現在)

Failed to open serial port due to error on VSC `v1.56.0` · Issue #1257 · microsoft/vscode-arduinoIssue Type: Bug Failed to open serial port /dev/ttyUSB0 due to error: + Error: The module '/home/oskar/.vscode/extensions/vsciot-vscode.vscode-arduino-0.4.2/out/node_modules/usb-detection/build/Rel...

 github.com

作業に役立つリンク

【M5paper】M5paperでUIFlowの設定をする　タッチ操作もしてみたよ【UIFlow】｜けんけんM5paperを買ったので、開発環境を構築します。 M5Paper - スイッチサイエンス タッチ操作可能な電子ペーパーを搭載したM5Stackのコアデバイスです。Espressif社の無線モジュールESP32-D www.switch-science.com 私はプログラミング未経験者ということと、子供にいつか教えたいので、ブロックプログラミングのUIFlowを使います。 ファームウェア更新 M5paperのファームウェアをUIFlow用に更新します ◆USBドライバのインストール Download TUTORIAL M

 note.com

M5Burner から UiFlow の設定の流れが紹介されている。

M5Stack UIFlowでHTTP(GET)通信 - QiitaM5Stack UIFlowでのHTTP(GET)通信についてメモ##参考にしたサイトこちらを参考にさせてもらいました。ありがとうございました。第9回 - インターネット 編【PLEN5Sta…

 qiita.com

UiFlow で HTTP通信。Link、Mapを良い感じに使っていく。

M5Paper のサンプルプロジェクトへのリンクが載っている。

M5Stack M5Paper発売概要 2020年11月27日にM5Stack社よりM5Paperが発売されたので購入してみました。すこし触ってみたので商品を紹介したいと思います。 商品 M5Paper（スイッチサイエンス）M5Paper ESP32 Development

 lang-ship.com

Arduino IDE を使う流れが紹介されている。

源真ゴシック (げんしんゴシック)源真ゴシック (げんしんゴシック) は、Adobeのオープンソースフォント「源ノ角ゴシック」を TrueType 形式に変換し、普段使いにおける使い勝手を重視したカスタマイズを施したフリーフォントです。

 jikasei.me

源真ゴシック

NTP使うスケッチ

M5Paper RTC set from NTPM5Paper RTC set from NTP. GitHub Gist: instantly share code, notes, and snippets.

 gist.github.com

HTTPS通信

基本は標準のサンプルスケッチ参照。

Let’s Encrypt サイトにうまく繋げられていないので、集約した情報提供APIを個人で用意するならそこのやり方も調査必要。

JSON

ArduinoJson というライブラリが使えるらしい。(未実施)

M5Stick-CでJsonをPOSTする - QiitaM5Stick-Cを使って、HTTP POSTします。当然、BodyにJSONを入れて、JSONが返ってくるやつです。今回は、Arduino IDEを使います。いろんな人が使っているので情報がた…

 qiita.com

ESP32-WROOM-32でJSONを扱うのは難しくない | DevelopersIO目次

 dev.classmethod.jp

使いたい情報

気象庁｜天気予報');background-repeat:no-repeat;background-position:50% 50%;opacity:.8;z-index:3}#bosaitop-modal{z-index:4}#bosaitop-top{display:flex;flex-direction:column;position:fixed;bottom:50px;left:0;overflow-y:scroll;margin:0;padding:.5em;font-size:.9em;color:#000;width:90%;max-width:330px;height:80%;transition:.3s ease-in-out;-webkit-transform:translateY(115%);transform:translateY(115%);z-index:4;border-radius:10px;box-shadow:5px -5px 5px rgba(255,255,255,.3);background-color:#f9fafb}.bosaitop-modalopen #bosaitop-top{-webkit-transform:translateY(0%);transform:translateY(0)}#bosaitop-patterntab{margin:0 0 1rem}.bosaitop-home_selected,.bosaitop-home_candidate{width:40px;height:40px;margin-right:3px}.bosaitop-home_selected{cursor:inherit}.bosaitop-home_candidate{opacity:.3;cursor:pointer}.bosaitop-saved{background-color:#cfc}.bosaitop-rejected{background-color:#faa}.bosaitop-headdiv{position:relative;border:1px solid #aaa;border-bottom:none;border-radius:10px 10px 0 0;background-color:#40566a;color:#fff;height:40px;line-height:40px;text-align:center;font-weight:700}.bosaitop-plusbutton{position:absolute;right:10px;top:5px;width:30px;padding:0;cursor:pointer}#bosaitop-patterntab>div:not(.bosaitop-headdiv){height:50px;border-bottom:solid 1px #aaaaaa;border-right:solid 1px #aaaaaa;border-left:solid 1px #aaaaaa}#bosaitop-patterntab>div:last-child{border-bottom:solid 1px #aaaaaa;border-radius:0 0 10px 10px}.bosaitop-patternchild{display:flex;align-items:center;padding:0 3px}.bosaitop-patternchild input{width:160px;height:30px;margin-left:3px;border-radius:5px}.bosaitop-patternchild>span:first-child{display:flex;flex-direction:row-reverse;align-items:center;flex-grow:1}.bosaitop-patternchild>span:first-child img{margin-right:auto}.bosaitop-patternchild>span:first-child span{flex-grow:1;line-height:40px;border:1px solid #b4b4b4;border-radius:10px;background-color:#f0f8ff;padding:0 3px;margin-left:3px;cursor:pointer}.bosaitop-patternsave{margin-left:auto}.bosaitop-patternsave img:not(.bosaitop-plusbutton){width:40px;margin-left:5px;cursor:pointer}.bosaitop-patternsave.bosaitop-nonsaveable img{cursor:inherit;opacity:.1}.bosaitop-patterndel img{width:30px;padding:5px;cursor:pointer}.bosaitop-patterndel img:hover{opacity:.7}.bosaitop-osusume{display:flex;align-items:center;width:100%;height:50px;padding:0 3px}.bosaitop-osusume>span{flex-grow:1;line-height:40px;border:1px solid #b4b4b4;border-radius:10px;background-color:#f0f8ff;padding:0 3px;cursor:pointer}#bosaitop-setting{position:relative}.bosaitop-contentslist{border:1px solid #aaa;border-radius:10px 10px 0 0;background-color:#40566a;color:#fff;font-weight:700;position:relative;padding:.5em}.bosaitop-contentslist div{height:30px;text-align:center}.bosaitop-contentslist input{width:100%;height:30px;padding-left:28px;border-radius:5px}.bosaitop-contentslist img{height:20px;margin:0 0 3px 5px;padding:0 2px;width:20px;position:absolute;bottom:9px;left:5px}.bosaitop-settingchild{position:relative;height:50px;line-height:50px;vertical-align:middle;border-bottom:solid 1px #aaaaaa;border-right:solid 1px #aaaaaa;border-left:solid 1px #aaaaaa;background-color:#fafafa;width:100%;cursor:pointer}.bosaitop-settingchild.bosaitop-disblecontents{cursor:not-allowed}.bosaitop-settingchild.bosaitop-disblecontents>div{cursor:not-allowed;opacity:.3}@media screen\fffd{.bosaitop-settingchild.bosaitop-disblecontents>div img{opacity:.3}}.bosaitop-contentsname{max-width:13em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:5px}.bosaitop-contentsname>img{left:30px;position:absolute;top:3px;width:40px}.bosaitop-hide~.bosaitop-contentsname>img{left:3px}.bosaitop-disp{cursor:pointer;background-color:#5f5;width:60px;height:31px;border-radius:30px;margin:8px 5px 0;float:left}.bosaitop-hide{cursor:pointer;background-color:#aaa;width:60px;height:31px;border-radius:30px;margin:8px 5px 0;float:left}.bosaitop-fail{cursor:pointer;background-color:#f55;width:60px;height:31px;border-radius:30px;margin:8px 5px 0;float:left}.bosaitop-disp:after{content:"";display:block;top:3px;left:32px;position:absolute;width:39px;height:39px;border-radius:20px;background-color:#fff}.bosaitop-hide:after{content:"";display:block;top:3px;left:3px;position:absolute;width:39px;height:39px;border-radius:20px;background-color:#fff}.bosaitop-fail:after{content:"";display:block;top:3px;left:32px;position:absolute;width:39px;height:39px;border-radius:20px;background-color:#fff}#bosaitop-setting>div:not(.bosaitop-contentslist):last-child{border-radius:0 0 10px 10px;border-bottom:solid 1px #aaaaaa}@media (max-width: 992px){#bosaitop-top{left:auto;right:0;box-shadow:-5px -5px 5px rgba(255,255,255,.3)}}@media (max-width: 576px){#bosaitop-top{max-width:250px}.bosaitop-osusume>span{max-width:13em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bosaitop-patternchild input{width:80px}}#bosaitop-icondump{position:fixed;bottom:0;display:flex;width:100%;height:50px;align-items:center;padding:0 15px 0 0;z-index:10}#bosaitop-icondump>span{border-right:1px solid #fff;margin-right:10px;background-color:transparent}#bosaitop-icondump>span:hover{background-color:#eee}.bosaitop-gear{display:block;width:44px;padding:3px 10px;cursor:pointer;filter:drop-shadow(1px 1px 1px #fff)}.bosaitop-footericons{position:relative;flex-grow:1;height:50px;overflow-x:hidden;overflow-y:hidden}.bosaitop-footericon{position:absolute;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;user-select:none}.bosaitop-footericon:hover{background-color:#7e93a6}.bosaitop-footericon.bosaitop-moving:hover{background-color:inherit;cursor:ew-resize}.bosaitop-footericon img{width:45px;pointer-events:none;margin-left:auto;margin-right:auto}.bosaitop-nonactive{opacity:.6}.bosaitop-footericon>.bosaitop-minidelicon{position:relative}.bosaitop-footericon>.bosaitop-minidelicon img{position:absolute;pointer-events:all;width:20px;top:-24px;left:-20px}@media (max-width: 992px){.bosaitop-footericons{display:none}#bosaitop-icondump>span{border-left:1px solid #fff;border-right:none;margin-left:auto;margin-right:0}#bosaitop-icondump{z-index:9;padding:0}}#bosaitop-harerun{position:fixed;bottom:55px;display:flex;flex-direction:row}#bosaitop-harerun img[src$=".gif"]{width:250px}.bosaitop-modalopen~#bosaitop-harerun{transition:.3s ease-in-out;left:345px}#bosaitop-harerun img[src$="fukidashi_r.svg"]{display:block;width:100px;position:absolute;right:-70px;top:-30px}#bosaitop-harerun img[src$="fukidashi_l.svg"]{display:none}.bosaitop-modalclose~#bosaitop-harerun{transition:.3s ease-in-out;left:0}@media (max-width: 992px){#bosaitop-harerun img[src$=".gif"]{transform:scaleX(-1)}#bosaitop-harerun img[src$="fukidashi_l.svg"]{display:block;width:100px;position:absolute;right:auto;left:-70px;top:-30px}#bosaitop-harerun img[src$="fukidashi_r.svg"]{display:none}.bosaitop-modalopen~#bosaitop-harerun{left:auto;right:345px}.bosaitop-modalclose~#bosaitop-harerun{left:auto;right:10px}}@media (max-width: 576px){#bosaitop-harerun img[src$=".gif"]{width:100px}.bosaitop-modalopen~#bosaitop-harerun{right:255px}#bosaitop-harerun img[src$="fukidashi_l.svg"]{display:none}#bosaitop-harerun img[src$="fukidashi_r.svg"]{display:block;width:70px;left:20px;top:-80px}} @charset "UTF-8";#jma-common-adsarea~.container{width:inherit;max-width:calc(100% - 320px);padding-right:10px;padding-left:10px;position:relative;margin:inherit}#jma-common-adsarea~.container>div{width:95%;margin:10px auto}@media (min-width:768px){#jma-common-adsarea.jma-common-spmode~.container{width:100%;padding-right:10px;padding-left:10px;position:relative;margin:0 auto}}@media (min-width: 576px){#jma-common-adsarea~.container>div{max-width:540px}}@media (min-width: 768px){#jma-common-adsarea~.container>div{max-width:720px}}@media (min-width: 992px){#jma-common-adsarea~.container>div{max-width:960px}}@media (min-width: 1200px){#jma-common-adsarea~.container>div{max-width:1140px}}.container{width:100%;padding-right:10px;padding-left:10px;position:relative;margin:0 auto}@media (min-width: 576px){.container,#jma-common-adsarea.jma-common-spmode~.container{max-width:540px}}@media (min-width: 768px){.container,#jma-common-adsarea.jma-common-spmode~.container{max-width:720px}}@media (min-width: 992px){.container,#jma-common-adsarea.jma-common-spmode~.container{max-width:960px}}@media (min-width: 1200px){.container,#jma-common-adsarea.jma-common-spmode~.container{max-width:1140px}}@media (max-width: 768px){#jma-common-adsarea~.container{width:100%;max-width:inherit;padding-right:10px;padding-left:10px;position:relative;margin:0 auto}}@media (max-width:334px){div#jma-common-adsarea{display:none}}.bg_black{background-color:#000}.bg_silver{background-color:silver}.bg_gray{background-color:gray}.bg_white{background-color:#fff}.bg_maroon{background-color:maroon}.bg_red{background-color:red}.bg_purple{background-color:purple}.bg_fuchsia{background-color:#f0f}.bg_green{background-color:green}.bg_lime{background-color:#0f0}.bg_olive{background-color:olive}.bg_yellow{background-color:#ff0}.bg_navy{background-color:navy}.bg_blue{background-color:#00f}.bg_teal{background-color:teal}.bg_aqua{background-color:#0ff}.bg_level1{background-color:#fff}.bg_level2{background-color:#ffd200}.bg_level3{background-color:#ff2800}.bg_level4{background-color:#c80bff}.bg_level5{background-color:#6c008c}.bd_black{border:1px solid black}.bd_red{border:1px solid red}.clr_both{clear:both}.clr_left{clear:left}.clr_right{clear:right}.cs_default{cursor:default}.cs_inherit{cursor:inherit!important}.cs_pointer{cursor:pointer}.cs_grab{cursor:grab}.cs_grabbing{cursor:grabbing}.cS_wait{cursor:wait}.disp_none{display:none}.disp_block{display:block}.fc_black{color:#000}.fc_silver{color:silver}.fc_gray{color:gray}.fc_white{color:#fff}.fc_maroon{color:maroon}.fc_red{color:red}.fc_purple{color:purple}.fc_fuchsia{color:#f0f}.fc_green{color:green}.fc_lime{color:#0f0}.fc_olive{color:olive}.fc_yellow{color:#ff0}.fc_navy{color:navy}.fc_blue{color:#00f}.fc_teal{color:teal}.fc_aqua{color:#0ff}.fc_level1{color:#fff}.fc_level2{color:#ffd200}.fc_level3{color:#ff2800}.fc_level4{color:#c80bff}.fc_level5{color:#6c008c}.fs_0{font-size:0}.fs_01em{font-size:.1em}.fs_02em{font-size:.2em}.fs_03em{font-size:.3em}.fs_04em{font-size:.4em}.fs_05em{font-size:.5em}.fs_06em{font-size:.6em}.fs_07em{font-size:.7em}.fs_08em{font-size:.8em}.fs_09em{font-size:.9em}.fs_1em{font-size:1em}.fs_2em{font-size:2em}.fs_3em{font-size:3em}.fs_1rem{font-size:1rem}.fs_2rem{font-size:2rem}.fs_3rem{font-size:3rem}.fs_10px{font-size:10px}.fs_11px{font-size:11px}.fs_12px{font-size:12px}.fs_13px{font-size:13px}.fs_14px{font-size:14px}.fs_15px{font-size:15px}.fs_16px{font-size:16px}.fs_17px{font-size:17px}.fs_18px{font-size:18px}.fs_19px{font-size:19px}.fs_20px{font-size:20px}.fw_bold{font-weight:700}.fw_normal{font-weight:400}.float_left{float:left}.float_right{float:right}.mlr_auto{margin-left:auto;margin-right:auto}.m_0{margin:0!important}.mt_0{margin-top:0!important}.mb_0{margin-bottom:0!important}.ml_0{margin-left:0!important}.mr_0{margin-right:0!important}.ml_1em{margin-left:1em}.ml_2em{margin-left:2em}.ml_3em{margin-left:3em}.ml_4em{margin-left:4em}.ml_5em{margin-left:5em}.mt_5px{margin-top:5px}.mt_10px{margin-top:10px}.mt_15px{margin-top:15px}.mt_20px{margin-top:20px}.mt_25px{margin-top:25px}.mb_5px{margin-bottom:5px}.mb_10px{margin-bottom:10px}.mb_15px{margin-bottom:15px}.mb_20px{margin-bottom:20px}.mb_25px{margin-bottom:25px}.ml_5px{margin-left:5px}.ml_10px{margin-left:10px}.ml_15px{margin-left:15px}.ml_20px{margin-left:20px}.ml_25px{margin-left:25px}.mr_5px{margin-right:5px}.mr_10px{margin-right:10px}.mr_15px{margin-right:15px}.mr_20px{margin-right:20px}.mr_25px{margin-right:25px}.op_0{opacity:0}.op_01{opacity:.1}.op_02{opacity:.2}.op_03{opacity:.3}.op_04{opacity:.4}.op_05{opacity:.5}.op_06{opacity:.6}.op_07{opacity:.7}.op_08{opacity:.8}.op_09{opacity:.9}.op_1{opacity:1}.p_0{padding:0!important}.pt_0{padding-top:0!important}.pb_0{padding-bottom:0!important}.pl_0{padding-left:0!important}.pr_0{padding-right:0!important}.pl_1em{padding-left:1em}.pl_2em{padding-left:2em}.pl_3em{padding-left:3em}.pl_4em{padding-left:4em}.pl_5em{padding-left:5em}.pt_5px{padding-top:5px}.pt_10px{padding-top:10px}.pt_15px{padding-top:15px}.pt_20px{padding-top:20px}.pt_25px{padding-top:25px}.pb_5px{padding-bottom:5px}.pb_10px{padding-bottom:10px}.pb_15px{padding-bottom:15px}.pb_20px{padding-bottom:20px}.pb_25px{padding-bottom:25px}.pl_5px{padding-left:5px}.pl_10px{padding-left:10px}.pl_15px{padding-left:15px}.pl_20px{padding-left:20px}.pl_25px{padding-left:25px}.pr_5px{padding-right:5px}.pr_10px{padding-right:10px}.pr_15px{padding-right:15px}.pr_20px{padding-right:20px}.pr_25px{padding-right:25px}.posi_absolute{position:absolute}.posi_relative{position:relative}.posi_fixed{position:fixed}.posi_static{position:static}.talign_left{text-align:left}.talign_right{text-align:right}.talign_center{text-align:center}.tshadow_stroke{text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff}.valign_top{vertical-align:top}.valign_middle{vertical-align:middle}.valign_bottom{vertical-align:bottom}.zi_0{z-index:0!important}.zi_100{z-index:100!important}.zi_200{z-index:200!important}.zi_300{z-index:300!important}.zi_400{z-index:400!important}.zi_500{z-index:500!important}.zi_600{z-index:600!important}.zi_700{z-index:700!important}.zi_800{z-index:800!important}.zi_900{z-index:900!important}.zi_1000{z-index:1000!important}.fl_black{fill:#000}.fl_silver{fill:silver}.fl_gray{fill:gray}.fl_white{fill:#fff}.fl_maroon{fill:maroon}.fl_red{fill:red}.fl_purple{fill:purple}.fl_fuchsia{fill:#f0f}.fl_green{fill:green}.fl_lime{fill:#0f0}.fl_olive{fill:olive}.fl_yellow{fill:#ff0}.fl_navy{fill:navy}.fl_blue{fill:#00f}.fl_teal{fill:teal}.fl_aqua{fill:#0ff}.fl_none{fill:none}.fl_level1{fill:#fff}.fl_level2{fill:#ffd200}.fl_level3{fill:#ff2800}.fl_level4{fill:#c80bff}.fl_level5{fill:#6c008c}.flop_0{fill-opacity:0}.flop_01{fill-opacity:.1}.flop_02{fill-opacity:.2}.flop_03{fill-opacity:.3}.flop_04{fill-opacity:.4}.flop_05{fill-opacity:.5}.flop_06{fill-opacity:.6}.flop_07{fill-opacity:.7}.flop_08{fill-opacity:.8}.flop_09{fill-opacity:.9}.flop_1{fill-opacity:1}.stk_black{stroke:#000}.stk_silver{stroke:silver}.stk_gray{stroke:gray}.stk_white{stroke:#fff}.stk_maroon{stroke:maroon}.stk_red{stroke:red}.stk_purple{stroke:purple}.stk_fuchsia{stroke:#f0f}.stk_green{stroke:green}.stk_lime{stroke:#0f0}.stk_olive{stroke:olive}.stk_yellow{stroke:#ff0}.stk_navy{stroke:navy}.stk_blue{stroke:#00f}.stk_teal{stroke:teal}.stk_aqua{stroke:#0ff}.stk_none{stroke:none}.stk_level1{stroke:#fff}.stk_level2{stroke:#ffd200}.stk_level3{stroke:#ff2800}.stk_level4{stroke:#c80bff}.stk_level5{stroke:#6c008c}.stkwid_0{stroke-width:0}.stkwid_1{stroke-width:1}.stkwid_2{stroke-width:2}.stkwid_3{stroke-width:3}.stkwid_4{stroke-width:4}.stkwid_5{stroke-width:5}.stkdary_1{stroke-dasharray:1}.stkdary_2{stroke-dasharray:2}.stkdary_3{stroke-dasharray:3}.stkdary_4{stroke-dasharray:4}.stkdary_5{stroke-dasharray:5}.stkop_0{stroke-opacity:0}.stkop_01{stroke-opacity:.1}.stkop_02{stroke-opacity:.2}.stkop_03{stroke-opacity:.3}.stkop_04{stroke-opacity:.4}.stkop_05{stroke-opacity:.5}.stkop_06{stroke-opacity:.6}.stkop_07{stroke-opacity:.7}.stkop_08{stroke-opacity:.8}.stkop_09{stroke-opacity:.9}.stkop_1{stroke-opacity:1}.clearfix:after{content:"";display:block;clear:both}.table_type_a{border-collapse:collapse;margin-bottom:1rem}.table_type_a tr th{background-color:#6060c0;color:#fff;text-align:center;border:1px solid #fff;padding:3px 5px}.table_type_a tr td{background-color:#e0e0ff;color:#000;text-align:left;border:1px solid #fff;padding:3px 5px}.table_type_b{border-collapse:collapse;margin-bottom:1rem}.table_type_b tr th{background-color:#343a40;color:#fff;text-align:center;border:1px solid #ddd;padding:3px 5px}.table_type_b tr td{text-align:left;border:1px solid #ddd;padding:3px 5px}ul.legend_type_a{margin:0;padding:10px;list-style-type:none;border-radius:5px}ul.legend_type_a li{font-size:18px;line-height:18px;margin-bottom:3px}ul.legend_type_a li span{display:inline-block;width:18px;height:18px;border:1px solid #666;margin-right:8px;vertical-align:top} div.contents-block{font-size:14px;margin-top:10px;margin-bottom:10px}div.contents-block table{border-collapse:collapse;border:solid 2px black;width:100%}div.contents-block th,div.contents-block td{padding-top:2px;padding-bottom:2px;border:solid 1px black;font-weight:400}th.contents-area,td.contents-area{font-weight:700}tr.contents-bold-top th,tr.contents-bold-top td{border-top:solid 2px black}tr.contents-title th{background-color:#0060af;color:#fff;padding-left:10px}tr.contents-header th,th.contents-header{background-color:#dbeeff;text-align:center}div.contents-legends{font-size:12px;white-space:nowrap;text-align:left}div.contents-legend{display:inline-block}div.contents-legend-box{margin:2px 5px 2px 2px;width:15px;height:15px;border:solid 1px black;display:inline-block;vertical-align:top;line-height:12px;text-align:center}img.contents-legend-image{margin:2px;width:15px;height:15px;display:inline-block;vertical-align:top}div.contents-legend-mark{margin-right:2px;display:inline-block;vertical-align:top}div.contents-legend-text{margin-right:10px;display:inline-block;vertical-align:top}div.contents-legend-map{background-color:rgba(255,255,255,.7);padding:5px}div.contents-legends table{width:auto}div.contents-legends td,div.contents-legends th{padding:2px 5px;border:solid 1px black;font-weight:400}div.contents-legends th{background-color:#0060af;color:#fff;text-align:center}div.contents-message{border:solid 1px black;padding:2px;font-size:14px}.contents-clickable{cursor:pointer}.contents-clickable:hover{text-decoration:underline}.contents-clickable-highlight:hover{color:#000;background-color:#a3d4ff}div.contents-radio-button{display:inline-block;margin:2px;padding-left:5px;padding-right:5px;border-radius:3px;border:solid 1px #0060af;transition:.2s;text-align:center}div.contents-radio-button-on{background-color:#0060af;color:#fff}div.contents-radio-button-off{background-color:#e0e0e0;color:gray;cursor:pointer}div.contents-radio-button-off:hover{background-color:#f0f0f0}div.contents-radio-button-disabled{background-color:gray;pointer-events:none}div.contents-button{display:inline-block;margin-left:2px;margin-right:2px;padding-left:5px;padding-right:5px;border-radius:3px;border:solid 1px #0060af;transition:.2s;text-align:center;background-color:#0060af;color:#fff;cursor:pointer}div.contents-button:hover{background-color:#78a5d2}div.contents-area-button{display:inline-block;padding:0 20px;height:48px;line-height:48px;background-color:#40566a;color:#f9fafb;border-radius:5px;box-shadow:1px 1px 1px 1px #b9b7b7;cursor:pointer;margin-right:1em}div.contents-area-button:hover{background-color:#f9fafb;color:#000}div.contents-area-button:last-child{margin-right:0}div.contents-link{display:inline-block;margin-right:10px;transition:.2s;color:#00f;cursor:pointer;text-decoration:underline}div.contents-link:hover{color:#a0a0ff}div.contents-close-box-button{font-size:14px;margin-top:10px;margin-bottom:10px;transition:.2s;color:#00f;cursor:pointer;text-decoration:underline}div.contents-close-box-button:hover{color:#a0a0ff}div.contents-explain{font-size:14px;border:2px solid #808080;padding-left:20px;padding-right:20px}div.contents-explain table{border-collapse:collapse;border:solid 2px black;width:100%;margin-top:10px;margin-bottom:10px}div.contents-explain th,div.contents-explain td{padding:2px 5px;border:solid 1px black;font-weight:400}div.contents-explain th{background-color:#0060af;color:#fff;text-align:center}div.contents-explain b{text-decoration:underline}div.contents-explain li,div.contents-explain p{margin-top:10px;margin-bottom:10px}.contents-level0{background-color:#fff;color:#000}.contents-level10{background-color:#faf5c0;color:#000}.contents-level20{background-color:#f2e700;color:#000}.contents-level25{background-color:#fa0;color:#000}.contents-level30{background-color:#ff2800;color:#fff}.contents-level40{background-color:#a0a;color:#fff}.contents-level45{background-color:#6c008c;color:#fff}.contents-level50{background-color:#0c000c;color:#fff}.contents-missing{background-color:#c8c8cb;color:#000}.contents-map-border{stroke:#000;stroke-opacity:1;stroke-width:.5;fill-opacity:0}.contents-map-border-gray{stroke:gray;stroke-opacity:1;stroke-width:.5;fill-opacity:0}.contents-map-border-bold{stroke:#000;stroke-opacity:1;stroke-width:2;fill-opacity:0}.contents-map-none{stroke-opacity:0;fill-opacity:0}.contents-map-missing{stroke:#c8c8cb;stroke-opacity:1;stroke-width:1;fill:#c8c8cb;fill-opacity:1}.contents-map-level0{stroke:#fff;stroke-opacity:1;stroke-width:1;fill:#fff;fill-opacity:1}.contents-map-level20{stroke:#f2e700;stroke-opacity:1;stroke-width:1;fill:#f2e700;fill-opacity:1}.contents-map-level25{stroke:#fa0;stroke-opacity:1;stroke-width:1;fill:#fa0;fill-opacity:1}.contents-map-level30{stroke:#ff2800;stroke-opacity:1;stroke-width:1;fill:#ff2800;fill-opacity:1}.contents-map-level40{stroke:#a0a;stroke-opacity:1;stroke-width:1;fill:#a0a;fill-opacity:1}.contents-map-level45{stroke:#6c008c;stroke-opacity:1;stroke-width:1;fill:#6c008c;fill-opacity:1}.contents-map-level50{stroke:#0c000c;stroke-opacity:1;stroke-width:1;fill:#0c000c;fill-opacity:1}ul.contents-area-breadcrumb{display:flex;margin:0;padding:0;list-style-type:none}ul.contents-area-breadcrumb li{display:flex;align-items:center;position:relative;height:34px;margin-right:11px;margin-left:11px;border-radius:5px 0 0 5px;font-size:.9rem}ul.contents-area-breadcrumb li a{display:flex;align-items:center;position:relative;height:100%;padding:0 18px;cursor:pointer;text-decoration:none}ul.contents-area-breadcrumb li:first-child{margin-left:0;background-color:#0060af}ul.contents-area-breadcrumb li:first-child a{color:#fff}ul.contents-area-breadcrumb li:first-child:before{content:"";position:absolute;top:6px;left:8px;width:4px;height:22px;border-radius:3px;background:#fff}ul.contents-area-breadcrumb li:first-child:after{content:"";top:0;right:-34px;position:absolute;width:0;height:0;border-top:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #0060af;z-index:-1}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:first-child a:after{content:"";display:inline-block;position:absolute;top:0;right:-1px;width:1px;height:100%;background-color:#0060af;border-radius:1px;z-index:-1}_:-ms-lang(x)::-ms-backdrop,ul.contents-area-breadcrumb li:first-child a:after{content:"";display:inline-block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:#0060af;z-index:-1}ul.contents-area-breadcrumb li:nth-child(2){background-color:#a3d4ff;border-radius:0}ul.contents-area-breadcrumb li:nth-child(2) a{color:#000}ul.contents-area-breadcrumb li:nth-child(2):before{content:"";top:0;left:-17px;position:absolute;width:0;height:0;border-top:17px solid #a3d4ff;border-right:17px solid transparent;border-bottom:17px solid #a3d4ff;border-left:17px solid transparent;z-index:-1}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:nth-child(2) a:before{content:"";display:inline-block;position:absolute;bottom:0;left:-16px;width:16px;height:1px;background-color:#a3d4ff;border-radius:1px;z-index:-1}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:nth-child(2) a:after{content:"";display:inline-block;position:absolute;top:0;right:-1px;width:1px;height:100%;background-color:#a3d4ff;border-radius:1px;z-index:-1}ul.contents-area-breadcrumb li:nth-child(2):after{content:"";top:0;right:-34px;position:absolute;width:0;height:0;border-top:17px solid transparent;border-right:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #a3d4ff;z-index:-1}ul.contents-area-breadcrumb li:nth-child(2):last-child:before{content:"";top:0;left:-17px;position:absolute;width:0;height:0;border-top:17px solid #a3d4ff;border-right:17px solid transparent;border-bottom:17px solid #a3d4ff;border-left:17px solid transparent;z-index:1}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:nth-child(2):last-child:after{content:"";display:inline-block;position:absolute;top:auto;bottom:0;left:-16px;right:auto;width:16px;height:1px;background-color:#a3d4ff;border:none;z-index:-1}ul.contents-area-breadcrumb li:nth-child(3){background-color:#dbeeff;color:#000}ul.contents-area-breadcrumb li:nth-child(3):before{content:"";top:0;left:-17px;position:absolute;width:0;height:0;border-top:17px solid #dbeeff;border-right:17px solid transparent;border-bottom:17px solid #dbeeff;border-left:17px solid transparent;z-index:1}ul.contents-area-breadcrumb li:last-child{margin-right:0;padding:0 18px;border-radius:0 5px 5px 0}ul.contents-area-breadcrumb li:last-child:after{content:none}ul.contents-area-breadcrumb li:first-child:last-child{margin-right:0;border-radius:5px;color:#fff}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:nth-child(3):last-child:after{content:"";display:inline-block;position:absolute;top:auto;bottom:0;left:-16px;right:auto;width:16px;height:1px;background-color:#dbeeff;border:none;z-index:-1}@media (max-width: 768px){ul.contents-area-breadcrumb{flex-wrap:wrap}ul.contents-area-breadcrumb li a{width:100%}ul.contents-area-breadcrumb li:nth-child(2){flex-grow:1;margin-right:0;border-radius:5px}ul.contents-area-breadcrumb li:nth-child(2):after{content:none}ul.contents-area-breadcrumb li:nth-child(3):last-child{width:100%;margin-left:0;margin-top:5px;border-radius:5px}ul.contents-area-breadcrumb li:nth-child(3):before{content:none}ul.contents-area-breadcrumb li:first-child:last-child{width:100%}_:lang(x)::-moz-placeholder,ul.contents-area-breadcrumb li:nth-child(3):last-child:after{content:none}}@media (max-width: 576px){ul.contents-area-breadcrumb li{font-size:.8rem;font-weight:700}ul.contents-area-breadcrumb li a{padding:0 5px}ul.contents-area-breadcrumb li:last-child{padding:0 5px}ul.contents-area-breadcrumb li:first-child a{padding:0 5px 0 18px}ul.contents-area-breadcrumb li:first-child:last-child{padding:0 5px 0 18px}} div.contents-wide-table{border:solid 1px black;margin-top:10px;margin-bottom:10px}div.contents-wide-table-body{position:relative}div.contents-wide-table-fix{position:absolute;overflow-x:hidden;z-index:1}div.contents-wide-table-scroll{overflow-x:auto;z-index:0;-webkit-overflow-scrolling:touch}div.contents-wide-table-scroll::-webkit-scrollbar{display:none}img.contents-wide-table-icon{position:absolute;z-index:2;width:30px;height:30px} .area-nav{display:flex;position:relative;width:100%;min-width:320px;margin-bottom:10px;box-shadow:0 1px 3px #d3d6dd;background-color:#0060af;-webkit-user-select:none;user-select:none}.area-nav a{position:relative;cursor:pointer}#unitmap-header .area-nav{box-shadow:none}.area-logo,.area-home,.area-map{height:50px}.area-logo{display:flex;align-items:center;padding-left:10px;padding-right:10px;background-color:#0060af;z-index:11}.area-logo img.area-icon{display:none;flex:none}.area-logo img:not(.area-icon){display:block;width:101px;height:40px}.area-home{display:flex;align-items:center;padding-right:10px;background-color:#0060af;z-index:11}#bosaitop-header .area-home{display:none}.area-map{display:flex;align-items:center;margin-right:10px;height:50px;background-color:#0060af;z-index:11}.area-toggle{display:none;align-items:center;width:50px;height:50px;background-color:#0060af;z-index:11}.area-toggle a{height:100%;width:100%;background-image:url('data:image/svg+xml,');background-size:30px;background-position:center;background-repeat:no-repeat;touch-action:none}@media (max-width: 1200px){.area-toggle{display:flex}.area-utility-active .area-toggle{background-color:#f9fafb}.area-utility-active .area-toggle a{background-image:url('data:image/svg+xml,')}}@media (max-width: 992px){.area-home,.area-map{display:none;position:absolute;top:59px;height:auto;padding-right:0;background-color:transparent;z-index:11}.area-home{left:10px}.area-map{left:62px}.area-utility-active .area-home,.area-utility-active .area-map{display:block}}@media (max-width: 767px){div:not(#unitmap-header) .area-nav{margin-bottom:15px}.area-logo{padding-left:0;padding-right:0}.area-logo a{padding:0 5px;background-color:#0060af}.area-logo img.area-icon{display:block;width:50px;height:50px}.area-logo img:not(.area-icon){display:none}}@media (max-width: 576px){.area-logo{height:40px}.area-logo a{padding-right:3px}.area-logo img.area-icon{width:40px;height:40px}.area-home,.area-map{top:51px}.area-home{left:5px}.area-map{left:45px}.area-toggle{height:40px;width:40px}.area-toggle a{background-size:25px}}@media (max-width: 992px) and (max-height: 500px){#unitmap-header .area-nav{background-color:transparent;box-shadow:none;justify-content:space-between;pointer-events:none;z-index:10}#unitmap-header .area-logo{margin-left:0;margin-right:0;padding-left:10px;padding-right:10px;background-color:#0060af;pointer-events:all}#unitmap-header .area-toggle,#unitmap-header.area-utility-active .area-nav{background-color:#0060af;pointer-events:all}#unitmap-header.area-utility-active .area-toggle{background-color:#f9fafb}.area-logo,.area-toggle{height:40px}.area-logo img.area-icon{width:40px;height:40px}.area-logo img:not(.area-icon){width:91px;height:36px}.area-home,.area-map{top:53px}.area-map{left:56px}.area-toggle{width:40px}.area-toggle a{height:25px;width:25px;background-size:contain;margin:auto}}@media (max-width: 767px) and (max-height: 500px){#unitmap-header .area-logo{padding-left:0;padding-right:0}}@media (max-width: 576px) and (max-height: 500px){.area-logo{padding:0 5px}.area-logo img.area-icon{display:block;width:40px;height:40px}.area-logo img:not(.area-icon){display:none}.area-home,.area-map{top:51px}.area-home{left:5px}.area-map{left:45px}}.area-pagetop{display:none;position:fixed;bottom:60px;right:10px;width:60px;height:60px;border:1px solid rgb(249,250,251);border-radius:50px;background-image:url('data:image/svg+xml,');background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer;opacity:.7;z-index:20}.header-background{position:absolute;top:50px;left:0;right:0;bottom:0;background-color:rgba(128,128,128,.5);cursor:pointer;z-index:9}.disable{opacity:.8}a.disabled{opacity:.8;pointer-events:none}.area-icon{height:42px;width:42px;touch-action:none}a.area-item-navy{padding-left:3px;padding-right:3px;color:#f9fafb;background-color:#0060af;background-image:-webkit-linear-gradient(top,rgb(0,96,175),rgb(0,62,112));background-image:linear-gradient(to bottom,#0060af,#003e70);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}a.area-item-navy.disabled{opacity:1;background-image:none;color:#303f4c}.area-active a.area-item-navy{color:#000;background-color:#f9fafb;background-image:none}li.area-item-white a,li.area-item-gray a{color:#000}li.area-item-white a.area-selected,li.area-item-gray a.area-selected,li.area-item-white a.selected,li.area-item-gray a.selected{color:#f9fafb;background-color:#0060af;background-image:-webkit-linear-gradient(top,rgb(0,96,175),rgb(0,62,112));background-image:linear-gradient(to bottom,#0060af,#003e70);cursor:inherit;pointer-events:none}a.area-category-elem-item{color:#000;background-color:#f9fafb}a.area-category-elem-item.selected{color:#f9fafb;background-color:#0060af;background-image:-webkit-linear-gradient(top,rgb(0,96,175),rgb(0,62,112));background-image:linear-gradient(to bottom,#0060af,#003e70);cursor:inherit;pointer-events:none}li.area-search-list-item{border:1px solid rgb(249,250,251);border-top:none}a.area-search-list-label{background-color:rgba(0,96,175,.8);color:#f9fafb}.area-test-message{position:absolute;top:50px;right:0;padding:3px 5px;background-color:#ff0;border-bottom:1px solid rgb(204,204,204);border-left:1px solid rgb(204,204,204);font-size:.8rem;font-weight:700;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;user-select:none;-webkit-user-select:none;pointer-events:none;z-index:1}@media (min-width: 993px){.area-reload a:hover:before{opacity:.7}.area-pagetop:hover{opacity:1}.area-icon:hover{opacity:.7}a.area-item-navy:hover{background-color:#f9fafb;background-image:none;color:#000}li.area-item-white:not(:first-child) a:hover,li.area-item-gray:not(:first-child) a:hover{color:#f9fafb;background-color:#0060af;background-image:none}a.area-category-elem-item:hover,a.area-category-elem-item.selected:hover{color:#f9fafb;background-color:#0060af;background-image:none}li.area-search-list-item:hover{border:1px solid rgb(204,204,204);border-top:none}a.area-search-list-label:hover{background-color:#f9fafb;color:#000}}@media (max-width: 992px){.area-pagetop{bottom:calc(env(safe-area-inset-bottom) + 10px);right:5px}}@media (max-width: 576px){.area-pagetop{width:45px;height:45px}.area-icon{width:35px;height:35px}.area-test-message,.header-background,#unitmap-header .header-background{top:40px}}@media (max-width: 992px) and (max-height: 500px){.area-pagetop{width:45px;height:45px}.area-icon{width:35px;height:35px}.area-test-message,.header-background{top:40px}#unitmap-header~.header-background{top:0}}@media (max-width: 576px) and (max-height: 500px){#unitmap-header~.header-background{top:0}}.area-dropdown{flex-grow:1;display:flex;align-items:center;border-left:1px solid #f9fafb;border-right:1px solid #f9fafb;height:50px}.area-dropdown.area-no-category .area-map-contents{border-right:none;max-width:initial}.area-dropdown.area-no-category .area-category{display:none}.area-megamenu{display:none;position:absolute;top:auto;left:0;width:100%;min-height:0;max-height:600px;border-top:1px solid rgb(204,204,204);overflow-y:auto;z-index:300}@media (-ms-high-contrast: none),(-ms-high-contrast: active){.area-megamenu{overflow-y:scroll}}img.area-contents-menu-icon{width:35px;height:35px;margin-right:5px;order:0}span.area-contents-menu-name{order:1;max-width:15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.area-contents>a,.area-map-contents>a{position:relative}.area-contents>a:before,.area-map-contents>a:before,li.area-select-list>a:before,li.area-category-list>a:before{content:"";position:absolute;bottom:8px;margin:0 auto;width:0;height:0;border-top:5px solid;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.area-contents.area-active>a:before,.area-map-contents.area-active>a:before,li.area-select-list.area-active>a:before,li.area-category-list.area-active>a:before{border-top:0;border-right:5px solid transparent;border-bottom:5px solid;border-left:5px solid transparent}.area-contents>a.disabled:before,.area-map-contents>a.disabled:before,li.area-select-list>a.disabled:before,li.area-category-list>a.disabled:before{border-top:5px solid transparent}.area-contents>a:before,.area-map-contents>a:before{left:calc(50% + 19px)}li.area-select-list>a:before,li.area-category-list>a:before{left:0;right:0}.area-contents,.area-map-contents{flex-grow:1;border-right:1px solid rgb(249,250,251);z-index:11}.area-contents>a.area-item-navy,.area-map-contents>a.area-item-navy{flex-grow:1;display:block;line-height:50px}.area-contents.area-active>.area-megamenu,.area-map-contents.area-active>.area-megamenu{display:block}.area-contents{width:40%}.area-map-contents{width:50%}ul.area-contents-menu{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin:0;padding:0;list-style-type:none;background-color:#f9fafb;border-bottom:1px solid rgb(204,204,204)}ul.area-contents-menu:nth-child(2n){background-color:#e4eef4}ul.area-contents-menu>li:first-child{display:flex;align-items:center;margin:0 0 0 5px;height:35px;width:100%}ul.area-contents-menu>li:not(:first-child){width:16.6%;margin:0 0 5px;padding:0 5px;height:35px}ul.area-contents-menu>li>a{display:flex;align-items:center;border-radius:20px}ul.area-contents-menu>li>a.area-contents-menu-group-name{pointer-events:none;cursor:inherit;text-shadow:-1px -1px 0 #fff,1px 1px 0 #d4d3d3;font-weight:bolder}.area-select{width:60%}ul.area-select-ul{display:flex;margin:0;padding:0;list-style-type:none}ul.area-select-ul>li{position:static;width:50%}ul.area-select-ul>li:first-child{border-right:1px dotted rgb(249,250,251)}ul.area-select-ul>li.area-active .area-megamenu{display:flex;flex-wrap:wrap;border-top:1px solid rgb(204,204,204)}ul.area-select-ul>li>a{display:block;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.area-select-menu{display:flex;align-content:flex-start;flex-wrap:wrap;flex-direction:row;width:50%;margin:0;padding:0;list-style-type:none;background-color:#f9fafb;border-bottom:1px solid rgb(204,204,204)}ul.area-select-menu:nth-child(odd){border-right:1px solid rgb(204,204,204)}ul.area-select-menu:nth-child(4n+2),ul.area-select-menu:nth-child(4n+3){background-color:#e4eef4}ul.area-select-menu>li:first-child{display:flex;align-items:center;margin:0 0 0 5px;height:35px;width:100%}ul.area-select-menu>li:first-child>a{pointer-events:none;text-shadow:-1px -1px 0 #fff,1px 1px 0 #d4d3d3;font-weight:bolder}ul.area-select-menu>li:first-child>a.area-center-link{pointer-events:all;text-shadow:none;font-weight:400;margin-left:auto;margin-right:5px;padding:0 10px;border-radius:20px;color:#007bff}ul.area-select-menu>li:first-child>a.area-center-link.selected{color:#fff}ul.area-select-menu>li:not(:first-child){border-right:1px solid rgb(204,204,204);margin:0 0 5px 10px}ul.area-select-menu>li:not(:first-child)>a{max-width:15.5rem;border-radius:20px;padding:0 10px;margin:0 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.area-select-menu>li:last-child{border-right:none}.area-category{flex-grow:1;width:50%;z-index:11}ul.area-category-ul{display:flex;margin:0;padding:0;list-style-type:none}ul.area-category-ul>li{position:relative;border-right:1px dotted rgb(204,204,204);text-align:center;flex-grow:1;min-width:50%}ul.area-category-ul>li:last-child{border-right:none}ul.area-category-ul>li.area-active .area-megamenu{display:block;border-top:1px solid rgb(204,204,204)}ul.area-category-ul>li>a{display:block;line-height:50px;white-space:nowrap}ul.area-category-menu{display:flex;flex-direction:column;max-height:500px;max-width:100%;margin:0;padding:0;list-style-type:none}ul.area-category-menu>li>a{display:block;width:100%;padding:5px;text-align:left;border-bottom:1px solid rgb(204,204,204)}ul.area-category-menu>li>a:not(.area-category-elem-item){border-bottom:none;background-color:#e4eef4;color:#000;font-weight:700;cursor:auto}ul.area-category-menu>li:last-child>a{border-bottom:none}ul.area-category-menu>li:not(:first-child)>a:not(.area-category-elem-item){border-top:1px solid rgb(204,204,204)}ul.area-category-menu>li>ul{margin:0;padding:0;list-style-type:none;background-color:#f9fafb}ul.area-category-menu>li>ul>li>a{display:block;padding:5px;text-align:left;border-bottom:1px dotted rgb(204,204,204)}ul.area-category-menu>li>ul>li:first-child>a{border-top:1px solid rgb(204,204,204)}ul.area-category-menu>li>ul>li:last-child>a{border-bottom:none}.area-menu-selector{display:none;position:absolute;right:5px;top:45px;max-width:calc(43% - 10px);min-width:100px;font-size:.85rem;z-index:9}.area-menu-selector select{position:relative;width:100%;padding:5px 20px 5px 2px;background-image:none;background-color:rgba(255,255,255,.9);border-radius:3px;border-color:#0060af;box-shadow:none;outline:none;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none}.area-menu-selector select option{text-overflow:ellipsis;width:100%}.area-menu-selector select:focus{color:red;border-color:red}.area-menu-selector:after{content:none;display:none;position:absolute;right:5px;top:14px;border-top:5px solid;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}@media (max-width: 1600px){ul.area-contents-menu>li:not(:first-child){width:20%}}@media (max-width: 1200px){ul.area-contents-menu>li:not(:first-child){width:25%}}@media (min-width: 993px){ul.area-select-menu>li:first-child>a.area-center-link:hover{color:#f9fafb;background-color:#0060af}}@media (max-width: 992px){.area-megamenu{max-height:500px;-webkit-overflow-scrolling:touch}ul.area-contents-menu>li:first-child~li{display:none}ul.area-contents-menu>li:not(:first-child){width:50%;margin:0 0 5px;padding:0 0 0 5px;overflow:hidden}ul.area-contents-menu>li:not(:first-child)>a{padding:0 10px 0 0}ul.area-contents-menu>li>a.area-contents-menu-group-name{pointer-events:all;cursor:pointer;padding-left:25px;flex-grow:1}ul.area-contents-menu.area-group-active>li:first-child~li{display:flex}ul.area-select-menu{width:100%}ul.area-select-menu:nth-child(odd){border-right:none}ul.area-select-menu:nth-child(4n+2),ul.area-select-menu:nth-child(4n+3){background-color:#f9fafb}ul.area-select-menu:nth-child(2n){background-color:#e4eef4}ul.area-select-menu>li:first-child>a:not(.area-center-link){flex-grow:1;pointer-events:all;cursor:pointer;padding-left:25px}ul.area-select-menu>li:first-child~li{display:none}ul.area-select-menu>li:not(:first-child){width:50%;margin:0;padding:0 0 5px 5px;border-right:none}ul.area-select-menu>li:not(:first-child):nth-child(2n){border-right:1px solid rgb(204,204,204)}ul.area-select-menu>li>a{padding:0}ul.area-select-menu.area-group-active>li:first-child~li{display:flex}ul.area-contents-menu>li>a.area-contents-menu-group-name:before,ul.area-select-menu>li:first-child>a:not(.area-center-link):before{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";width:20px;height:20px;border:2px solid rgb(0,96,175);border-radius:10px}ul.area-contents-menu>li>a.area-contents-menu-group-name:after,ul.area-select-menu>li:first-child>a:not(.area-center-link):after{position:absolute;top:9px;bottom:0;left:5px;content:"";width:3px;height:10px;border:5px solid transparent;border-top:7px solid rgb(0,96,175)}ul.area-contents-menu.area-group-active>li:first-child>a:after,ul.area-select-menu.area-group-active>li:first-child>a:not(.area-center-link):after{top:3px;border:5px solid transparent;border-bottom:7px solid rgb(0,96,175)}}@media (max-height: 768px){.area-megamenu{max-height:350px}}@media (max-height: 576px){.area-megamenu{max-height:200px}}@media (max-width: 767px){.area-contents{max-width:40%}.area-map-contents{max-width:50%}.area-category{width:50%}.area-dropdown{max-width:calc(100% - 110px)}}@media (max-width: 576px){.area-dropdown{max-width:calc(100% - 85px);height:40px}.area-category{z-index:9}.area-megamenu{max-height:400px}.area-map-contents{width:100%;max-width:100%;border-right:none}img.area-contents-menu-icon{width:25px;height:25px;margin-right:3px}span.area-contents-menu-name{max-width:15rem}.area-contents>a.area-item-navy,.area-map-contents>a.area-item-navy,ul.area-select-ul>li>a.area-item-navy{font-size:.85rem;font-weight:700;line-height:40px}.area-contents>a:before,.area-map-contents>a:before{left:0;right:0;bottom:6px}li.area-select-list>a:before,li.area-category-list>a:before{bottom:6px}ul.area-select-menu>li>a,ul.area-contents-menu>li>a,ul.area-category-menu>li{font-size:.85rem}ul.area-select-menu>li:first-child,ul.area-contents-menu>li:first-child{height:30px}ul.area-select-menu>li:first-child>a,ul.area-contents-menu>li>a.area-contents-menu-group-name{line-height:30px}ul.area-contents-menu>li>a.area-contents-menu-group-name:after,ul.area-select-menu>li:first-child>a:not(.area-center-link):after{top:12px}ul.area-contents-menu.area-group-active>li:first-child>a:after,ul.area-select-menu.area-group-active>li:first-child>a:not(.area-center-link):after{top:6px}ul.area-contents-menu>li:not(:first-child){height:25px}ul.area-contents-menu>li:not(:first-child)>a{height:25px;line-height:25px;padding:0 5px 0 0}ul.area-select-menu>li:not(:first-child)>a{padding:0 5px;margin:0}.area-category{display:none}ul.area-category-ul>li{display:flex;justify-content:space-between}ul.area-category-ul>li>a.area-item-navy{line-height:20px;font-size:12px;background-color:transparent;background-image:none;pointer-events:none;cursor:inherit;color:#000;z-index:1}ul.area-category-ul>li>a.area-item-navy:before{content:none}ul.area-category-menu{flex-direction:row;flex-wrap:wrap;max-height:300px}ul.area-category-menu>li{width:50%;display:flex;flex-wrap:wrap}ul.area-category-menu>li>ul{width:100%}ul.area-category-menu>li:first-child>a,ul.area-category-menu>li:nth-child(2)>a{border-top:1px solid rgb(204,204,204)}ul.area-category-menu>li:nth-child(odd){border-left:1px solid rgb(204,204,204)}ul.area-category-menu>li:nth-child(2n)>a{border-left:1px solid rgb(204,204,204);border-right:1px solid rgb(204,204,204)}ul.area-category-menu>li:nth-child(2n)>ul{align-self:flex-start}ul.area-category-menu>li:nth-child(2n)>ul>li>a{border-left:1px solid rgb(204,204,204)}ul.area-category-menu>li:last-child>a{border-right:1px solid rgb(204,204,204);border-bottom:1px solid rgb(204,204,204)}ul.area-category-menu>li.area-group-list{align-self:flex-start}ul.area-category-menu>li.area-group-list:last-child>a{border-bottom:none}.area-menu-selector{display:block}.area-menu-selector:after{content:"";display:block}.area-utility-active .area-category{display:block;position:absolute;top:140px;left:0;width:100%}.area-utility-active .area-category .area-megamenu{display:block;position:relative;padding:0 10px;border-top:none;z-index:8}.area-utility-active ul.area-category-ul{flex-direction:column;margin:5px 0}.area-utility-active ul.area-category-ul>li{width:100%}.area-utility-active ul.area-category-ul>li:nth-child(n+2){margin-top:1em}.area-utility-active ul.area-category-ul>li>a{display:none}.area-utility-active .area-menu-selector{display:none}.area-utility-active:not(#unitmap-header) .area-category{background-color:rgba(0,96,175,.8);box-shadow:0 4px 3px #ccc}}@media (max-width: 992px) and (max-height: 500px){.area-dropdown{height:40px;max-width:calc(100% - 85px)}#unitmap-header .area-dropdown{display:none}#unitmap-header.area-utility-active .area-dropdown{display:flex}.area-megamenu{max-height:200px}img.area-contents-menu-icon{width:25px;height:25px;margin-right:3px}.area-contents>a.area-item-navy,.area-map-contents>a.area-item-navy,ul.area-select-ul>li>a.area-item-navy,ul.area-category-ul>li>a{font-size:.85rem;font-weight:700;line-height:40px}.area-contents>a:before,.area-map-contents>a:before{left:0;right:0;bottom:6px}li.area-select-list>a:before,li.area-category-list>a:before{bottom:6px}ul.area-select-menu>li>a,ul.area-contents-menu>li>a,ul.area-category-menu>li{font-size:.85rem}ul.area-select-menu>li:first-child,ul.area-contents-menu>li:first-child{height:30px}ul.area-select-menu>li:first-child>a,ul.area-contents-menu>li>a.area-contents-menu-group-name{line-height:30px}ul.area-contents-menu>li>a.area-contents-menu-group-name:after,ul.area-select-menu>li:first-child>a:not(.area-center-link):after{top:12px}ul.area-contents-menu.area-group-active>li:first-child>a:after,ul.area-select-menu.area-group-active>li:first-child>a:not(.area-center-link):after{top:6px}ul.area-contents-menu>li:not(:first-child){height:25px}ul.area-contents-menu>li:not(:first-child)>a{height:25px;line-height:25px;padding:0 5px 0 0}ul.area-category-menu{max-height:200px}ul.area-select-menu>li:not(:first-child)>a{padding:0 5px;margin:0}}@media (max-width: 576px) and (max-height: 500px){.area-megamenu{max-height:200px}.area-utility-active ul.area-category-menu{max-height:100px}.area-menu-selector{display:block}.area-menu-selector:after{content:""}}.area-items{display:flex;align-items:center;padding-left:10px;background-color:#0060af;z-index:11}.area-gps,.area-reload,.area-download,.area-print,.area-question,.area-sns,.area-search{margin-right:10px}.area-gps-searching:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.3);z-index:15}.area-gps-searching:after{content:attr(title);display:inline-block;position:fixed;top:55px;left:50%;transform:translate(-50%);padding:15px;background-color:rgba(0,96,175,.8);border-radius:5px;box-shadow:0 0 20px #ddd;font-weight:700;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;z-index:20;white-space:nowrap}.bosaitop-pro .area-question a.area-question-active:before{border-bottom:15px solid rgb(64,86,106)}.area-question a{display:block}.area-question a.area-question-active:before{content:"";position:absolute;bottom:-10px;left:7px;width:0;height:0;border-top:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid rgb(0,96,175);border-left:15px solid transparent;pointer-events:none;z-index:3}.area-sns img{width:30px;height:30px}.area-search{width:250px}.area-search>a{display:none}.area-search>a>img{width:30px;height:30px}.area-search form{width:100%;position:relative}.area-search form input[type=text]{min-width:100%;max-width:100%;min-height:30px;padding:2px 2px 2px 22px;border-radius:5px;border:1px solid rgb(126,157,185);outline:none}.area-search form input[type=text]:active{outline:none}.area-search form:not(#cse-search-box):before{content:"";display:inline-block;position:absolute;top:0;bottom:0;left:2px;height:20px;width:20px;margin:auto 0;background-image:url('data:image/svg+xml,');background-size:contain;background-repeat:no-repeat}.area-search .area-search-dropdown{display:none;position:absolute;top:30px;left:0;border-top:1px solid #f9fafb;width:100%}.area-search .area-search-dropdown .area-search-list{display:block;margin:0;padding:0;list-style-type:none}.area-search .area-search-dropdown .area-search-list li{display:flex;align-items:center;width:100%}.area-search .area-search-dropdown .area-search-list li a{display:block;padding:5px;width:100%;word-break:break-all}.area-search .area-search-dropdown .area-search-list li.area-search-selected a{background-color:#0060af}.area-utility-active#unitmap-header:before{content:none;position:absolute;left:0;right:0;background-color:rgba(0,96,175,.8);overflow:hidden;z-index:3}@media (max-width: 1200px){.area-items{display:none;justify-content:flex-end;position:absolute;top:50px;left:0;right:0;padding:8px 10px;border-top:1px solid rgb(249,250,251);background-color:rgba(0,96,175,.8);box-shadow:0 3px 3px #ccc;overflow:hidden;z-index:6}.area-search{margin-right:0}.area-search form input[type=text]{min-height:42px}.area-utility-active .area-items{display:flex}.bosaitop-pro .area-utility-active .area-items{background-color:rgba(64,86,106,.8)}}@media (max-width: 767px){.area-items{flex-wrap:wrap}.area-print{display:none}.area-search{width:100%;margin-top:10px}.area-sns{margin-right:0}}@media (max-width: 576px){.area-items{top:40px;padding:10px 5px}#unitmap-adsarea.unitmap-noads~#unitmap-header.area-utility-active:before{bottom:0}#unitmap-adsarea.unitmap-pcmode~#unitmap-header.area-utility-active:before{bottom:0}#unitmap-header .area-items{background-color:transparent;box-shadow:none;z-index:9}#unitmap-header.area-utility-active:before{content:"";top:40px;bottom:50px}.area-gps,.area-reload,.area-download{margin-right:5px}.area-question a.area-question-active:before{left:3px}.area-search form input[type=text]{height:35px}.area-search .area-search-dropdown{top:35px;font-size:.9rem}.area-search .area-search-dropdown .area-search-list{display:flex;flex-wrap:wrap}.area-search .area-search-dropdown .area-search-list li{width:50%;align-items:stretch}.area-search .area-search-dropdown .area-search-list li:nth-child(2n){border-left:none}.area-search .area-search-dropdown .area-search-list li:first-child:last-child{width:100%}}@media (max-width: 334px){#unitmap-header.area-utility-active:before{top:40px;bottom:0}}@media (max-width: 992px) and (max-height: 500px){.area-items{top:40px}.area-print{display:none}#unitmap-header .area-items{background-color:transparent;box-shadow:none;z-index:9}#unitmap-header.area-utility-active:before{content:"";top:40px;bottom:0}} #calcmap{width:5px;height:5px;display:none} .week-table-container{text-align:center}table.forecast-table tr:not(.contents-title) th,table.forecast-table td{text-align:center}table.forecast-table td.forecast-sentence{text-align:left;padding-left:5px;padding-right:5px}table.forecast-table p{margin-top:10px;margin-bottom:10px}table.forecast-table p.forecast-header,tr.contents-header th.forecast-date,div.contents-block th.forecast-area,div.forecast-area{font-weight:700}th.forecast-saturday{color:#00f}th.forecast-sunday,td.forecast-max-temp,span.forecast-max-temp{color:red}td.forecast-min-temp,span.forecast-min-temp{color:#00f}td.forecast-rel-b{background-color:#dbdbdb}td.forecast-rel-c{background-color:silver}img.forecast-icon{width:60px;height:40px}table.forecast-map-panel{width:150px;background-color:#fff;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.2)}table.forecast-map-panel th,table.forecast-map-panel td{text-align:center;font-size:16px;font-weight:400}th.forecast-map-panel-title{background-color:#6060c0;color:#fff;border-radius:8px 8px 0 0;white-space:normal}td.forecast-map-panel-point{white-space:normal}img.forecast-map-panel-image{width:90px;height:60px}td.forecast-map-panel-pop{padding-top:5px;border-top:solid 1px #e0e0e0}table.forecast-map-panel-en th,table.forecast-map-panel-en td{font-size:14px;line-height:1.4em}div.forecast-map-weather-100{background-color:#fa0}div.forecast-map-weather-200{background-color:#b0b0b0}div.forecast-map-weather-300{background-color:#8080ff}div.forecast-map-weather-400{background-color:#fff}div.forecast-map-weather-missing{background-color:#606060}div.forecast-map-radio-caption{display:inline-block;margin-right:9px}div.link-button{width:auto;margin-top:0}div.link-buttons{display:flex} table.warning-table tr:not(.contents-title) th,table.warning-table td{text-align:center}table.warning-table td.warning-summary-sentence{text-align:left;padding-left:5px;padding-right:5px}table.warning-table th.warning-clickable,table.warning-table td.warning-clickable{text-decoration:underline}div.warning-summary-box{padding:2px;margin:2px;border:solid 1px black;float:left}div.warning-summary-clickable{color:red;font-weight:700;padding:2px;margin:2px;float:left}div.warning-next-box{width:16px;height:16px;margin-left:3px;border:solid 1px black;display:inline-block;line-height:12px;text-align:center}div.contents-block th.contents-level50,div.contents-block td.contents-level50{border:solid 1px rgb(128,128,128)} #jma-common-adsarea{text-align:center;right:10px;position:absolute}#jma-common-adsarea.jma-common-spmode>.ad-pc{display:none}#jma-common-adsarea.jma-common-pcmode>.ad-sp{display:none}#jma-common-adsarea.jma-common-spmode>#jma-common-aderase{display:none}.jma-common-adcontainer{display:block}.jma-common-adcontainer p{margin-bottom:0;text-align:right}.jma-common-ads{height:254.5px;width:304.5px;right:10px;display:inline-block;border:2.25px black solid;box-shadow:inset -2px 2px #000,inset 2px -2px #000}.jma-common-ads>iframe{width:100%;height:100%;border:none}.ad-pc_Area{width:304.5px;height:254.5px}.ad-sp_Area{width:324.5px;height:104.5px}.ad-sp{display:none}#jma-common-aderase{bottom:10px;position:fixed;right:10px;cursor:pointer;background-color:#dbeeff;padding:5px;border-radius:5px;border:2px solid #dbeeff}#jma-common-aderase>#jma-common-sperase{display:none}@media (max-width:768px){#jma-common-adsarea{text-align:center;float:none;position:inherit;margin-bottom:-24px;margin-top:-10px}#jma-common-adsarea~.container>div{max-width:720px}.jma-common-adcontainer{display:inline-block}.jma-common-adcontainer p{float:inherit;text-align:left;margin-left:calc(50% + 115px)}.jma-common-ads{height:54.5px;width:324.5px;display:inline-block}.ad-pc{display:none}.ad-sp{display:block}#jma-common-aderase{padding:1px 5px;position:relative;left:-150px;top:-82px;border:inherit;font-weight:700;font-size:16px;background-color:#0060af}#jma-common-adsarea.jma-common-pcmode{display:none}#jma-common-aderase>#jma-common-pcerase{display:none}#jma-common-aderase>#jma-common-sperase{display:inline;color:#fff}#jma-common-adsarea.jma-common-pcmode>#jma-common-aderase{display:none}#jma-common-adsarea.jma-common-spmode>#jma-common-aderase{display:inline}}.closeArea{display:none} "use strict";(()=>{var T=(c,i)=>()=>(i||c((i={exports:{}}).exports,i),i.exports);var B=T(C=>{(function(c){c.JMAmapPS=c.JMAmapPS||{};var i=c.JMAmapPS,n=null,l=null,f=null,w={},M=null,d=null,E=["develop","bosai","botei","example"],J=!1;i.suggest=function(a){M=a.success,d=a.fail;var r=location.href.split("/");J=E.indexOf(r[r.length-2])>=0,f=a.basePath||"../",navigator.geolocation.getCurrentPosition(S,_,{timeout:1e4})};var S=function(a){var r=a.coords,t=[r.latitude,r.longitude],s=r.accuracy,e=new XMLHttpRequest;e.onloadend=function(){n=JSON.parse(e.responseText);var o=document.createElement("div");o.setAttribute("id","calcmap"),document.body.appendChild(o),l=L.map("calcmap",{zoomControl:!1,attributionControl:!1}).setView(t,18),b(t,s)},n?b(t,s):(e.open("GET",f+"common/const/class20relm.json"),e.send())},_=function(a){d?d(a):console.log(a)},b=function(a,r){var t={},s=null,e=1e5,o=!1,v=l.getBounds();for(var u in n){P(v,n[u].ne,n[u].sw)&&(t[n[u].name]=f+"common/const/geojson/class20s/"+u+".json");var h=[(n[u].ne[0]+n[u].sw[0])*.5,(n[u].ne[1]+n[u].sw[1])*.5],p=q(a,h);p=2&&(e=t.flatten(Array.prototype.slice.call(arguments,1))),t.each(n,function(u,i){t.contains(e,u)&&(r[u]=i)}),r},choice:function(n,e){var r=t.deepClone(n);return typeof e!="function"?r:t.chain(r).toArray().filter(function(u){return e(u[0],u[1])}).toHash().value()},omit:function(n,e){var r={};return arguments.length>=2&&(e=t.flatten(Array.prototype.slice.call(arguments,1))),t.each(n,function(u,i){t.contains(e,u)||(r[u]=i)}),r},find:function(n,e){var r=null;return t.each(n,function(u){if(e(u))return r=u,!1}),r},filter:function(n,e){var r=[];return t.each(n,function(u,i){e(u,i)&&r.push(u)}),r},groupBy:function(n,e){var r={};return t.each(n,function(u){var i=e(u);r[i]=r[i]||[],r[i].push(u)}),r},count:function(n,e){var r=0;return t.each(n,function(u,i){e(u,i)&&(r+=1)}),r},countBy:function(n,e){var r={};return t.each(n,function(u){var i=e(u);r[i]=r[i]||0,r[i]+=1}),r},sortBy:function(n,e){e||(e=function(u){return u});var r=Array.prototype.sort.call(n,function(u,i){var s=e(u),p=e(i);if(s instanceof Array&&p instanceof Array){var y=t.find(t.zip(s,p),function(_){if(_[0]!==_[1])return!0});if(!y)return 0;s=y[0],p=y[1]}return s===p?0:s>p?1:-1});return r},template:function(n,e){var r,u,i=n;for(u in e)Object.prototype.hasOwnProperty.call(e,u)&&(r=new RegExp("","g"),i=i.replace(r,e[u]));return i},contains:function(n,e){var r=!1;return t.each(n,function(u){if(u===e)return r=!0,!1}),r},compact:function(n){if(t.isArrayLike(n)){var e=[];return t.each(n,function(r){r&&e.push(r)}),e}return t.chain(n).toArray().reject(function(r){return t.invalid(r[1])}).toHash().value()},reduce:function(n,e,r){var u=e;return t.each(n,function(i){u=r(u,i)}),u},some:function(n,e){return t.reduce(n,!1,function(r,u){return r||e(u)})},all:function(n,e){return t.reduce(n,!0,function(r,u){return r&&e(u)})},reject:function(n,e){return t.filter(n,function(r,u){return!e(r,u)})},flatten:function(n,e,r){var u=r||[];if(!t.isArrayLike(n)){u.push(n);return}if(t.valid(e)&&e=n.length?n:Array.prototype.slice.call(n,n.length-e,n.length)},drop:function(n,e){var r=[];return t.invalid(e)?n:e>=n.length?[]:(t.each(n,function(u,i){i=L.getTime()?r=e.getUTCFullYear()-L.getUTCFullYear()+1:e.getTime()>=V.getTime()&&(r=e.getUTCFullYear()-V.getUTCFullYear()+1),r===1?"\u5143":r},W=function(n,e){return n6?"":e==="en"?cn[n]:an[n]},D=function(n){return String(n).replace(/0/g,"\uFF10").replace(/1/g,"\uFF11").replace(/2/g,"\uFF12").replace(/3/g,"\uFF13").replace(/4/g,"\uFF14").replace(/5/g,"\uFF15").replace(/6/g,"\uFF16").replace(/7/g,"\uFF17").replace(/8/g,"\uFF18").replace(/9/g,"\uFF19")};var F=function(n){var e=new Date(n);return e.setDate(e.getDate()-1),e},Y=function(n){return n.getUTCHours()===0&&n.getUTCMinutes()===0};B=function(n,e,r){var u=S,i=new Date(n.getTime());return typeof r!="undefined"&&(u=r),i.setHours(i.getHours()+u),e.replace(/%DATE/g,"%Y%m%d%H%M").replace(/%Yp/g,function(){return U((Y(i)?F(i):i).getUTCFullYear(),4)}).replace(/%Y/g,function(){return U(i.getUTCFullYear(),4)}).replace(/%mp/g,function(){return U((Y(i)?F(i):i).getUTCMonth()+1,2)}).replace(/%m/g,function(){return U(i.getUTCMonth()+1,2)}).replace(/%EFmp/g,function(){return tn[(Y(i)?F(i):i).getUTCMonth()]}).replace(/%ESmp/g,function(){return un[(Y(i)?F(i):i).getUTCMonth()]}).replace(/%EFm/g,function(){return tn[i.getUTCMonth()]}).replace(/%ESm/g,function(){return un[i.getUTCMonth()]}).replace(/%dp/g,function(){return U((Y(i)?F(i):i).getUTCDate(),2)}).replace(/%d/g,function(){return U(i.getUTCDate(),2)}).replace(/%Hp/g,function(){return Y(i)?"24":U(i.getUTCHours(),2)}).replace(/%H/g,function(){return U(i.getUTCHours(),2)}).replace(/%M/g,function(){return U(i.getUTCMinutes(),2)}).replace(/%S/g,function(){return U(i.getUTCSeconds(),2)}).replace(/%GG/g,function(){return K(i)}).replace(/%GY/g,function(){return D(Q(i))}).replace(/%Zm/g,function(){return D(i.getUTCMonth()+1)}).replace(/%Zd/g,function(){return D(i.getUTCDate())}).replace(/%ZH/g,function(){return D(i.getUTCHours())}).replace(/%ZM/g,function(){return D(i.getUTCMinutes())}).replace(/%2ZH/g,function(){return D(U(i.getUTCHours(),2))}).replace(/%2ZM/g,function(){return D(U(i.getUTCMinutes(),2))}).replace(/%ZS/g,function(){return D(i.getUTCSeconds())}).replace(/%W/g,function(){return W(i.getUTCDay())}).replace(/%EW/g,function(){return W(i.getUTCDay(),"en").slice(0,3)})},X=function(n){n.forEach(function(e){$.ajax({url:e.html}).done(function(r){$("#"+e.id).append($(r)),e.scripts instanceof Array&&e.scripts.forEach(function(u){var i=document.createElement("script");i.src=u,i.type="application/javascript",document.getElementsByTagName("body")[0].appendChild(i)})})})},k=function(n,e,r){var u=r,i=e;typeof u=="undefined"&&(u={}),typeof i=="undefined"&&(i=function(){console.log("\u30B3\u30FC\u30EB\u30D0\u30C3\u30AF\u95A2\u6570\u304C\u4E0E\u3048\u3089\u308C\u3066\u3044\u307E\u305B\u3093\u3002: loadFile")}),$.ajax({url:n}).done(function(s){i(t.template(s,u))}).fail(function(){i("")})},q=function(n,e){var r=document.createElement("script");e=e||n.replace(/[\/\?=&]/g,""),$("#"+e).remove(),r.src=n,r.id=e,r.type="application/javascript",document.getElementsByTagName("body")[0].appendChild(r)},nn=function(){var n=["centers","offices","class10s","class15s","class20s"],e=n.length,r=function(c){var a;for(a=0;a

 www.jma.go.jp

気象庁の天気予報。上記リンクは札幌市(石狩地方)。

JSON でデータを取得する場合は
https://www.jma.go.jp/bosai/forecast/data/forecast/016000.json
このような形式。

NTPサーバ

pool.ntp.org: プールを利用するためにNTPを設定する方法は? join the pool use the pool manage servers どうやったらpool.ntp.orgを利用出来るのでしょうか? 単にあなたのコンピュータをネットワークに同期させたい場合は、設定ファイルは非常に簡単です。 (ntp.org ディストリビューションにあるntpdもしくは、他にNTPをサポートする Linux、*BSD、WindowsやあまりなじみのないOSなどでも)

 www.ntppool.org

SPAMにならないように、呼び方は工夫。loop で呼ばないのは絶対。開発中の setup も気をつける。