PageSourceSearch

https://www.jrhokkaido.co.jp/assets/js/common.js

js jrhokkaido.co.jp collected 2026-10-02 04:53:03 UTC 40,168 bytes, 658 lines download raw bytes

1const cmn__ = {
2  header: function (args = []) {
3    const logo_tag = args.logo_tag || 'h2';
4    document.write(`
5        <header id="g-header" class="g-header">
6
7    <${logo_tag} class="g-header__logo">
8      <a href="/">
9        <img src="/assets/images/logo.svg" alt="JR北海道">
10      </a>
11    </${logo_tag}>
12
13    <nav class="g-nav">
14      <div class="g-nav__container">
15        <ul class="g-nav__menu">
16
17          <li class="g-nav__menu__item">
18
19            <button type="button" data-panel-href="train" class="g-nav__menu__btn --train">鉄道・きっぷ</button>
20
21            <div data-panel-id="train" class="g-nav__panel --train">
22              <div class="g-nav__panel__close"></div>
23              <div class="g-nav__panel__container">
24                <div class="g-nav__panel__content">
25                  <div class="g-nav__panel__header">
26                    <a href="/network/index.html" class="g-nav__panel__heading --train">鉄道・きっぷ</a>
27                  </div>
28                  <ul class="g-nav__panel__nav">
29                    <li>
30                      <a href="https://jrhokkaidonorikae.com" class="g-nav__panel__nav__btn">
31                        <span class="g-nav__panel__nav__btn__icon icon-transfer --transfer"></span>
32                        <p class="g-nav__panel__nav__btn__text">乗換・運賃</p>
33                      </a>
34                    </li>
35                    <li>
36                      <a href="https://jrhokkaidonorikae.com/linelist/linelist.php" class="g-nav__panel__nav__btn">
37                        <span class="g-nav__panel__nav__btn__icon icon-time2 --time"></span>
38                        <p class="g-nav__panel__nav__btn__text">列車名/<br>路線名から<br>時刻検索</p>
39                      </a>
40                    </li>
41                    <li>
42                      <a href="https://jrhokkaidonorikae.com/map/map.php" class="g-nav__panel__nav__btn">
43                        <span class="g-nav__panel__nav__btn__icon icon-route --route"></span>
44                        <p class="g-nav__panel__nav__btn__text">路線図から<br>時刻検索</p>
45                      </a>
46                    </li>
47                    <li>
48                      <a href="https://www.eki-net.com/personal/top/index" target="_blank" class="g-nav__panel__nav__btn --ekinet">
49                        <img src="/assets/images/logo-ekinet.svg" alt="えきねっと">
50                      </a>
51                    </li>
52                    <li>
53                      <a href="/network/shiteiseki/index.html" class="g-nav__panel__nav__btn">
54                        <span class="g-nav__panel__nav__btn__icon icon-machine --machine"></span>
55                        <p class="g-nav__panel__nav__btn__text">指定席・<br>券売機</p>
56                      </a>
57                    </li>
58                    <li>
59                      <a href="/train/index.html" class="g-nav__panel__nav__btn">
60                        <span class="g-nav__panel__nav__btn__icon icon-train --train"></span>
61                        <p class="g-nav__panel__nav__btn__text">列車ガイド</p>
62                      </a>
63                    </li>
64                  </ul>
65                  <div class="g-nav__panel__content__block">
66                    <div class="g-nav__panel__menu">
67                      <p data-panel-menu-href="train-01" class="g-nav__panel__menu__heading">駅の情報・時刻表</p>
68                      <ul data-panel-menu-id="train-01" class="g-nav__panel__menu__list">
69                        <li><a href="/network/station/station.html">駅の情報検索(各駅時刻表など)</a></li>
70                        <li><a href="https://jrhokkaidonorikae.com">乗換・運賃・時刻検索</a></li>
71                        <li><a href="https://jrhokkaidonorikae.com/map/map.php">路線図から時刻検索</a></li>
72                        <li><a href="https://jrhokkaidonorikae.com/linelist/linelist.php">列車名/路線名から時刻検索</a></li>
73                        <li><a href="https://jrhokkaidonorikae.com/pc/instructions/instructions.html" target="_blank">時刻検索 操作マニュアル</a></li>
74                        <li><a href="/network/tel/eki.html">JR北海道のおもな駅</a></li>
75                      </ul>
76                    </div>
77                    <div class="g-nav__panel__menu">
78                      <p data-panel-menu-href="train-02" class="g-nav__panel__menu__heading">きっぷのご案内</p>
79                      <ul data-panel-menu-id="train-02" class="g-nav__panel__menu__list">
80                        <li><a href="/ekinet_jrticket/">えきねっと</a></li>
81                        <li><a href="/CM/Otoku/index.html">おトクなきっぷ</a></li>
82                        <li><a href="/kitaca/index.html">Kitaca</a></li>
83                        <li><a href="http://www3.jrhokkaido.co.jp/teiki/asp/TI010.aspx">定期運賃検索</a></li>
84                        <li><a href="/network/kayo/index.html">特急定期券かよエール+(プラス)</a></li>
85                        <li><a href="https://jrhokkaido-epass.jp/" target="_blank">スマホ定期券・スマホ乗車券</a></li>
86                        <li><a href="https://jrhokkaido-epass.jp/limited-express-pass.html" target="_blank">特急e-Pass</a></li>
87                        <li><a href="/network/guide/index.html">きっぷのルール</a></li>
88                        <li><a href="/network/shiteiseki/index.html">指定席券売機/話せる券売機</a></li>
89                      </ul>
90                    </div>
91                  </div>
92                  <div class="g-nav__panel__content__block">
93                    <div class="g-nav__panel__menu">
94                      <p data-panel-menu-href="train-03" class="g-nav__panel__menu__heading">列車のご案内</p>
95                      <ul data-panel-menu-id="train-03" class="g-nav__panel__menu__list">
96                        <li><a href="https://www.jr.cyberstation.ne.jp/" target="_blank">列車空席案内(JRサイバーステーション)</a></li>
97                        <li><a href="/network/manner/index.html">JR北海道マナーガイド</a></li>
98                        <li><a href="/train/index.html">列車ガイド(列車編成・設備など)</a></li>
99                        <li><a href="/network/barrier/index.html">お身体の不自由なお客様へ</a></li>
100                      </ul>
101                    </div>
102                    <div class="g-nav__panel__menu">
103                      <p data-panel-menu-href="train-04" class="g-nav__panel__menu__heading">その他のご案内</p>
104                      <ul data-panel-menu-id="train-04" class="g-nav__panel__menu__list">
105                        <li><a href="/network/pt/pt.html">パーク&トレイン駐車場</a></li>
106                        <li><a href="/network/locker/index.html">駅ロッカー情報</a></li>
107                        <li><a href="/network/seikan/index.html">青函トンネル(メモリアルボード)</a></li>
108                        <li><a href="https://www.jrh-rentacar.jp/phpapp/index.phtml" target="_blank">駅レンタカー</a></li>
109                        <li><a href="/lost/index.html"">お忘れ物について</a></li>
110                      </ul>
111                    </div>
112                  </div>
113                </div>
114                <ul class="g-nav__panel__nav --sp">
115                  <li>
116                    <a href="https://jrhokkaidonorikae.com" class="g-nav__panel__nav__btn">
117                      <span class="g-nav__panel__nav__btn__icon icon-transfer --transfer"></span>
118                      <p class="g-nav__panel__nav__btn__text">乗換・運賃</p>
119                    </a>
120                  </li>
121                  <li>
122                    <a href="https://jrhokkaidonorikae.com/linelist/linelist.php" class="g-nav__panel__nav__btn">
123                      <span class="g-nav__panel__nav__btn__icon icon-time2 --time"></span>
124                      <p class="g-nav__panel__nav__btn__text">列車名/<br>路線名から<br>時刻検索</p>
125                    </a>
126                  </li>
127                  <li>
128                    <a href="https://jrhokkaidonorikae.com/map/map.php" class="g-nav__panel__nav__btn">
129                      <span class="g-nav__panel__nav__btn__icon icon-route --route"></span>
130                      <p class="g-nav__panel__nav__btn__text">路線図から<br>時刻検索</p>
131                    </a>
132                  </li>
133                  <li>
134                    <a href="https://www.eki-net.com/personal/top/index" target="_blank" class="g-nav__panel__nav__btn --ekinet">
135                      <img src="/assets/images/logo-ekinet.svg" alt="えきねっと">
136                    </a>
137                  </li>
138                  <li>
139                    <a href="/network/shiteiseki/index.html" class="g-nav__panel__nav__btn">
140                      <span class="g-nav__panel__nav__btn__icon icon-machine --machine"></span>
141                      <p class="g-nav__panel__nav__btn__text">指定席・<br>券売機</p>
142                    </a>
143                  </li>
144                  <li>
145                    <a href="/train/index.html" class="g-nav__panel__nav__btn">
146                      <span class="g-nav__panel__nav__btn__icon icon-train --train"></span>
147                      <p class="g-nav__panel__nav__btn__text">列車ガイド</p>
148                    </a>
149                  </li>
150                </ul>
151              </div>
152              <button type="button" class="g-nav__back">
153                <span class="icon-arrow-back"></span>
154              </button>
155              <button type="button" class="g-nav__close">
156                <span class="g-nav__close__lines">
157                  <span class="g-nav__close__line --top"></span>
158                  <span class="g-nav__close__line --bottom"></span>
159                </span>
160              </button>
161            </div>
162
163          </li>
164
165          <li class="g-nav__menu__item">
166
167            <button type="button" data-panel-href="travel" class="g-nav__menu__btn --travel">観光</button>
168
169            <div data-panel-id="travel" class="g-nav__panel --travel">
170              <div class="g-nav__panel__close"></div>
171              <div class="g-nav__panel__container">
172                <div class="g-nav__panel__content">
173                  <div class="g-nav__panel__header">
174                    <a href="/travel/" class="g-nav__panel__heading --travel">観光</a>
175                  </div>
176                  <div class="g-nav__panel__content__block">
177                    <div class="g-nav__panel__menu">
178                      <p data-panel-menu-href="travel-01" class="g-nav__panel__menu__heading">観光列車・旅の情報</p>
179                      <ul data-panel-menu-id="travel-01" class="g-nav__panel__menu__list">
180                        <li><a href="/travel/area/dohoku/index.html">道北エリア</a></li>
181                        <li><a href="/travel/area/doo/index.html">道央エリア</a></li>
182                        <li><a href="/travel/area/doto/index.html">道東エリア</a></li>
183                        <li><a href="/travel/area/donan/index.html">道南エリア</a></li>
184                        <li><a href="/travel/area/toseitsugaru/index.html">東青津軽エリア</a></li>
185                      </ul>
186                    </div>
187                    
188                  </div>
189                  <div class="g-nav__panel__content__block">
190                    <div class="g-nav__panel__menu">
191                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/travel/member/index.html">大人の休日倶楽部</a></p>
192                    </div>
193                    <div class="g-nav__panel__menu">
194                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/travel/walking/index.html">JRヘルシーウォーキング</a></p>
195                    </div>
196                  </div>
197                  <div class="g-nav__panel__content__block">
198                    <div class="g-nav__panel__menu">
199                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/otoku/index.html">
199道外からお越しのお客様</a></p>
200                    </div>
201                    <div class="g-nav__panel__menu">
202                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/travel/tour/index.html">北海道発 国内ツアー</a></p>
203                    </div>
204                  </div>
205                </div>
206              </div>
207              <button type="button" class="g-nav__back">
208                <span class="icon-arrow-back"></span>
209              </button>
210              <button type="button" class="g-nav__close">
211                <span class="g-nav__close__lines">
212                  <span class="g-nav__close__line --top"></span>
213                  <span class="g-nav__close__line --bottom"></span>
214                </span>
215              </button>
216            </div>
217
218          </li>
219
220          <li class="g-nav__menu__item">
221
222            <button type="button" data-panel-href="life" class="g-nav__menu__btn --life">買う・泊まる・くらす</button>
223
224            <div data-panel-id="life" class="g-nav__panel --life">
225              <div class="g-nav__panel__close"></div>
226              <div class="g-nav__panel__container">
227                <div class="g-nav__panel__content">
228                  <div class="g-nav__panel__header">
229                    <a href="/life/index.html" class="g-nav__panel__heading --life">買う・泊まる・くらす</a>
230                  </div>
231                  <div class="g-nav__panel__content__block">
232                    <div class="g-nav__panel__menu">
233                      <p data-panel-menu-href="life-03" class="g-nav__panel__menu__heading --link"><a href="/life/01.html">買う</a></p>
234                      <ul data-panel-menu-id="life-03" class="g-nav__panel__menu__list">
235                        <li class="--sp"><a href="/life/01.html">買う</a></li>
236                        <li><a href="/life/01.html#buy-jrtower">JRタワー(アピア・札幌ステラプレイス)</a></li>
237                        <li><a href="/life/01.html#buy-mall">マチナカ商業施設</a></li>
238                        <li><a href="/life/01.html#buy-obihiro">エスタ帯広</a></li>
239                        <li><a href="/life/01.html#buy-souvenir">おみやげショップ</a></li>
240                        <li><a href="/life/01.html#buy-shiki">北海道四季マルシェ</a></li>
241                        <li><a href="/life/01.html#buy-convenience-store">コンビニエンスストア</a></li>
242                        <li><a href="/life/01.html#buy-gourmet">エキナカ・エキチカグルメ</a></li>
243                        <li><a href="/life/01.html#buy-pb">DO3TABLE</a></li>
244                      </ul>
245                    </div>
246                  </div>
247                  <div class="g-nav__panel__content__block">
248                    <div class="g-nav__panel__menu">
249                      <p data-panel-menu-href="life-01" class="g-nav__panel__menu__heading --link"><a href="/life/02.html">泊まる</a></p>
250                      <ul data-panel-menu-id="life-01" class="g-nav__panel__menu__list">
251                        <li class="--sp"><a href="/life/02.html">泊まる</a></li>
252                        <li><a href="/life/02.html#stay-jrhotels-tower">JRタワーホテル日航札幌</a></li>
253                        <li><a href="/life/02.html#stay-jrhotels-obihiro">ホテル日航ノースランド帯広</a></li>
254                        <li><a href="/life/02.html#stay-jrinn-sapporo">JRイン札幌</a></li>
255                        <li><a href="/life/02.html#stay-jrinn-north2">JRイン札幌北2条</a></li>
256                        <li><a href="/life/02.html#stay-jrinn-sapporominami">JRイン札幌駅南口</a></li>
257                        <li><a href="/life/02.html#stay-jrinn-chitose">JRイン千歳</a></li>
258                        <li><a href="/life/02.html#stay-jrinn-asahikawa">JRイン旭川</a></li>
259                        <li><a href="/life/02.html#stay-jrinn-hakodate">JRイン函館</a></li>
260                        <li><a href="/life/02.html#stay-jrmi-kotoni">JRモバイルイン札幌琴似</a></li>
261                        <li><a href="/life/02.html#stay-jrmi-chitose">JRモバイルイン千歳</a></li>
262                         <li><a href="/life/02.html#stay-jrmi-furano">JRモバイルイン富良野</a></li>
263                         <li>
263<a href="/life/02.html#stay-jrmi-hakodate">JRモバイルイン函館</a></li>
264                      </ul>
265                    </div>
266                  </div>
267                  <div class="g-nav__panel__content__block">
268                    <div class="g-nav__panel__menu">
269                      <p data-panel-menu-href="life-05" class="g-nav__panel__menu__heading --link"><a href="/life/03.html">くらす</a></p>
270                      <ul data-panel-menu-id="life-05" class="g-nav__panel__menu__list">
271                        <li class="--sp"><a href="/life/03.html">くらす</a></li>
272                        <li><a href="/life/03.html#live-junord">ジュノール(賃貸マンション)</a></li>
273                        <li><a href="/life/03.html#live-blan">ブランJR(シニア向け賃貸住宅)</a></li>
274                        <li><a href="/life/03.html#live-mansion">分譲マンション</a></li>
275                        <li><a href="/life/03.html#live-sunforail">宅地分譲</a></li>
276                        <li><a href="/life/03.html#live-seisen">ジェイ・アール生鮮市場</a></li>
277                        <li><a href="/life/03.html#live-qb">QBハウス(ヘアカット)</a></li>
278                        <li><a href="/life/03.html#live-cinema">札幌シネマフロンティア</a></li>
279                        <li><a href="/life/03.html#live-spa">プラウブラン(スカイリゾートスパ)</a></li>
280                        <li><a href="/life/03.html#live-golf">手稲あけぼのゴルフセンター</a></li>
281                        <li><a href="/life/03.html#live-jrb">ジェイ・アール北海道バス</a></li>
282                        <li><a href="/life/03.html#live-rentacar">JR駅レンタカー</a></li>
283                        <li><a href="/life/03.html#live-hospital">JR札幌病院</a></li>
284                        <li><a href="/life/03.html#live-driving-school">桑園自動車学校</a></li>
285                      </ul>
286                    </div>
287                  </div>
288                </div>
289              </div>
290              <button type="button" class="g-nav__back">
291                <span class="icon-arrow-back"></span>
292              </button>
293              <button type="button" class="g-nav__close">
294                <span class="g-nav__close__lines">
295                  <span class="g-nav__close__line --top"></span>
296                  <span class="g-nav__close__line --bottom"></span>
297                </span>
298              </button>
299            </div>
300
301          </li>
302          <li class="g-nav__menu__item">
303
304            <button type="button" data-panel-href="safe" class="g-nav__menu__btn --safe">安全の取り組み</button>
305
306            <div data-panel-id="safe" class="g-nav__panel --safe">
307              <div class="g-nav__panel__close"></div>
308              <div class="g-nav__panel__container">
309                <div class="g-nav__panel__content">
310                  <div class="g-nav__panel__header">
311                    <a href="/corporate/safe/index.html" class="g-nav__panel__heading --safe">安全の取り組み</a>
312                  </div>
313                  <div class="g-nav__panel__content__block">
314                    <div class="g-nav__panel__menu">
315                      <p data-panel-menu-href="safe-01" class="g-nav__panel__menu__heading --link"><a href="/corporate/safe/01_01.html">一連の事故・事象について</a></p>
316                      <ul data-panel-menu-id="safe-01" class="g-nav__panel__menu__list">
317                        <li class="--sp"><a href="/corporate/safe/01_01.html">一連の事故・事象について</a></li>
318                        <li><a href="/corporate/safe/01_01.html">経緯</a></li>
319                        <li><a href="/corporate/safe/01_02.html">JR北海道再生推進会議</a></li>
320                        <li><a href="/corporate/safe/01_03.html">事業改善命令・監督命令による措置を<br>講ずるための計画</a></li>
321                        <li><a href="/corporate/safe/01_04.html">JR北海道安全の再生</a></li>
322                      </ul>
323                    </div>
324                  </div>
325                  <div class="g-nav__panel__content__block">
326                    <div class="g-nav__panel__menu">
327                      <p data-panel-menu-href="safe-02" class="g-nav__panel__menu__heading">安全計画2026</p>
328                      <ul data-panel-menu-id="safe-02" class="g-nav__panel__menu__list">
329                      <li><a href="/corporate/safe/02_01.html">
329安全意識を高め、<br>命を守るために取るべき行動が実践できる社員の育成</a></li>
330                      <li><a href="/corporate/safe/02_02.html">命を守るための仕組みの充実と取り組みの徹底</a></li>
331                      <li><a href="/corporate/safe/02_03.html">安全管理体制の維持と安全確保を最優先とした<br>事業運営の強化</a></li>
332                      <li><a href="/corporate/safe/02_04.html">絶対に守るべき安全の基準を維持するための<br>設備投資・修繕</a></li>
333                    </ul>
334                    </div>
335                    <div class="g-nav__panel__menu">
336                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/safe/03.html">冬期の安全確保の取り組み</a></p>
337                    </div>
338                    <div class="g-nav__panel__menu">
339                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/safe/04.html">計画運休の考え方</a></p>
340                    </div>
341
342                    <div class="g-nav__panel__menu">
343                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/safe/05.html">安全報告書</a></p>
344                    </div>
345                  </div>
346                  <div class="g-nav__panel__content__block">
347                    <div class="g-nav__panel__menu">
348                      <p data-panel-menu-href="safe-03" class="g-nav__panel__menu__heading --link"><a href="/corporate/fumikiri/index.html">踏切事故防止の取り組み</a></p>
349                      <ul data-panel-menu-id="safe-03" class="g-nav__panel__menu__list">
350                        <li class="--sp"><a href="/corporate/fumikiri/index.html">踏切事故防止の取り組み</a></li>
351                        <li><a href="/corporate/fumikiri/06_01.html">踏切事故防止キャンペーン</a></li>
352                        <li><a href="/corporate/fumikiri/06_02.html">踏切設備の整備</a></li>
353                        <li><a href="/corporate/fumikiri/06_03.html">踏切事故の統計</a></li>
354                        <li><a href="/corporate/fumikiri/06_04.html">安全な踏切通行のために</a></li>
355                        <li><a href="/corporate/fumikiri/06_05.html">踏切でのトラブル対処法</a></li>
356                        <li><a href="/corporate/fumikiri/06_06.html">架線等の事故防止</a></li>
357                        <li><a href="/corporate/fumikiri/06_07.html">児童等のみなさんに守っていただきたいこと</a></li>
358                        <li><a href="/corporate/fumikiri/06_08.html">道路交通法(参考資料)</a></li>
359                        <li><a href="/corporate/fumikiri/06_09.html">踏切事故防止ポスター・チラシ</a></li>
360                      </ul>
361                    </div>
362                    <div class="g-nav__panel__menu">
363                      <p data-panel-menu-href="safe-04" class="g-nav__panel__menu__heading">その他の安全の取り組み</p>
364                      <ul data-panel-menu-id="safe-04" class="g-nav__panel__menu__list">
365                      <li><a href="/corporate/safe/07.html">函館線 森・石倉間の列車脱線事故に対する当社の取り組み</a></li>
366                      <li><a href="/corporate/safe/07_01.html">車内誌「The JR Hokkaido」に掲載した安全への取り組み</a></li>
367                    </ul>
368                  </div>
369                </div>
370              </div>
371              <button type="button" class="g-nav__back">
372                <span class="icon-arrow-back"></span>
373              </button>
374            </div>
375
376          </li>
377          <li class="g-nav__menu__item">
378
379            <button type="button" data-panel-href="region" class="g-nav__menu__btn --region">地域交通の<br class="--br-ex1">取り組み</button>
380
381            <div data-panel-id="region" class="g-nav__panel --region">
382              <div class="g-nav__panel__close"></div>
383              <div class="g-nav__panel__container">
384                <div class="g-nav__panel__content --2col">
385                  <div class="g-nav__panel__header">
386                    <a href="/corporate/region/index.html" class="g-nav__panel__heading --region">地域交通の取り組み</a>
387                  </div>
388                  <div class="g-nav__panel__content__block">
389                    <div class="g-nav__panel__menu">
390                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/region/current.html">線区別のご利用状況</a></p>
391                    </div>
392                    <div class="g-nav__panel__menu">
393                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/region/system.html">持続可能な交通体系のあり方</a></p>
394                    </div>
395                  </div>
396                  <div class="g-nav__panel__content__block">
397                    <div class="g-nav__panel__menu">
398                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/region/alignment.html">地域の皆様との連携</a></p>
399                    </div>
400                    <div class="g-nav__panel__menu">
401                      <p class="g-nav__panel__menu__heading --link --noList"><a href="/corporate/region/cooperation.html">バスとの連携</a></p>
402                    </div>
403                  </div>
404                </div>
405              </div>
406              <button type="button" class="g-nav__back">
407                <span class="icon-arrow-back"></span>
408              </button>
409              <button type="button" class="g-nav__close">
410                <span class="g-nav__close__lines">
411                  <span class="g-nav__close__line --top"></span>
412                  <span class="g-nav__close__line --bottom"></span>
413                </span>
414              </button>
415            </div>
416
417          </li>
418
419          <li class="g-nav__menu__item">
420
421            <button type="button" data-panel-href="corporate" class="g-nav__menu__btn --corporate">企業</button>
422
423            <div data-panel-id="corporate" class="g-nav__panel --corporate">
424              <div class="g-nav__panel__close"></div>
425              <div class="g-nav__panel__container">
426                <div class="g-nav__panel__content">
427                  <div class="g-nav__panel__header">
428                    <a href="/corporate/index.html" class="g-nav__panel__heading --corporate">企業</a>
429                  </div>
430                  <div class="g-nav__panel__content__block">
431                    <div class="g-nav__panel__menu">
432                      <p data-panel-menu-href="corporate-01" class="g-nav__panel__menu__heading">企業情報</p>
433                      <ul data-panel-menu-id="corporate-01" class="g-nav__panel__menu__list">
434                        <li><a href="/corporate/company/comtop.html">会社概要</a></li>
435                        <li><a href="/corporate/company/com_01.html">組織図・役員</a></li>
436                        <li><a href="/corporate/company/com_02.html">営業エリア</a></li>
437                        <li><a href="/corporate/company/com_03.html">各種データ</a></li>
438                        <li><a href="/corporate/company/com_04.html">会社案内パンフレット</a></li>
439                        <li><a href="/corporate/group/grotop.html">JR北海道グループ</a></li>
440                      </ul>
441                    </div>
442                    <div class="g-nav__panel__menu">
443                      <p data-panel-menu-href="corporate-02" class="g-nav__panel__menu__heading">経営情報</p>
444                      <ul data-panel-menu-id="corporate-02" class="g-nav__panel__menu__list">
445                        <li><a href="/corporate/mi/index.html">決算公告</a></li>
446                        <li><a href="/corporate/mi/index.html#2">決算概況</a></li>
447                        <li><a href="/corporate/mi/index.html#7">経営改善に関する取り組み</a></li>
448                        <li><a href="/corporate/mi/index.html#3">線区別収支</a></li>
449                        <li><a href="/corporate/mi/index.html#8">JR北海道グループ長期経営ビジョン</a></li>
450                        <li><a href="/corporate/mi/index.html#4">事業計画</a></li>
451                        <li><a href="/corporate/mi/index.html#5">経営改善委員会</a></li>
452                        <li><a href="/corporate/mi/index.html#6">電子公告</a></li>
453                      </ul>
454                    </div>
455                  </div>
456                  <div class="g-nav__panel__content__block">
457                    <div class="g-nav__panel__menu">
458                      <p data-panel-menu-href="corporate-03" class="g-nav__panel__menu__heading">JR北海道の取り組み</p>
459                      <ul data-panel-menu-id="corporate-03" class="g-nav__panel__menu__list">
460                        <li><a href="/corporate/customer_voice/index.html">お客様満足の向上を目指した取り組み</a></li>
461                        <li><a href="/corporate/customer_harassment/index.html">カスタマーハラスメントに対する方針</a></li>
462                        <li><a href="/corporate/emv/index.html">環境・社会貢献・無人駅のにぎわいづくりへの取り組み</a></li>
463                        <li><a href="/corporate/pdf/healthmanagement.pdf" target="_blank">健康経営</a></li>
464                        <li><a href="/corporate/customer_voice/postergallery.html">ポスターギャラリー</a></li>
465                      </ul>
466                    </div>
467                    <div class="g-nav__panel__menu">
468                      <p data-panel-menu-href="corporate-04" class="g-nav__panel__menu__heading">北海道新幹線</p>
469                      <ul data-panel-menu-id="corporate-04" class="g-nav__panel__menu__list">
470                        <li><a href="/corporate/shinkansen/index.html">北海道新幹線の概要</a></li>
471                        <li><a href="/corporate/shinkansen/specificity.html">北海道新幹線固有のコストと特殊性</a></li>
472                        <li><a href="/corporate/shinkansen/stretching.html">札幌延伸に向けた取り組み・札幌駅部の新幹線工事・札幌駅周辺開発</a></li>
473                        <li><a href="/corporate/shinkansen/tunnel.html">青函トンネルの防災・避難誘導設備</a></li>
474                      </ul>
475                    </div>
476                  </div>
477                  <div class="g-nav__panel__content__block">
478                    <div class="g-nav__panel__menu">
479                      <p data-panel-menu-href="corporate-05" class="g-nav__panel__menu__heading">法人向け情報</p>
480                      <ul data-panel-menu-id="corporate-05" class="g-nav__panel__menu__list">
481                        <li><a href="/corporate/procurement/index.html">資材調達情報</a></li>
482                        <li><a href="/corporate/construction/index.html">工事情報</a></li>
483                        <li><a href="/corporate/procurement/construction.html">線路の近くで工事を行うときのお願い</a></li>
484                        <li><a href="/corporate/other/oth2.html">鉄道沿線のケーブル管路の使用について</a></li>
485                        <li><a href="/corporate/procurement/location.html">ロケーションサービス</a></li>
486                      </ul>
487                    </div>
488                    <div class="g-nav__panel__menu">
489                      <p data-panel-menu-href="corporate-06" class="g-nav__panel__menu__heading">企業その他</p>
490                      <ul data-panel-menu-id="corporate-06" class="g-nav__panel__menu__list">
491                        <li><a href="/corporate/other/enkatsuka.html">移動等円滑化取組報告書・計画書</a></li>
492                        <li>
492<a href="/corporate/other/pdf/20260731_r07_jisseki.pdf" target="_blank">千歳線南千歳・新千歳空港間の加算運賃</a></li>
493                        <li><a href="/corporate/other/pdf/060406.pdf" target="_blank">国民保護業務計画</a></li>
494                        <li><a href="/corporate/other/pdf/190314.pdf" target="_blank">経営自立計画に関する第三者委員会 議事要旨</a></li>
495                        <li><a href="/corporate/other/pdf/130819.pdf" target="_blank">被害者等支援計画</a></li>
496                        <li><a href="/corporate/other/pdf/140411.pdf" target="_blank">新型インフルエンザ等対策に関する業務計画</a></li>
497                        <li><a href="/corporate/other/pdf/230404.pdf" target="_blank">防災業務計画</a></li>
498                        <li><a href="/corporate/other/pdf/260825.pdf" target="_blank">特殊法人の財務内容等</a></li>
499                        <li><a href="/corporate/other/pdf/260123.pdf" target="_blank">マルチステークホルダー方針</a></li>
500                        <li><a href="/corporate/other/security.html">JR北海道グループ情報セキュリティ基本方針</a></li>
501                      </ul>
502                    </div>
503                  </div>
504                </div>
505              </div>
506              <button type="button" class="g-nav__back">
507                <span class="icon-arrow-back"></span>
508              </button>
509              <button type="button" class="g-nav__close">
510                <span class="g-nav__close__lines">
511                  <span class="g-nav__close__line --top"></span>
512                  <span class="g-nav__close__line --bottom"></span>
513                </span>
514              </button>
515            </div>
516
517          </li>
518          <li class="g-nav__menu__item">
519
520            <a href="/corporate/saiyou/index.html" class="g-nav__menu__btn --link --recruit">採用</a>
521
522          </li>
523
524        </ul>
525
526        <ul class="g-nav__otherMenu">
527          <li><a href="/network/barrier/">お身体の不自由なお客様へ</a></li>
528          <li><a href="/faq/">よくあるご質問</a></li>
529        </ul>
530      </div>
531
532      <button type="button" class="g-nav__close">
533        <span class="g-nav__close__lines">
534          <span class="g-nav__close__line --top"></span>
535          <span class="g-nav__close__line --bottom"></span>
536        </span>
537      </button>
538    </nav>
539
540    <nav class="g-header__nav">
541      <ul class="g-header__nav__menu">
542        <li><a href="/network/barrier/">お身体の不自由なお客様へ</a></li>
543        <li><a href="/faq/">よくあるご質問</a></li>
544      </ul>
545      <div class="g-header__nav__inner">
546        <div class="g-header__nav__lang">
547          <button type="button" class="g-header__nav__lang__btn">Language</button>
548          <ul class="g-header__nav__lang__menu">
549            <li><a href="/global/index.html">English</a></li>
550            <li><a href="/global/chinese/index.html">繁體中文</a></li>
551            <li><a href="/global/cn/index.html">簡体中文</a></li>
552            <li><a href="/global/korean/index.html">한국어</a></li>
553          </ul>
554        </div>
555        <div class="g-header__nav__search">
556          <button type="button" class="g-header__nav__search__btn">検索</button>
557          <div class="g-header__nav__search__inner">
558            <div class="gcse-search"></div>
559          </div>
560        </div>
561      </div>
562      <button type="button" class="g-header__nav__btn">
563        <span class="g-header__nav__btn__lines">
564          <span class="g-header__nav__btn__line --top"></span>
565          <span class="g-header__nav__btn__line --middle"></span>
566          <span class="g-header__nav__btn__line --bottom"></span>
567        </span>
568        メニュー
569      </button>
570    </nav>
571
572    <div class="g-nav__layer"></div>
573  </header>
574        `);
575    (function () {
576      function gcs_input_focus() {
577        const gsc_input = document.querySelectorAll('input.gsc-input');
578        for (let i = 0; i < gsc_input.length; i++) {
579          gsc_input[i].addEventListener('focus', function () {
580            document.querySelector('html').classList.add('--is-gsc-input-focus');
581          });
582          gsc_input[i].addEventListener('blur', function () {
583            setTimeout(function () {
584              document.querySelector('html').classList.remove('--is-gsc-input-focus');
585            }, 100);
586          });
587        }
588        const gsc_close = document.querySelectorAll('a.gsst_a');
589        for (let i = 0; i < gsc_close.length; i++) {
590          gsc_close[i].addEventListener('click', function () {
591            setTimeout(function () {
592              document.querySelector('html').classList.add('--is-gsc-input-focus');
593            }, 50);
594          });
595        }
596      }
597
598      window.__gcse = {
599        callback: gcs_input_focus
600      };
601
602      var cx = '007841706924878056719:hgm7lrxxlne';
603      var gcse = document.createElement('script');
604      gcse.type = 'text/javascript';
605      gcse.async = true;
606      gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
607      var s = document.getElementsByTagName('script')[0];
608      s.parentNode.insertBefore(gcse, s);
609
610    })();
611  },
612
613  pageTop: function () {
614    document.write(`
615    <nav id="btn-pagetop" class="btn-pagetop"><img src="/assets/images/page-top.svg"></nav>
616    `);
617  },
618
619  footer: function (args = []) {
620    const page_top_btn = args.page_top_btn !== undefined ? args.page_top_btn : true;
621    // console.log('page_top_btn', page_top_btn);
622    document.write(`
623        <footer id="g-footer" class="g-footer">
624    <nav class="g-footer__nav">
625      <div class="container">
626        <ul class="g-footer__nav__menu">
627          <li><a href="/sitemap/index.html">サイトマップ</a></li>
628          <li><a href="/other/goriyou.html">サイトのご利用にあたって</a></li>
629          <li><a href="/other/privacy.html">個人情報のお取り扱いに関して</a></li>
630          <li><a href="/other/mediapolicy.html">ソーシャルメディア利用ポリシー</a></li>
631          <li><a href="/network/barrier/index.html">お身体の不自由なお客様へ</a></li>
632          <li><a href="/corporate/customer_harassment/index.html">カスタマーハラスメントに対する方針</a></li>
633          <li><a href="/faq/">よくあるご質問</a></li>
634        </ul>
635      </div>
636    </nav>
637    <div class="container">
638      <p class="g-footer__text">当サイトに掲載の記事・写真の無断転載を禁じます。<br>すべての内容は日本の著作権法並びに国際条約により保護されています。</p>
639      <p class="g-footer__copyright">Copyright © Hokkaido Railway Company all rights reserved. No reproduction or republication without written permission.</p>
640    </div>
641  </footer>
642        `);
643
644    if (page_top_btn) {
645      if ($('#btn-pagetop').length > 0) {
646        $('#btn-pagetop').remove();
647      }
648      this.pageTop();
649    }
650  }
651}
652
653const common_header = function () {
654    cmn__.header()
655  },
656  common_footer = function () {
657    cmn__.footer()
658  };

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.