PageSourceSearch

https://www.highwaybus.com/gp/index

html highwaybus.com collected 2026-10-01 10:37:20 UTC 150,769 bytes, 3,951 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11<!-- -->
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41<!doctype html>
42<html lang="ja">
43<head>
44    <meta name="_csrf" content=""/>
45    <meta name="_csrf_header" content=""/>
46    <meta charset="utf-8">
47    <title>高速バスのハイウェイバスドットコム 全国の高速バスを簡単予約</title>
48    <meta name="keywords" content="高速バス,長野,山梨,松本,予約"/>
49    <meta name="description" content="日本全国の高速バス・夜行バスを簡単予約。 運行時刻、空席照会、早期割引などおトクな運賃もサポート。"/>
50    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
51    <meta http-equiv="Content-Style-Type" content="text/css"/>
52    <meta http-equiv="Content-Script-Type" content="text/javascript"/>
53    <meta http-equiv="Imagetoolbar" content="no"/>
54    <meta http-equiv="X-UA-Compatible" content="IE=edge">
55    <meta name="viewport" content="width=device-width, initial-scale=1">
56    <meta name="format-detection" content="telephone=no">
57    <meta http-equiv="pragma" content="no-cache">
58    <meta http-equiv="cache-control" content="no-store">
59    <meta name="viewport" content="width=device-width, initial-scale=1">
60    <link rel="stylesheet" href="/gp/202103/libs/Swiper/3.4.1/css/swiper.min.css">
61    <link rel="stylesheet" href="/gp/202103/iconfont/material-icons.css?v=RLS_20260924_441-23491">
62
63    <link rel="stylesheet" href="/gp/202103/css/style.css?v=RLS_20260924_441-23491">
64    
65        
66        <link rel="stylesheet" href="/gp/202103/css/styles.css?v=RLS_20260924_441-23491">
67    
68    
69    <link rel="stylesheet" href="/gp/202103/css/selmodal.css?v=RLS_20260924_441-23491">
70
71    
71<script src="/gp/202103/libs/jquery/3.5.1/jquery.min.js"></script>
71
72    
72<script src="/gp/js/disabledoublepost.js"></script>
72
73
74    
74<script src="/gp/202103/js/common.js"></script>
74
75    
75<script src="/gp/js/jkl-parsexml.js"></script>
75
76</head>
77
78
79<script>
80    $(document).ready(function () {
81        //路線
82        $(".swap-bus-stop").on('click', function () {
83            //
84            const e = $(this);
85            const data_departure = e.data('departure');
86            const data_arrival = e.data('arrival');
87            const departure = $("#" + data_departure);
88            const arrival = $("#" + data_arrival);
89            const date = $("#line-date")
90            const departure_value = departure.val();
91            const arrival_value = arrival.val();
92            const date_value = date.val();
93            if (!departure_value || !arrival_value) {
94                return;
95            }
96
97            // console.log("departure_value " + departure_value)
98            // console.log("arrival_value " + arrival_value)
99            //
100            getDeparture(this, function () {
101                // console.log("onChangeLine finish")
102                departure.selModalSetValue(arrival_value)
103                //
104                getArrival(this, function () {
105                    // console.log("onChangeDeparture finish")
106                    arrival.selModalSetValue(departure_value)
107                    //
108                    getDate(function () {
109                        //
110                        date.selModalSetValue(date_value)
111                    })
112                })
113            })
114        })
115
116
117        // お気に入り
118        $(".swap-bus-stop-favorite").on('click', function () {
119            //
120            const e = $(this);
121            const departure = $("#favorite-departure");
122            const arrival = $("#favorite-arrival");
123            const date = $("#favorite-date")
124            const departure_value = departure.val();
125            const arrival_value = arrival.val();
126            const date_value = date.val();
127            if (!departure_value || !arrival_value) {
128                return;
129            }
130
131            getDepartureFavorite(this, function () {
132                // console.log("onChangeLine finish")
133                departure.selModalSetValue(arrival_value)
134                //
135                getArrivalFavorite(this, function () {
136                    // console.log("onChangeDeparture finish")
137                    arrival.selModalSetValue(departure_value)
138                    //
139                    getDateFavorite(function () {
140                        //
141                        date.selModalSetValue(date_value)
142                    })
143                })
144            })
145        })
146    });
147</script>
147
148
149
150<link href="/gp/css/jquery-ui.css" rel="stylesheet" type="text/css" title="default"/>
151
152<script type="text/javascript" src="/gp/js/reservation/reservationCommon.js"></script>
152
153
154<!-- Global site tag (gtag.js) - Google Ads: 863648042 -->
vendor: 64 bytes, lines 154-155
154
155<script async src="https://www.googletagmanager.com/gtag/js?id=
155AW-863648042
vendor: 12 bytes, line 155
155"></script>
156<script>
157    
vendor: 157 bytes, lines 157-165
157window.dataLayer = window.dataLayer || [];
158
159    function gtag() {
160        dataLayer.push(arguments);
161    }
162
163    gtag('js', new Date());
164
165    gtag('config', '
165AW-863648042
vendor: 4 bytes, line 165
165');
166</script>
166
167
168
169
170<!-- EBiS tag version4.10 start -->
171<script type="text/javascript">
172    (function (a, d, e, b, i, s) {
173        window[i] = window[i] || [];
174        var f = function (a, d, e, b, i, s) {
175            var o = a.getElementsByTagName(d)[0], h = a.createElement(d), t = 'text/javascript';
176            h.type = t;
177            h.async = e;
178            h.onload = function () {
179                window[i].init(
180                    {argument: s, auto: true}
181                );
182            };
183            h._p = o;
184            return h;
185        }, h = f(a, d, e, b, i, s), l = '//taj', j = b + s + '/cmt.js';
186        h.src = l + '1.' + j;
187        h._p.parentNode.insertBefore(h, h._p);
188        h.onerror = function (k) {
189            k = f(a, d, e, b, i, s);
190            k.src = l + '2.' + j;
191            k._p.parentNode.insertBefore(k, k._p);
192        };
193    })(document, 'script', true, 'ebis.ne.jp/', 'ebis', 'BHknh4cV');
194</script>
194
195<!-- EBiS tag end -->
196
197<body class="top">
198<div class="container" style="">
199
200    
201
202
203    
204    
205        
206        
207
208
209
210
211<header id="header">
212    <section class="hdrInner">
213        <h1><a href="/gp/index"></a></h1>
214        <ul>
215            <li class="gNavCommon">
216                <ul class="gNavCommon-inner">
217                    
218                    
219                        <!-- 未ログイン -->
220
221                        <!-- 予約確認/取り消し -->
222                        <li class="yoyakukakunintorikeshi"><a href="/gp/reference/refCertification?refCertSelected=selected"></a></li>
223                        <!-- 会員登録 -->
224                        <li class="kaiintouroku"><a href="/gp/html/gp/guide/entry.html"></a></li>
225                        <!-- ログイン -->
226                        <li class="login"><a href="/gp/mypage/mypLogin"></a></li>
227                    
228                </ul>
229            </li>
230            
231            <li class="lang"><a href="#" class="modal00-open" data-target="language"></a></li>
232            
233            <li class="menu"><a href="#" class="modal11-open" data-target="hbgMenu"></a></li>
234        </ul>
235    </section>
236</header>
237<script>
238    // 会員のWEB回数券有無、バスマイルポイントを取得
239    addOnload(function () {
240        var token = $("meta[name='_csrf']").attr("content");
241        var header = $("meta[name='_csrf_header']").attr("content");
242        $(document).ajaxSend(function (e, xhr, options) {
243            xhr.setRequestHeader(header, token);
244        });
245        var url = '/gp/ajaxGetMemberInfo';
246        var xml = new JKL.ParseXML(url, "cache=false", "post");
247        xml.async(getMemberInfo_ajax);
248        var data = xml.parse();
249
250        function getMemberInfo_ajax(r) {
251            const memberInfo = r.results.memberInfo;
252
253            if (memberInfo.possessionCoupon != null) {
254                const possessionCoupon = document.getElementById("possessionCoupon");
255                const couponUrl = document.getElementById("couponUrl");
256
257                possessionCoupon.textContent = String(memberInfo.possessionCoupon);
258                if (String(memberInfo.possessionCoupon) === 'なし') {
259                    couponUrl.href = "/gp/coupon/cpnSearch";
260                } else if (String(memberInfo.possessionCoupon) === 'あり') {
261                    couponUrl.href = "/gp/coupon/cpnBuyList";
262                }
263            }
264
265            if (memberInfo.possessionPointsDisp != null) {
266                document.getElementById("possessionPointsDisp").textContent = String(memberInfo.possessionPointsDisp).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
267            }
268        }
269    });
270
271    // onloadイベントを追加する。
272    function addOnload(func) {
273        try {
274            window.addEventListener("load", func, false);
275        } catch (e) {
276            // IE用
277            window.attachEvent("onload", func);
278        }
279    }
280
281    function cfmLogout() {
282        if ( window.confirm("ログアウトします。よろしいですか?") ) {
283            window.location.href = "/gp/mypage/mypLogout";
284        } else {
285            return false;
286        }
287    }
288</script>
288
289
290        
291
292
293<div id="language" class="modal00 modal00-js">
294    <div class="modal00-bg modal00-close">
295        <a href="#" class="modal00-close-fixed"><span></span></a>
296    </div>
297    <div class="modal00-content language-mdl-outer">
298        <section class="language-mdl">
299            <p class="ttl">Reservation in foreign language.</p>
300            <ul>
301                <li><a href="/gp/inbound/index?lang=EN" target="_blank">English</a></li>
302                <li><a href="/gp/inbound/index?lang=CZ2" target="_blank">中文简体字</a></li>
303                <li><a href="/gp/inbound/index?lang=CZ1" target="_blank">中文繁體字</a></li>
304                <li><a href="/gp/inbound/index?lang=KO" target="_blank">한국어</a></li>
305                <li><a href="/gp/inbound/index?lang=TH" target="_blank">ภาษาไทย</a></li>
306            </ul>
307            <p class="lead">The foreign language website is available to make a bus reservations to some tourist attraction.</p>
308        </section>
309
310    </div>
311</div>
312
313        
314
315
316<div id="hbgMenu" class="modal11 modal11-js">
317    <div class="modal11-bg modal11-close">
318        <a href="#" class="modal11-close-fixed"><span></span></a>
319    </div>
320    <div class="modal11-content">
321        <!-- ハンバーガー メニュー -->
322        <section class="gNav-hbg-mdl">
323            <img src="/gp/202103/images/logo-org.svg">
324            <ul>
325                <li><a href="/gp/index">空席照会・ご予約</a></li>
326                <li><a href="/gp/reservation/rsvRouteList?routeListSelected=selected">路線一覧</a></li>
327                
328                <li><a href="/gp/info/serviceInfo">運行情報</a></li>
329                
330                    
331                    <li><a href="/gp/html/gp/guide/entry.html">会員登録のメリット</a></li>
332                
333                <li><a href="/gp/html/gp/guide/guidance.html">ご利用案内</a></li>
334                <li><a href="/gp/info/campaignInfo?otokuFlg=1">おトクなセット券</a></li>
335                <li><a href="/gp/html/gp/contact_top.html">よくある質問</a></li>
336
337                <li class="open">
338                    <input id="open-check" class="open-check" type="checkbox">
339                    <label class="open-label" for="open-check">規 約</label>
340                    <div class="open-content">
341                        <a href="/gp/html/gp/copyright.html">ご利用規約</a>
342                        <a href="/gp/html/gp/point_rule.html">バスマイルポイント規約</a>
343                        <a href="/gp/html/gp/privacypolicy.html">個人情報保護方針</a>
344                    </div>
345                </li>
346                <!-- 会員の場合 -->
347                
348                <!-- 非会員の場合 -->
349                
350            </ul>
351            
352        </section>
353    </div>
354</div>
355
356
357<script>
358    //
359    function cfmLogout() {
360        if (window.confirm("ログアウトします。よろしいですか?")) {
361            window.location.href = "/gp/mypage/mypLogout";
362        } else {
363            return false;
364        }
365    }
366
367    function nomemberCfmLogout() {
368        if (window.confirm("入力内容をクリアします。よろしいですか?")) {
369            window.location.href = "/gp/mypage/inputClear";
370        } else {
371            return false;
372        }
373    }
374</script>
374
375
376        
377
378
379
380
381    
381<script src="/gp/202103/js/js.cookie.min.js"></script>
381
382    
382<script>
383        $(document).ready(function () {
384            const allow_cookies = Cookies.get('allow_cookies');
385            if (!allow_cookies) {
386                $("div.notice-cookie").show()
387            }
388        })
389
390        function allowCookies() {
391            Cookies.set('allow_cookies', '1', {expires: 3650});
392            $("div.notice-cookie").hide()
393        }
394    </script>
394
395    <div class="notice-cookie">
396        <section class="notice-cookie__desc">
397            <p>本サイトでは、ご利用いただくにあたりCookie(クッキー)を使用しています。<br>Cookieの使用に同意いただけない場合は本サイトをご利用いただけません。<br>
398                詳細については<a href="/gp/html/gp/privacypolicy.html">Cookieポリシー</a>をご確認ください。</p>
399            <p class="btn">
400
401
402                <button type="button" onclick="allowCookies()">同意する</button>
403                <button type="button" onclick="location.href='/gp/html/gp/cookie_not_allowed.html'">同意しない</button>
404
405            </p>
406        </section>
407    </div>
408
409
410    
411    
412
413
414
415
416
417
418<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 418-419
418
419<script async src="https://www.googletagmanager.com/gtag/js?id=
419G-SZH6WK5VQQ
vendor: 13 bytes, line 419
419"></script>
420<script>
421    
vendor: 144 bytes, lines 421-425
421window.dataLayer = window.dataLayer || [];
422    function gtag(){dataLayer.push(arguments);}
423    gtag('js', new Date());
424
425    gtag('config', '
425G-SZH6WK5VQQ
vendor: 5 bytes, line 425
425');
426</script>
426
427
428
429<!-- Global site tag (gtag.js) - Google Ads: 871358479 -->
vendor: 65 bytes, lines 429-430
429
430<script async src="https://www.googletagmanager.com/gtag/js?id=
430AW-871358479
vendor: 13 bytes, line 430
430"></script>
431<script>
432    
vendor: 144 bytes, lines 432-436
432window.dataLayer = window.dataLayer || [];
433    function gtag(){dataLayer.push(arguments);}
434    gtag('js', new Date());
435
436    gtag('config', '
436AW-871358479
vendor: 5 bytes, line 436
436');
437</script>
437
438
439
440<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
vendor: 2 bytes, line 440
440
441<script>
442    window.yjDataLayer = window.yjDataLayer || [];
443    function ytag() { yjDataLayer.push(arguments); }
444    ytag({"type":"ycl_cookie"});
445</script>
445
446
447
448
449<!-- Global site tag (gtag.js) - Google Ads: 10947047405 -->
vendor: 65 bytes, lines 449-450
449
450<script async src="https://www.googletagmanager.com/gtag/js?id=
450AW-10947047405
vendor: 13 bytes, line 450
450"></script>
451<script>
452    
vendor: 142 bytes, lines 452-455
452window.dataLayer = window.dataLayer || [];
453    function gtag(){dataLayer.push(arguments);}
454    gtag('js', new Date());
455    gtag('config', '
455AW-10947047405
vendor: 5 bytes, line 455
455');
456</script>
vendor: 2 bytes, line 456
456
457<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
vendor: 2 bytes, line 457
457
458<script>
459    window.yjDataLayer = window.yjDataLayer || [];
460    function ytag() { yjDataLayer.push(arguments); }
461    ytag({"type":"ycl_cookie"});
462</script>
vendor: 2 bytes, line 462
462
463<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
vendor: 2 bytes, line 463
463
464<script>
465    window.yjDataLayer = window.yjDataLayer || [];
466    function ytag() { yjDataLayer.push(arguments); }
467    ytag({
468        "type":"yss_retargeting",
469        "config": {
470            "yahoo_ss_retargeting_id": "1000328117",
471            "yahoo_sstag_custom_params": {
472            }
473        }
474    });
475</script>
475
476
477
478
479<!-- Global site tag (gtag.js) - Google Ads: 1035716113 -->
vendor: 65 bytes, lines 479-480
479
480<script async src="https://www.googletagmanager.com/gtag/js?id=
480AW-1035716113
vendor: 13 bytes, line 480
480"></script>
481<script>
482    
vendor: 144 bytes, lines 482-486
482window.dataLayer = window.dataLayer || [];
483    function gtag(){dataLayer.push(arguments);}
484    gtag('js', new Date());
485
486    gtag('config', '
486AW-1035716113
vendor: 5 bytes, line 486
486');
487</script>
vendor: 2 bytes, line 487
487
488<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
vendor: 2 bytes, line 488
488
489<script>
490    window.yjDataLayer = window.yjDataLayer || [];
491    function ytag() { yjDataLayer.push(arguments); }
492    ytag({"type":"ycl_cookie"});
493</script>
493
494
495
496
497    
498    
499    
500    <main style="padding-top: 0;">
501        <div class="wrap00 home-primary-bg">
502            <!-- -->
503            
504            <div class="headerBarBottom" style="">
505                
506                <div class="information_area cms_contents">
507                    
508                        
509                    
510                </div>
511            </div>
512            <!-- -->
513
514            <div class="home-primary">
515                <article class="kuusekishoukai">
516                    <!-- <p class="siteLead-img sp"><img src="images/site-title-lead.svg" alt="高速バス予約サイト"></p> -->
517                    <p class="siteLead-txt sp">高速バス・夜行バスを簡単予約</p>
518
519                    <section class="attn sp">
520                        <section class="notice-inList notice-inList-home" id="attnAreaSP">
521                        </section>
522                    </section>
523
524                    <section class="nav-btn-01 sp">
525                        <ul>
526                            <li><a href="/gp/html/gp/guide/guidance.html"><img
527                                    src="/gp/202103/images/btn-hn-goriyouannai.svg"></a>
528                            </li>
529                            <li>
530                                <a href="/gp/reservation/rsvRouteList?routeListSelected=selected"><img
531                                        src="/gp/202103/images/btn-hn-rosenichiran.svg"></a>
532                            </li>
533                            <li><a href="/gp/info/serviceInfo"><img
534                                    src="/gp/202103/images/btn-hn-unkoujouhou.svg"></a></li>
535                            <li><a href="/gp/reference/refCertification"><img
536                                    src="/gp/202103/images/btn-hn-yoyaku-kakunin-torikeshi.svg"></a>
537                            </li>
538                        </ul>
539                    </section>
540
541                    <p class="siteLead-txt pc">高速バス・夜行バスを簡単予約</p>
542
543                    <h2>空席照会・ご予約</h2>
544
545                    <section class="type">
546
547                        
548                        
549
550<style>
551    .selModalButton_85 .selModalButton {
552        width: 85%;
553    }
554</style>
555<input id="tab01" type="radio" name="tab" class="tab-switch1"  checked="checked">
556<label class="tab-label1" for="tab01"></label>
557<div class="tab-content1">
558    <ul class="cdtn">
559
560        <li>
561            <p>エリア</p>
562        </li>
563        <li>
564            <p class="selectbox00">
565                <select id="line-area" name="line-area" class="selmodal00">
566                    <option value="">選択してください</option>
567                    
568                        <option value="1" >新宿駅・東京駅</option>
569                    
570                        <option value="2" >名古屋(愛知県)</option>
571                    
572                        <option value="14" >福岡県(福岡・北九州など)</option>
573                    
574                        <option value="6" >東北地方(岩手・青森・福島など</option>
575                    
576                        <option value="171" >宮城県(仙台駅など)</option>
577                    
578                        <option value="140" >北関東地方(茨城・栃木・群馬)</option>
579                    
580                        <option value="75" >東京都23区(渋谷・池袋など)</option>
581                    
582                        <option value="45" >東京都西部(多摩地域)</option>
583                    
584                        <option value="139" >南関東(神奈川・埼玉・千葉)</option>
585                    
586                        <option value="3" >羽田空港</option>
587                    
588                        <option value="4" >成田空港</option>
589                    
590                        <option value="7" >山梨県(富士五湖・甲府など)</option>
591                    
592                        <option value="8" >長野県(松本・伊那・白馬など)</option>
593                    
594                        <option value="15" >岐阜県(岐阜・高山・白川郷など</option>
595                    
596                        <option value="11" >東海地方(静岡・浜松・沼津など</option>
597                    
598                        <option value="10" >北陸地方(金沢・富山・福井など</option>
599                    
600                        <option value="12" >関西地方(大阪・神戸・京都など</option>
601                    
602                        <option value="136" >中国地方(岡山・広島・鳥取など</option>
603                    
604                        <option value="13" >四国地方(松山・高松・徳島など</option>
605                    
606                        <option value="170" >佐賀県(鳥栖など)</option>
607                    
608                        <option value="165" >長崎県(長崎・佐世保・島原など</option>
609                    
610                        <option value="167" >熊本県(熊本・黒川温泉など)</option>
611                    
612                        <option value="166" >大分県(大分・別府・湯布院など</option>
613                    
614                        <option value="168" >宮崎県(宮崎・延岡・高千穂など</option>
615                    
616                        <option value="169" >鹿児島県(鹿児島など)</option>
617                    
618                        <option value="76" >バスツアー</option>
619                    
620                        <option value="196" >北海道発着</option>
621                    
622                </select>
623            </p>
624        </li>
625    </ul>
626    <ul class="cdtn">
627        <li>
628            <p>路 線</p>
629        </li>
630        <li>
631            <p class="selectbox00">
632                <select id="line-line" name="line-line" class="selmodal00">
633                </select>
634            </p>
635        </li>
636    </ul>
637    <ul class="cdtn noBorder">
638        <li>
639            <p>
639乗車バス停</p>
640        </li>
641        <li>
642            <p class="selectbox00 mgnB05em">
643                <select id="line-departure" name="line-departure" class="selmodal00">
644                </select>
645            </p>
646            <p class="pick00" id="line-near-departure-wrapper" style="display: none">
647                <label class="pick pick-ck">近くのバス停を同時に検索
648                    <input id="line-near-departure" type="checkbox" value="on" checked="checked"/>
649                    <span class="pick_indicator"></span>
650                </label>
651            </p>
652        </li>
653    </ul>
654    <ul class="cdtn noBorder">
655        <li>&nbsp;</li>
656        <li class="swap">
657            <span class="material-icons swap-bus-stop"
658                  data-departure="line-departure"
659                  data-arrival="line-arrival">swap_vert</span>&nbsp;バス停を入れ替える
660        </li>
661    </ul>
662    <ul class="cdtn">
663        <li>
664            <p>降車バス停</p>
665        </li>
666        <li>
667            <p class="selectbox00 mgnB05em">
668                <select id="line-arrival" name="line-arrival" class="selmodal00">
669                </select>
670            </p>
671            <p class="pick00" id="line-near-arrival-wrapper" style="display: none">
672                <label class="pick pick-ck">近くのバス停を同時に検索
673                    <input id="line-near-arrival" type="checkbox" value="on" checked="checked"/>
674                    <span class="pick_indicator"></span>
675                </label>
676            </p>
677        </li>
678    </ul>
679
680    <ul class="cdtn">
681        <li>
682            <p>乗車日</p>
683        </li>
684        <li class="bDate">
685            <p class="selectbox00 selModalButton_85">
686                <select id="line-date" name="line-date" class="selmodal00">
687                    <option value="">選択してください</option>
688                </select>
689                <input type="hidden" id="datepicker" name="datepicker" class="datePicker"/>
690            </p>
691        </li>
692    </ul>
693
694    <ul class="cdtn">
695        <li>
696            <p>人 数</p>
697        </li>
698        <li class="peopleNumber">
699            <p class="selectbox00">
700                <span><img src="/gp/202103/images/icon-men.svg">男性</span>
701                <input type="text" placeholder="-" class="male_count_disp input_person" id="male_count_disp">
702            </p>
703            <p class="selectbox00">
704                <span><img src="/gp/202103/images/icon-women.svg">女性</span>
705                <input type="text" placeholder="-" class="female_count_disp input_person" id="female_count_disp">
706            </p>
707            <a href="" data-target="peopleNum" class="modal00-open"></a>
708        </li>
709    </ul>
710    <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return doSubmitLine()"><span>検索する</span></button>
711    <button type="button" class="cmnBtn cmnBtnGry" onclick="return doClearLine()"><span class="nonArrow">選択内容をクリアする</span></button>
712
713
714    <form name="spsearch" id="line-search" action="/gp/reservation/rsvPlanList#infomationArea" method="get">
715        <input type="hidden" name="mode" value="search"/>
716        <input type="hidden" class="route" name="route" value=""/>
717        <input type="hidden" class="lineId" name="lineId" value=""/>
718        <input type="hidden" class="nearCheckOnStation" name="nearCheckOnStation" value=""/>
719        <input type="hidden" class="nearCheckOffStation" name="nearCheckOffStation" value=""/>
720        <input type="hidden" class="onStationCd" name="onStationCd" value=""/>
721        <input type="hidden" class="offStationCd" name="offStationCd" value=""/>
722        <input type="hidden" class="bordingDate" name="bordingDate" value=""/>
723        <input type="hidden" class="danseiNum" name="danseiNum" value=""/>
724        <input type="hidden" class="zyoseiNum" name="zyoseiNum" value=""/>
725        <!-- 人数項目(追加分) -->
726        <input type="hidden" class="adultMen" name="adultMen" value=""/>
727        <input type="hidden" class="adultWomen" name="adultWomen" value=""/>
728        <input type="hidden" class="childMen" name="childMen" value=""/>
729        <input type="hidden" class="childWomen" name="childWomen" value=""/>
730        <input type="hidden" class="handicapAdultMen" name="handicapAdultMen" value=""/>
731        <input type="hidden" class="handicapAdultWomen" name="handicapAdultWomen" value=""/>
732        <input type="hidden" class="handicapChildMen" name="handicapChildMen" value=""/>
733        <input type="hidden" class="handicapChildWomen" name="handicapChildWomen" value=""/>
734    </form>
735</div>
736
737<!-- -->
738<input type="hidden" id="isSearchHistoryDisp" value="false"/>
739<input type="hidden" id="historyArea" value=""/>
740<input type="hidden" id="historyLine" value=""/>
741<input type="hidden" id="historyOn" value=""/>
742<input type="hidden" id="historyOff" value=""/>
743
744
745<script>
746    function doSubmitLine() {
747
748        const route = $("#line-area").val();
749        const lineId = $("#line-line").val();
750        const nearCheckOnStation = $("#line-near-departure").prop('checked') ? 'on' : '';
751        const nearCheckOffStation = $("#line-near-arrival").prop('checked') ? 'on' : '';
752        const onStationCd = $("#line-departure").val();
753        const offStationCd = $("#line-arrival").val();
754        const bordingDate = $("#line-date").val();
755        const danseiNum = $("#male_count_disp").val() || 0;
756        const zyoseiNum = $("#female_count_disp").val() || 0;
757        const adultMen = $("#adultMen_count").val() || 0;
758        const adultWomen = $("#adultWomen_count").val() || 0;
759        const childMen = $("#childMen_count").val() || 0;
760        const childWomen = $("#childWomen_count").val() || 0;
761        const handicapAdultMen = $("#handicapAdultMen_count").val() || 0;
762        const handicapAdultWomen = $("#handicapAdultWomen_count").val() || 0;
763        const handicapChildMen = $("#handicapChildMen_count").val() || 0;
764        const handicapChildWomen = $("#handicapChildWomen_count").val() || 0;
765        const person = (parseInt(danseiNum) + parseInt(zyoseiNum));
766
767        // 人数のみ空欄
768        if (route && lineId && onStationCd && offStationCd && bordingDate && person === 0) {
769            alert('人数を入力してください。')
770            return false;
771        }
772        // 乗車日のみ空欄
773        if (route && lineId && onStationCd && offStationCd && !bordingDate && person !== 0) {
774            alert('乗車日を選択してください。')
775            return false;
776        }
777
778        // 降車バス停のみ空欄
779        if (route && lineId && onStationCd && !offStationCd && bordingDate && person !== 0) {
780            alert('降車バス停を選択してください。')
781            return false;
782        }
783        //
784        if (!route || !lineId || !onStationCd || !offStationCd || !bordingDate || person === 0) {
785            //未入力あり
786            alert('空の選択項目があります')
787            return false;
788        }
789        // if (danseiNum === '' || zyoseiNum === '' || (danseiNum === '0' && zyoseiNum === '0')) {
790        //     //
791        //     alert('人数を入力してください。')
792        //     return false;
793        // }
794
795
796        //
797        $(".route").val(route);
798        $(".lineId").val(lineId);
799        $(".nearCheckOnStation").val(nearCheckOnStation);
800        $(".nearCheckOffStation").val(nearCheckOffStation);
801        $(".onStationCd").val(onStationCd);
802        $(".offStationCd").val(offStationCd);
803        $(".bordingDate").val(bordingDate);
804        $(".danseiNum").val(danseiNum);
805        $(".zyoseiNum").val(zyoseiNum);
806
807        $(".adultMen").val(adultMen);
808        $(".adultWomen").val(adultWomen);
809        $(".childMen").val(childMen);
810        $(".childWomen").val(childWomen);
811        $(".handicapAdultMen").val(handicapAdultMen);
812        $(".handicapAdultWomen").val(handicapAdultWomen);
813        $(".handicapChildMen").val(handicapChildMen);
814        $(".handicapChildWomen").val(handicapChildWomen);
815
816        $("#line-search").submit();
817
818        return false;
819    }
820    function doClearLine() {
821        $("#line-area").selModalSetValue('');
822        initSelect('#line-line')
823        $("#line-near-departure-wrapper").hide()
824        $("#line-near-departure").prop('checked', false)
825        $("#line-near-arrival-wrapper").hide()
826        $("#line-near-arrival").prop('checked', false)
827        initSelect('#line-departure')
828        initSelect('#line-arrival')
829        initSelect('#line-date')
830        initPerson()
831
832        // $("#line-line").val('');
833        // $("#line-departure").val('');
834        // $("#line-arrival").val('');
835        // $("#line-date").val('');
836        // $("#male_count_disp").val('0');
837        // $("#female_count_disp").val('0');
838
839        $("#adultMen_count").val('0');
840        $("#adultWomen_count").val('0');
841        $("#childMen_count").val('0');
842        $("#childWomen_count").val('0');
843        $("#handicapAdultMen_count").val('0');
844        $("#handicapAdultWomen_count").val('0');
845        $("#handicapChildMen_count").val('0');
846        $("#handicapChildWomen_count").val('0');
847
848    }
849</script>
849
850
851
852                        
853                        
854<input id="tab02" type="radio" name="tab" class="tab-switch2">
855<label class="tab-label2" for="tab02"></label>
856<div class="tab-content2">
857    <form id="routeList" name="routeList" action="/gp/reservation/rsvRouteListSelection#init" method="post">
858
859        <ul class="cdtn noBorder">
860            <li>
861                <p>出発地<span>都道府県</span></p>
862            </li>
863            <li>
864                <p class="selectbox00">
865                    <select name="rrefNameCd" id="rrefNameCd" onchange="getPrefLocal(this, document.getElementById('rrefCityCd'));" class="selmodal00">
866                        <option value="" selected="selected">選択してください</option>
867                        
868                            <option value="104">宮城県</option>
869                        
870                            <option value="113">東京都</option>
871                        
872                            <option value="119">山梨県</option>
873                        
874                            <option value="120">長野県</option>
875                        
876                            <option value="122">静岡県</option>
877                        
878                            <option value="123">愛知県</option>
879                        
880                            <option value="121">岐阜県</option>
881                        
882                            <option value="127">大阪府</option>
883                        
884                        <option value="" disabled="disabled">------</option>
885                        
886                            <option value="001">(北海道地方)</option>
887                        
888                            <option value="101"> 北海道</option>
889                        
890                            <option value="002">(東北地方)</option>
891                        
892                            <option value="102"> 青森県</option>
893                        
894                            <option value="103"> 岩手県</option>
895                        
896                            <option value="104"> 宮城県</option>
897                        
898                            <option value="105"> 秋田県</option>
899                        
900                            <option value="106"> 山形県</option>
901                        
902                            <option value="107"> 福島県</option>
903                        
904                            <option value="003">(関東地方)</option>
905                        
906                            <option value="108"> 茨城県</option>
907                        
908                            <option value="109"> 栃木県</option>
909                        
910                            <option value="110"> 群馬県</option>
911                        
912                            <option value="111"> 埼玉県</option>
913                        
914                            <option value="112"> 千葉県</option>
915                        
916                            <option value="113"> 東京都</option>
917                        
918                            <option value="114"> 神奈川県</option>
919                        
920                            <option value="004">(甲信越地方)</option>
921                        
922                            <option value="115"> 新潟県</option>
923                        
924                            <option value="119"> 山梨県</option>
925                        
926                            <option value="120"> 長野県</option>
927                        
928                            <option value="005">(東海地方)</option>
929                        
930                            <option value="121"> 岐阜県</option>
931                        
932                            <option value="122"> 静岡県</option>
933                        
934                            <option value="123"> 愛知県</option>
935                        
936                            <option value="124"> 三重県</option>
937                        
938                            <option value="006">(北陸地方)</option>
939                        
940                            <option value="116"> 富山県</option>
941                        
942                            <option value="117"> 石川県</option>
943                        
944                            <option value="118"> 福井県</option>
945                        
946                            <option value="007">(関西地方)</option>
947                        
948                            <option value="125"> 滋賀県</option>
949                        
950                            <option value="126"> 京都府</option>
951                        
952                            <option value="127"> 大阪府</option>
953                        
954                            <option value="128"> 兵庫県</option>
955                        
956                            <option value="129"> 奈良県</option>
957                        
958                            <option value="130"> 和歌山県</option>
959                        
960                            <option value="008">(中国地方)</option>
961                        
962                            <option value="131"> 鳥取県</option>
963                        
964                            <option value="132"> 島根県</option>
965                        
966                            <option value="133"> 岡山県</option>
967                        
968                            <option value="134"> 広島県</option>
969                        
970                            <option value="135"> 山口県</option>
971                        
972                            <option value="009">
972(四国地方)</option>
973                        
974                            <option value="136"> 徳島県</option>
975                        
976                            <option value="137"> 香川県</option>
977                        
978                            <option value="138"> 愛媛県</option>
979                        
980                            <option value="139"> 高知県</option>
981                        
982                            <option value="010">(九州地方)</option>
983                        
984                            <option value="140"> 福岡県</option>
985                        
986                            <option value="141"> 佐賀県</option>
987                        
988                            <option value="142"> 長崎県</option>
989                        
990                            <option value="143"> 熊本県</option>
991                        
992                            <option value="144"> 大分県</option>
993                        
994                            <option value="145"> 宮崎県</option>
995                        
996                            <option value="146"> 鹿児島県</option>
997                        
998                    </select>
999                </p>
1000            </li>
1001        </ul>
1002        <ul class="cdtn sprtLine">
1003            <li>
1004                <p>エリア</p>
1005            </li>
1006            <li>
1007                <p class="selectbox00">
1008                    <select name="rrefCityCd" id="rrefCityCd" class="selmodal00">
1009                        <option value="" selected="selected">指定なし</option>
1010                    </select>
1011                </p>
1012            </li>
1013        </ul>
1014        <ul class="cdtn noBorder">
1015            <li>
1016                <p>到着地<span>都道府県</span></p>
1017            </li>
1018            <li>
1019                <p class="selectbox00">
1020                    <select name="arefNameCd" id="arefNameCd" class="w108 selmodal00" onchange="getPrefLocal(this, document.getElementById('arefCityCd'));">
1021                        <option value="" selected="selected">選択してください</option>
1022                        
1023                            <option value="104">宮城県</option>
1024                        
1025                            <option value="113">東京都</option>
1026                        
1027                            <option value="119">山梨県</option>
1028                        
1029                            <option value="120">長野県</option>
1030                        
1031                            <option value="122">静岡県</option>
1032                        
1033                            <option value="123">愛知県</option>
1034                        
1035                            <option value="121">岐阜県</option>
1036                        
1037                            <option value="127">大阪府</option>
1038                        
1039                        <option value="" disabled="disabled">------</option>
1040                        
1041                            <option value="001">(北海道地方)</option>
1042                        
1043                            <option value="101"> 北海道</option>
1044                        
1045                            <option value="002">(東北地方)</option>
1046                        
1047                            <option value="102"> 青森県</option>
1048                        
1049                            <option value="103"> 岩手県</option>
1050                        
1051                            <option value="104"> 宮城県</option>
1052                        
1053                            <option value="105"> 秋田県</option>
1054                        
1055                            <option value="106"> 山形県</option>
1056                        
1057                            <option value="107"> 福島県</option>
1058                        
1059                            <option value="003">(関東地方)</option>
1060                        
1061                            <option value="108"> 茨城県</option>
1062                        
1063                            <option value="109"> 栃木県</option>
1064                        
1065                            <option value="110"> 群馬県</option>
1066                        
1067                            <option value="111"> 埼玉県</option>
1068                        
1069                            <option value="112"> 千葉県</option>
1070                        
1071                            <option value="113"> 東京都</option>
1072                        
1073                            <option value="114"> 神奈川県</option>
1074                        
1075                            <option value="004">(甲信越地方)</option>
1076                        
1077                            <option value="115"> 新潟県</option>
1078                        
1079                            <option value="119"> 山梨県</option>
1080                        
1081                            <option value="120"> 長野県</option>
1082                        
1083                            <option value="005">(東海地方)</option>
1084                        
1085                            <option value="121"> 岐阜県</option>
1086                        
1087                            <option value="122"> 静岡県</option>
1088                        
1089                            <option value="123"> 愛知県</option>
1090                        
1091                            <option value="124"> 三重県</option>
1092                        
1093                            <option value="006">(北陸地方)</option>
1094                        
1095                            <option value="116"> 富山県</option>
1096                        
1097                            <option value="117"> 石川県</option>
1098                        
1099                            <option value="118"> 福井県</option>
1100                        
1101                            <option value="007">(関西地方)</option>
1102                        
1103                            <option value="125"> 滋賀県</option>
1104                        
1105                            <option value="126"> 京都府</option>
1106                        
1107                            <option value="127"> 大阪府</option>
1108                        
1109                            <option value="128"> 兵庫県</option>
1110                        
1111                            <option value="129"> 奈良県</option>
1112                        
1113                            <option value="130"> 和歌山県</option>
1114                        
1115                            <option value="008">(中国地方)</option>
1116                        
1117                            <option value="131"> 鳥取県</option>
1118                        
1119                            <option value="132"> 島根県</option>
1120                        
1121                            <option value="133"> 岡山県</option>
1122                        
1123                            <option value="134"> 広島県</option>
1124                        
1125                            <option value="135"> 山口県</option>
1126                        
1127                            <option value="009">
1127(四国地方)</option>
1128                        
1129                            <option value="136"> 徳島県</option>
1130                        
1131                            <option value="137"> 香川県</option>
1132                        
1133                            <option value="138"> 愛媛県</option>
1134                        
1135                            <option value="139"> 高知県</option>
1136                        
1137                            <option value="010">(九州地方)</option>
1138                        
1139                            <option value="140"> 福岡県</option>
1140                        
1141                            <option value="141"> 佐賀県</option>
1142                        
1143                            <option value="142"> 長崎県</option>
1144                        
1145                            <option value="143"> 熊本県</option>
1146                        
1147                            <option value="144"> 大分県</option>
1148                        
1149                            <option value="145"> 宮崎県</option>
1150                        
1151                            <option value="146"> 鹿児島県</option>
1152                        
1153                    </select>
1154                </p>
1155            </li>
1156        </ul>
1157        <ul class="cdtn">
1158            <li>
1159                <p>エリア</p>
1160            </li>
1161            <li>
1162                <p class="selectbox00">
1163                    <select name="arefCityCd" id="arefCityCd" class="selmodal00">
1164                        <option value="" selected="selected">指定なし</option>
1165                    </select>
1166                </p>
1167            </li>
1168        </ul>
1169        <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return arrivalDepartureSubmit()"><span>検索する</span></button>
1170        
1171    </form>
1172</div>
1173
1174                        
1175                        
1176
1177<input id="tab03" type="radio" name="tab" class="tab-switch3">
1178<label class="tab-label3" for="tab03"></label>
1179<div class="tab-content3">
1180    <form id="stationSearchForm" name="stationSearchForm" action="/gp/reservation/rsvBusStopSearch#init" method="post">
1181        <ul class="cdtn noBorder">
1182            <li>
1183                <p>乗車バス停名</p>
1184            </li>
1185            <li>
1186                <p class="input00">
1187                    <input id="keyWord" name="keyWord" class="textArea -colorDefault" placeholder="バス停名を入力" type="text" value=""/>
1188                    <input id="searchItem" name="searchItem" value="3" type="hidden" value=""/>
1189                </p>
1190            </li>
1191        </ul>
1192        <button type="button" class="cmnBtn cmnBtnOrg mgnT1em"
1193                onclick="return stationSearchSubmit()"><span>検索する</span></button>
1194        
1195        </button>
1196    </form>
1197</div>
1198
1199
1200
1201                        
1202                        
1203<script type="text/javascript">
1204    $(document).ready(function () {
1205        changeRosen(document.cpnSearch.lineGroupNo.value)
1206    });
1207
1208    //系統から路線一覧を取得
1209    function changeRosen(param) {
1210        var url = 'ajaxPulldown?mode=web_coupon&id=' + param;
1211        //var url = 'ajax';
1212        var xml = new JKL.ParseXML(url, 'post');
1213        xml.async(changeRosen_ajax);
1214        var data = xml.parse();
1215
1216        function changeRosen_ajax(r) {
1217            var line = '';
1218            var departure = '';
1219            var arrival = '';
1220
1221            //初期化
1222            document.cpnSearch.line.options.length = 0;
1223            document.cpnSearch.line.options[0] = new Option('選択してください', '');
1224            document.cpnSearch.departure.options.length = 0;
1225            document.cpnSearch.departure.options[0] = new Option('選択してください', '');
1226            document.cpnSearch.arrival.options.length = 0;
1227            document.cpnSearch.arrival.options[0] = new Option('選択してください', '');
1228
1229            //プルダウンに値をセット
1230            if (r.results.rosen.num == 0) {
1231
1232            } else if (r.results.rosen.num == 1) {
1233                document.cpnSearch.line.options[1] = new Option(r.results.rosen.name, r.results.rosen.id);
1234            } else if (r.results.rosen.num > 1) {
1235                for (i = 0; i < r.results.rosen.num; i++) {
1236                    document.cpnSearch.line.options[i + 1] = new Option(r.results.rosen.name[i], r.results.rosen.id[i]);
1237                }
1238            }
1239            $('.selmodal00').selModal();
1240        }
1241    }
1242
1243    //路線から乗る駅を取得
1244    function changeStation_geton(param) {
1245        var url = 'ajaxPulldown?mode=station_geton_coupon&id=' + param;
1246        var xml = new JKL.ParseXML(url, 'post');
1247        xml.async(changeStation_geton_ajax);
1248        var data = xml.parse();
1249
1250        function changeStation_geton_ajax(r) {
1251            var departure = '';
1252            var arrival = '';
1253
1254            //初期化
1255            document.cpnSearch.departure.options.length = 0;
1256            document.cpnSearch.departure.options[0] = new Option('選択してください', '');
1257            document.cpnSearch.arrival.options.length = 0;
1258            document.cpnSearch.arrival.options[0] = new Option('選択してください', '');
1259
1260            //プルダウンに値をセット
1261            if (r.results.rosen.num == 0) {
1262
1263            } else if (r.results.rosen.num == 1) {
1264
1265                document.cpnSearch.departure.options[1] = new Option(r.results.rosen.name, r.results.rosen.id);
1266
1267            } else if (r.results.rosen.num > 1) {
1268
1269                for (i = 0; i < r.results.rosen.num; i++) {
1270                    document.cpnSearch.departure.options[i + 1] = new Option(r.results.rosen.name[i], r.results.rosen.id[i]);
1271
1272                }
1273            }
1274
1275            $('.selmodal00').selModal();
1276        }
1277    }
1278
1279    //路線、乗る駅から降りる駅を取得
1280    function changeStation_getoff(lineid, stationcd) {
1281        const arrival_value = $("#arrival").val();
1282        var url = 'ajaxPulldown?mode=station_getoff_coupon&id=' + lineid
1283            + '&stationcd=' + stationcd;
1284        var xml = new JKL.ParseXML(url, 'post');
1285        xml.async(changeStation_getoff_ajax);
1286        var data = xml.parse();
1287
1288        function changeStation_getoff_ajax(r) {
1289            var arrival = '';
1290            var is_found = false;
1291
1292            //初期化
1293            document.cpnSearch.arrival.options.length = 0;
1294            document.cpnSearch.arrival.options[0] = new Option('選択してください', '');
1295
1296            //プルダウンに値をセット
1297            if (r.results.rosen.num == 0) {
1298
1299            } else if (r.results.rosen.num == 1) {
1300                document.cpnSearch.arrival.options[1] = new Option(
1301                    r.results.rosen.name, r.results.rosen.id);
1302
1303                //
1304                is_found = (r.results.rosen.id == arrival_value);
1305            } else if (r.results.rosen.num > 1) {
1306                for (i = 0; i < r.results.rosen.num; i++) {
1307                    document.cpnSearch.arrival.options[i + 1] = new Option(
1308                        r.results.rosen.name[i], r.results.rosen.id[i]);
1309                    //
1310                    is_found = is_found || (r.results.rosen.id[i] == arrival_value);
1311
1312                }
1313            }
1314            $('.selmodal00').selModal();
1315            if (is_found && arrival_value) {
1316                $("#arrival").selModalSetValue(arrival_value)
1317            }
1318
1319        }
1320    }
1321
1322    function buy_coupon(buyCoupon) {
1323        buyCoupon.action = 'cpnSalesInput';
1324        buyCoupon.method = 'GET';
1325        buyCoupon.submit();
1326    }
1327
1328</script>
1328
1329
1330<input id="tab04" type="radio" name="tab" class="tab-switch4">
1331<label class="tab-label4" for="tab04"></label>
1332
1333
1334<div class="tab-content4">
1335    
1336        
1337        <div class="login-btn">
1338            <section>
1339                <p>WEB回数券購入およびWEB回数券で予約する際はログインして下さい。</p>
1340                <button type="submit" class="cmnBtn cmnBtnOrg mgnT1em" onclick="location.href='/gp/mypage/mypLogin'"><span>ログインする</span></button>
1341            </section>
1342        </div>
1343    
1344
1345    <section class="typeCoupnon mgnB1em">
1346        <p class="sub">購入済みのWEB回数券から予約する</p>
1347        
1348            
1349            
1350            
1351            
1352                <button type="submit" class="cmnBtn cmnBtnOrg" onclick="location.href='/gp/mypage/mypLogin?coupon=buyList'"><span>購入済み「WEB回数券」</span></button>
1353            
1354        
1355
1356        
1357
1358
1359    </section>
1360
1361    <section class="typeCoupnon">
1362        <form id="cpnSearch" name="cpnSearch" action="/gp/coupon/cpnSearch" method="post">
1363            
1364            <input type="hidden" name="status" value="CONDITION"/>
1365            
1366            <p class="sub">販売中のWEB回数券を購入して予約する</p>
1367            <ul class="cdtn">
1368                <li>
1369                    <p>系統</p>
1370                </li>
1371                <li>
1372                    <p class="selectbox00">
1373                        <select name="lineGroupNo" id="route" class="selmodal00" onChange="changeRosen(this.value);">
1374                            <option value="" selected disabled>選択してください</option>
1375                            
1376                                <option value="1" >新宿駅・東京駅</option>
1377                            
1378                                <option value="2" >名古屋(愛知県)</option>
1379                            
1380                                <option value="14" >福岡県(福岡・北九州など)</option>
1381                            
1382                                <option value="6" >東北地方(岩手・青森・福島など</option>
1383                            
1384                                <option value="171" >宮城県(仙台駅など)</option>
1385                            
1386                                <option value="140" >北関東地方(茨城・栃木・群馬)</option>
1387                            
1388                                <option value="75" >東京都23区(渋谷・池袋など)</option>
1389                            
1390                                <option value="45" >東京都西部(多摩地域)</option>
1391                            
1392                                <option value="139" >南関東(神奈川・埼玉・千葉)</option>
1393                            
1394                                <option value="3" >羽田空港</option>
1395                            
1396                                <option value="4" >成田空港</option>
1397                            
1398                                <option value="7" >山梨県(富士五湖・甲府など)</option>
1399                            
1400                                <option value="8" >長野県(松本・伊那・白馬など)</option>
1401                            
1402                                <option value="15" >岐阜県(岐阜・高山・白川郷など</option>
1403                            
1404                                <option value="11" >東海地方(静岡・浜松・沼津など</option>
1405                            
1406                                <option value="10" >北陸地方(金沢・富山・福井など</option>
1407                            
1408                                <option value="12" >関西地方(大阪・神戸・京都など</option>
1409                            
1410                                <option value="136" >中国地方(岡山・広島・鳥取など</option>
1411                            
1412                                <option value="13" >四国地方(松山・高松・徳島など</option>
1413                            
1414                                <option value="170" >佐賀県(鳥栖など)</option>
1415                            
1416                                <option value="165" >長崎県(長崎・佐世保・島原など</option>
1417                            
1418                                <option value="167" >熊本県(熊本・黒川温泉など)</option>
1419                            
1420                                <option value="166" >大分県(大分・別府・湯布院など</option>
1421                            
1422                                <option value="168" >宮崎県(宮崎・延岡・高千穂など</option>
1423                            
1424                                <option value="169" >鹿児島県(鹿児島など)</option>
1425                            
1426                                <option value="76" >バスツアー</option>
1427                            
1428                                <option value="196" >北海道発着</option>
1429                            
1430                        </select>
1431                    </p>
1432                </li>
1433            </ul>
1434            <ul class="cdtn">
1435                <li>
1436                    <p>路線</p>
1437                </li>
1438                <li>
1439                    <p class="selectbox00">
1440                        <select name="lineId" id="line" class="selmodal00" onChange="changeStation_geton(this.value);">
1441                            <option value="" selected disabled>選択してください</option>
1442                                
1443                        </select>
1444                    </p>
1445                </li>
1446            </ul>
1447            <ul class="cdtn noBorder">
1448                <li>
1449                    <p>
1449乗車バス停</p>
1450                </li>
1451                <li>
1452                    <p class="selectbox00 mgnB05em">
1453                        <select name="onStationCd" id="departure" class="selmodal00" onChange="changeStation_getoff( document.getElementById('line').value, this.value);">
1454                            <option value="" selected disabled>選択してください</option>
1455                                
1456                        </select>
1457                    </p>
1458                </li>
1459            </ul>
1460            
1461            <ul class="cdtn">
1462                <li>
1463                    <p>降車バス停</p>
1464                </li>
1465                <li>
1466                    <p class="selectbox00 mgnB05em">
1467                        <select name="offStationCd" id="arrival" class="selmodal00">
1468                            <option value="" selected disabled>選択してください</option>
1469                                
1470                        </select>
1471                    </p>
1472                </li>
1473            </ul>
1474            <ul class="cdtn">
1475                <li>人員区分</li>
1476                <li>
1477                    <p class="pick00">
1478                        <label class="pick pick-rd">大人 <input id="menClassKbn1" name="menClassKbn" class="radioButton_input" type="radio" value="1" checked="checked"> <span class="pick_indicator"></span>
1479                        </label>
1480                    </p>
1481                    <p class="pick00">
1482                        <label class="pick pick-rd">小人 <input id="menClassKbn2" name="menClassKbn" class="radioButton_input" type="radio" value="2"> <span class="pick_indicator"></span>
1483                        </label>
1484                    </p>
1485                </li>
1486            </ul>
1487
1488            <button type="submit" class="cmnBtn cmnBtnOrg mgnT2em"><span>検索する</span></button>
1489        </form>
1490
1491    </section>
1492
1493</div>
1494
1495
1496                        
1497                        
1498
1499<input id="tab05" type="radio" name="tab" class="tab-switch5" >
1500<label class="tab-label5" for="tab05"></label>
1501<div class="tab-content5">
1502    
1503        
1504        <div class="login-btn">
1505            <section>
1506                <p>お気に入り路線を使用して予約する際はログインして下さい。</p>
1507                <button type="submit" class="cmnBtn cmnBtnOrg mgnT1em" onclick="location.href='/gp/mypage/mypLogin?favorite=1'"><span>ログインする</span></button>
1508            </section>
1509        </div>
1510    
1511
1512    
1513
1514    <ul class="cdtn">
1515        <li>
1516            <p>お気に入り<br>登録路線</p>
1517        </li>
1518        <li>
1519            <p class="selectbox00">
1520                <select id="favorite-line" name="favorite-line" class="selmodal00">
1521                    <option value="">選択してください</option>
1522                    
1523                </select>
1524            </p>
1525
1526        </li>
1527    </ul>
1528
1529    <ul class="cdtn noBorder">
1530        <li>
1531            <p>乗車バス停</p>
1532        </li>
1533        <li>
1534            <p class="selectbox00 mgnB05em">
1535                <select id="favorite-departure" name="favorite-departure" class="selmodal00">
1536                </select>
1537            </p>
1538            <p class="pick00" id="favorite-near-departure-wrapper" style="display: none">
1539                <label class="pick pick-ck">近くのバス停を同時に検索
1540                    <input id="favorite-near-departure" type="checkbox" value="on" checked="checked"/>
1541                    <span class="pick_indicator"></span>
1542                </label>
1543            </p>
1544        </li>
1545    </ul>
1546    <ul class="cdtn noBorder">
1547        <li>&nbsp;</li>
1548        <li class="swap">
1549            <span class="material-icons swap-bus-stop-favorite"
1550                  data-departure="favorite-departure"
1551                  data-arrival="favorite-arrival">swap_vert</span>&nbsp;
1551バス停を入れ替える
1552        </li>
1553    </ul>
1554    <ul class="cdtn">
1555        <li>
1556            <p>降車バス停</p>
1557        </li>
1558        <li>
1559            <p class="selectbox00 mgnB05em">
1560                <select id="favorite-arrival" name="favorite-arrival" class="selmodal00">
1561                </select>
1562            </p>
1563            <p class="pick00" id="favorite-near-arrival-wrapper" style="display: none">
1564                <label class="pick pick-ck">近くのバス停を同時に検索
1565                    <input id="favorite-near-arrival" type="checkbox" value="on" checked="checked"/>
1566                    <span class="pick_indicator"></span>
1567                </label>
1568            </p>
1569        </li>
1570    </ul>
1571    <ul class="cdtn">
1572        <li>
1573            <p>乗車日</p>
1574        </li>
1575        <li class="bDate">
1576            <p class="selectbox00 selModalButton_85">
1577                <select id="favorite-date" name="favorite-date" class="selmodal00">
1578                    <option value="">選択してください</option>
1579                </select>
1580                <input type="hidden" id="datepicker" name="datepicker" class="datePicker"/>
1581            </p>
1582        </li>
1583    </ul>
1584
1585
1586    <ul class="cdtn">
1587        <li>
1588            <p>人 数</p>
1589        </li>
1590        <li class="peopleNumber">
1591            <p class="selectbox00">
1592                <span><img src="/gp/202103/images/icon-men.svg">男性</span>
1593                <input type="text" placeholder="-" class="male_count_disp input_person" id="male_count_disp">
1594            </p>
1595            <p class="selectbox00">
1596                <span><img src="/gp/202103/images/icon-women.svg">女性</span>
1597                <input type="text" placeholder="-" class="female_count_disp input_person" id="female_count_disp">
1598            </p>
1599            <a href="" data-target="peopleNum" class="modal00-open"></a>
1600        </li>
1601    </ul>
1602
1603    <button type="button" class="cmnBtn cmnBtnOrg mgnT1em" onclick="return doSubmitFavorite()"><span>検索する</span></button>
1604    <button type="button" class="cmnBtn cmnBtnGry" onclick="return doClearFavorite()"><span class="nonArrow">選択内容をクリアする</span></button>
1605
1606
1607    <form name="spsearch" id="favorite-search" action="/gp/reservation/rsvPlanList#infomationArea" method="get">
1608        <input type="hidden" name="mode" value="search"/>
1609        <input type="hidden" class="route" name="route" value=""/>
1610        <input type="hidden" class="lineId" name="lineId" value=""/>
1611        <input type="hidden" class="nearCheckOnStation" name="nearCheckOnStation" value=""/>
1612        <input type="hidden" class="nearCheckOffStation" name="nearCheckOffStation" value=""/>
1613        <input type="hidden" class="onStationCd" name="onStationCd" value=""/>
1614        <input type="hidden" class="offStationCd" name="offStationCd" value=""/>
1615        <input type="hidden" class="bordingDate" name="bordingDate" value=""/>
1616        <input type="hidden" class="danseiNum" name="danseiNum" value=""/>
1617        <input type="hidden" class="zyoseiNum" name="zyoseiNum" value=""/>
1618        <!-- 人数項目(追加分) -->
1619        <input type="hidden" class="adultMen" name="adultMen" value=""/>
1620        <input type="hidden" class="adultWomen" name="adultWomen" value=""/>
1621        <input type="hidden" class="childMen" name="childMen" value=""/>
1622        <input type="hidden" class="childWomen" name="childWomen" value=""/>
1623        <input type="hidden" class="handicapAdultMen" name="handicapAdultMen" value=""/>
1624        <input type="hidden" class="handicapAdultWomen" name="handicapAdultWomen" value=""/>
1625        <input type="hidden" class="handicapChildMen" name="handicapChildMen" value=""/>
1626        <input type="hidden" class="handicapChildWomen" name="handicapChildWomen" value=""/>
1627    </form>
1628</div>
1629
1630
1631<script>
1632
1633    let favoriteDepartureNearBy = {};
1634    let favoriteArrivalNearBy = {};
1635    let favorite_last_arrival = null;
1636
1637    //
1638    function getValue(val, index) {
1639        // line_onStationCd_onStationName_offStationCd_offStationName
1640        let s = val.split("_")
1641        return s[index]
1642    }
1643
1644    // 乗車バス停を取得
1645    function getDepartureFavorite(e, callback) {
1646        // 下層selectを初期化する
1647        initSelect('#favorite-departure');
1648        initSelect('#favorite-arrival');
1649        initSelect('#favorite-date');
1650        initPerson()
1651
1652        const value = $("#favorite-line").val();
1653        if (!value) return
1654
1655        const lineId = getValue(value, 0)
1656        // const onStationCd = getValue(value, 1)
1657        // const offStationCd = getValue(value, 2)
1658        //
1659        // console.log(value, lineId, onStationCd, offStationCd)
1660
1661
1662        //乗車バス停一覧を取得
1663        const url = 'ajaxPulldown?mode=station_geton&id=' + lineId
1664        const xml = new JKL.ParseXML(url, 'POST');
1665        xml.async(function (r) {
1666            //
1667            favoriteDepartureNearBy = {};
1668            const element = $('#favorite-departure');
1669            const results = r.results
1670            const rosen = results.rosen;
1671            const num = rosen.num;
1672            if (num == 1) {
1673                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
1674                favoriteDepartureNearBy[rosen.id] = rosen.nearbyStationFlg;
1675            } else {
1676                for (let i = 0; i < num; i++) {
1677                    const rosen_id = rosen.id[i];
1678                    const rosen_name = rosen.name[i];
1679                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
1680                    element.append("<option value='" + rosen_id + "' >" + rosen_name + "</option>")
1681                    //
1682                    favoriteDepartureNearBy[rosen_id] = nearbyStationFlg
1683                }
1684            }
1685            element.selModal()
1686            //
1687            if (callback) {
1688                callback();
1689            }
1690        })
1691        xml.parse();
1692    }
1693
1694    // 降車バス停を取得
1695    function getArrivalFavorite(e, callback) {
1696        const value = $("#favorite-line").val();
1697        if (!value) return
1698
1699        // 現在選択されている降車バス停を保存
1700        favorite_last_arrival = $('#favorite-arrival').val();
1701
1702        // 下層selectを初期化する
1703        initSelect('#favorite-arrival');
1704        initSelect('#favorite-date');
1705        initPerson()
1706
1707        //
1708        // const lineId = $("#favorite-line").val();
1709        const lineId = getValue(value, 0);
1710        const onStation = $("#favorite-departure").val()
1711
1712        //
1713        const nearby = favoriteDepartureNearBy[onStation]
1714        const wrapper = $("#favorite-near-departure-wrapper");
1715        const checkbox = $("#favorite-near-departure");
1716        if (nearby === '1') {
1717            // [近くのバス停を同時に検索]あり
1718            wrapper.show();
1719            checkbox.prop('checked', true)
1720        } else {
1721            // [近くのバス停を同時に検索]なし
1722            wrapper.hide();
1723            checkbox.prop('checked', false)
1724        }
1725
1726        //乗車バス停一覧を取得
1727        const url = 'ajaxPulldown?mode=station_getoff&id=' + lineId + '&stationcd=' + onStation;
1728        const xml = new JKL.ParseXML(url, 'POST');
1729        xml.async(function (r) {
1730            //
1731            favoriteArrivalNearBy = {};
1732            const element = $('#favorite-arrival');
1733            const results = r.results
1734            const rosen = results.rosen;
1735            const num = rosen.num;
1736
1737            if (num == 1) {
1738                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
1739                favoriteArrivalNearBy[rosen.id] = rosen.nearbyStationFlg;
1740            } else {
1741                for (let i = 0; i < num; i++) {
1742                    const rosen_id = rosen.id[i];
1743                    const rosen_name = rosen.name[i];
1744                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
1745                    element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>")
1746                    //
1747                    favoriteArrivalNearBy[rosen_id] = nearbyStationFlg
1748                }
1749            }
1750
1751            // 保存した降車バス停を設定する
1752            if (favorite_last_arrival) {
1753                element.val(favorite_last_arrival);
1754            }
1755            favorite_last_arrival = null;
1756
1757            element.selModal()
1758            //
1759            if (callback) {
1760                callback();
1761            }
1762        });
1763        xml.parse();
1764
1765    }
1766
1767
1768    // 運行日の一覧を取得
1769    function getDateFavorite(callback) {
1770        const value = $("#favorite-line").val();
1771        if (!value) return
1772        const lineId = getValue(value, 0);
1773
1774        // 下層selectを初期化する
1775        initSelect('#favorite-date');
1776        initPerson()
1777
1778        //
1779        const onStation = $("#favorite-departure").val();
1780        const offStation = $("#favorite-arrival").val();
1781        //
1782        const nearby = favoriteArrivalNearBy[offStation]
1783        const wrapper = $("#favorite-near-arrival-wrapper");
1784        const checkbox = $("#favorite-near-arrival");
1785        if (nearby === '1') {
1786            // [近くのバス停を同時に検索]あり
1787            wrapper.show();
1788            checkbox.prop('checked', true)
1789        } else {
1790            // [近くのバス停を同時に検索]なし
1791            wrapper.hide();
1792            checkbox.prop('checked', false)
1793        }
1794
1795        //乗車バス停一覧を取得
1796        const url = 'ajaxPulldown?mode=date&id=' + lineId + '&onStation=' + onStation + '&offStation=' + offStation;
1797        const xml = new JKL.ParseXML(url, 'POST');
1798        xml.async(function (r) {
1799            //
1800            const holidays = {};
1801            const boardings = [];
1802
1803            const element = $('#favorite-date');
1804            const results = r.results;
1805            const rosen = results.rosen;
1806            const num = rosen.num;
1807            if (num == 1) {
1808                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
1809            } else {
1810                for (let i = 0; i < num; i++) {
1811                    const date_id = rosen.id[i];
1812                    const date_name = rosen.name[i];
1813                    boardings.push(date_id);
1814                    if (date_name.indexOf('祝') !== -1) {
1815                        holidays[date_id] = {sts: "祝日"};
1816                    }
1817                    element.append("<option value='" + date_id + "'>" + date_name + "</option>")
1818                }
1819            }
1820
1821            element.selModal()
1822
1823            //
1824            setDatePicker(holidays, boardings, "#favorite-date", "#datepicker");
1825
1826            //
1827            if (callback) {
1828                callback();
1829            }
1830
1831        });
1832        xml.parse();
1833    }
1834
1835    // function setDatePicker(holidays, boardings, selector_select, selector_datepicker) {
1836    //
1837    //     const datepicker = $(selector_datepickerli
1838    //     if (boardings.length === 0) {
1839    //         datepicker.datepicker('option', 'beforeShowDay', function (date) {
1840    //             return false;
1841    //         });
1842    //         datepicker.datepicker("option", "disabled", true);
1843    //         datepicker.datepicker("option", "minDate", new Date());
1844    //         datepicker.datepicker("option", "maxDate", new Date());
1845    //         return false;
1846    //     }
1847    //
1848    //     const maxDate = $.datepicker.parseDate('yymmdd', Math.max.apply(null, boardings));
1849    //     const minDate = $.datepicker.parseDate('yymmdd', Math.min.apply(null, boardings));
1850    //
1851    //     //
1852    //     const beforeShowDay = function (day) {
1853    //         const dateStr = $.datepicker.formatDate("yymmdd", day);
1854    //         const holiday = holidays[dateStr];
1855    //         let result = [true,];
1856    //
1857    //         // 祝日であるか
1858    //         if (holiday) {
1859    //             result = [true, "date-holiday"];
1860    //         } else if ($.inArray(dateStr, boardings) !== -1) {
1861    //             result = [true, ""];
1862    //         } else {
1863    //             result = [false, ""];
1864    //         }
1865    //         return result;
1866    //     };
1867    //     const onSelect = function (date, inst) {
1868    //         $(selector_select).selModalSetValue(date);
1869    //     };
1870    //     //
1871    //     datepicker.datepicker("option", "disabled", false);
1872    //     datepicker.datepicker('destroy');
1873    //     $.datepicker.setDefaults($.datepicker.regional['ja']);
1874    //     datepicker.datepicker({
1875    //         dateFormat: 'yymmdd',
1876    //         buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg",
1877    //         buttonText: "カレンダーから選択",
1878    //         buttonImageOnly: true,
1879    //         showOn: "button",
1880    //         minDate: minDate,
1881    //         maxDate: maxDate,
1882    //         beforeShowDay: beforeShowDay,
1883    //         onSelect: onSelect
1884    //     });
1885    //     datepicker.datepicker();
1886    //     datepicker.datepicker('setDate', new Date());
1887    //
1888    //     //
1889    //     $(selector_select).on('change', function () {
1890    //         const value = $(this).val();
1891    //         datepicker.datepicker("setDate", value);
1892    //     });
1893    //
1894    // }
1895
1896
1897    function doSubmitFavorite() {
1898
1899        // const route = $("#favorite-area").val();
1900        // const lineId = $("#favorite-line").val();
1901        const route = ""
1902        const value = $("#favorite-line").val();
1903        const lineId = value ? getValue(value, 0) : null;
1904        const nearCheckOnStation = $("#favorite-near-departure").prop('checked') ? 'on' : '';
1905        const nearCheckOffStation = $("#favorite-near-arrival").prop('checked') ? 'on' : '';
1906        const onStationCd = $("#favorite-departure").val();
1907        const offStationCd = $("#favorite-arrival").val();
1908        const bordingDate = $("#favorite-date").val();
1909        const danseiNum = $("#male_count_disp").val() || 0;
1910        const zyoseiNum = $("#female_count_disp").val() || 0;
1911        const adultMen = $("#adultMen_count").val() || 0;
1912        const adultWomen = $("#adultWomen_count").val() || 0;
1913        const childMen = $("#childMen_count").val() || 0;
1914        const childWomen = $("#childWomen_count").val() || 0;
1915        const handicapAdultMen = $("#handicapAdultMen_count").val() || 0;
1916        const handicapAdultWomen = $("#handicapAdultWomen_count").val() || 0;
1917        const handicapChildMen = $("#handicapChildMen_count").val() || 0;
1918        const handicapChildWomen = $("#handicapChildWomen_count").val() || 0;
1919        const person = (parseInt(danseiNum) + parseInt(zyoseiNum));
1920
1921        // 人数のみ空欄
1922        if (lineId && onStationCd && offStationCd && bordingDate && person === 0) {
1923            alert('人数を入力してください。')
1924            return false;
1925        }
1926        // 乗車日のみ空欄
1927        if (lineId && onStationCd && offStationCd && !bordingDate && person !== 0) {
1928            alert('乗車日を選択してください。')
1929            return false;
1930        }
1931
1932        // 降車バス停のみ空欄
1933        if (lineId && onStationCd && !offStationCd && bordingDate && person !== 0) {
1934            alert('降車バス停を選択してください。')
1935            return false;
1936        }
1937        //
1938        console.log(lineId, onStationCd, offStationCd, bordingDate, person)
1939        if (!lineId || !onStationCd || !offStationCd || !bordingDate || person === 0) {
1940            //未入力あり
1941            alert('空の選択項目があります')
1942            return false;
1943        }
1944        // if (danseiNum === '' || zyoseiNum === '' || (danseiNum === '0' && zyoseiNum === '0')) {
1945        //     //
1946        //     alert('人数を入力してください。')
1947        //     return false;
1948        // }
1949
1950
1951        //
1952        $(".route").val(route);
1953        $(".lineId").val(lineId);
1954        $(".nearCheckOnStation").val(nearCheckOnStation);
1955        $(".nearCheckOffStation").val(nearCheckOffStation);
1956        $(".onStationCd").val(onStationCd);
1957        $(".offStationCd").val(offStationCd);
1958        $(".bordingDate").val(bordingDate);
1959        $(".danseiNum").val(danseiNum);
1960        $(".zyoseiNum").val(zyoseiNum);
1961
1962        $(".adultMen").val(adultMen);
1963        $(".adultWomen").val(adultWomen);
1964        $(".childMen").val(childMen);
1965        $(".childWomen").val(childWomen);
1966        $(".handicapAdultMen").val(handicapAdultMen);
1967        $(".handicapAdultWomen").val(handicapAdultWomen);
1968        $(".handicapChildMen").val(handicapChildMen);
1969        $(".handicapChildWomen").val(handicapChildWomen);
1970
1971        $("#favorite-search").submit();
1972
1973        return false;
1974    }
1975
1976    function doClearFavorite() {
1977        $("#favorite-area").selModalSetValue('');
1978        initSelect('#favorite-line')
1979        $("#favorite-near-departure-wrapper").hide()
1980        $("#favorite-near-departure").prop('checked', false)
1981        $("#favorite-near-arrival-wrapper").hide()
1982        $("#favorite-near-arrival").prop('checked', false)
1983        initSelect('#favorite-departure')
1984        initSelect('#favorite-arrival')
1985        initSelect('#favorite-date')
1986        initPerson()
1987
1988        // $("#favorite-line").val('');
1989        // $("#favorite-departure").val('');
1990        // $("#favorite-arrival").val('');
1991        // $("#favorite-date").val('');
1992        // $("#male_count_disp").val('0');
1993        // $("#female_count_disp").val('0');
1994
1995        $("#adultMen_count").val('0');
1996        $("#adultWomen_count").val('0');
1997        $("#childMen_count").val('0');
1998        $("#childWomen_count").val('0');
1999        $("#handicapAdultMen_count").val('0');
2000        $("#handicapAdultWomen_count").val('0');
2001        $("#handicapChildMen_count").val('0');
2002        $("#handicapChildWomen_count").val('0');
2003
2004    }
2005</script>
2005
2006
2007
2008
2009                    </section>
2010                </article>
2011
2012
2013                <article class="home-nav-area">
2014
2015                    <section class="attn pc">
2016                        <section class="notice-inList notice-inList-home" id="attnArea">
2017                            <div id="contents749" style="display: none;">
2018                                															<dl>
2019							<dt>2026.09.30&nbsp;&nbsp;<img src="https://www.highwaybus.com/gp/img/info/topics/icon_new.gif"></dt>
2020		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=19431&type=1">メールでのお問い合わせへの回答遅延について</a></dd>
2021							<dt>2026.09.16</dt>
2022		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=19169&type=1">ハイウェイバスドットコムアプリ(iOS版)アップデートのお願い</a></dd>
2023							<dt>2026.09.11</dt>
2024		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=19375&type=1">【ご注意】d払い(NTTdocomo)手続きをされる方へお支払い完了確認のお願い</a></dd>
2025							<dt>2025.09.05</dt>
2026		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=17723&type=1">【重要】会員ログインパスワードポリシーの変更について</a></dd>
2027							<dt>2025.04.16</dt>
2028		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=15529&type=1">お支払い期限と乗車券表示に関するお願い</a></dd>
2029							<dt>2022.05.18</dt>
2030		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=749&topicid=11868&type=1">ハイウェイバスドットコムからのメールが届かなくてお困りのお客様へ</a></dd>
2031		</dl>
2032
2033
2034                            </div>
2035                        </section>
2036                    </section>
2037
2038                    <section class="nav-btn-01 pc">
2039                        <ul>
2040                            <li><a href="/gp/html/gp/guide/guidance.html"><img
2041                                    src="/gp/202103/images/btn-hn-goriyouannai.svg"></a>
2042                            </li>
2043                            <li>
2044                                <a href="/gp/reservation/rsvRouteList?routeListSelected=selected"><img
2045                                        src="/gp/202103/images/btn-hn-rosenichiran.svg"></a>
2046                            </li>
2047                            <li><a href="/gp/info/serviceInfo"><img
2048                                    src="/gp/202103/images/btn-hn-unkoujouhou.svg"></a></li>
2049                            <li><a href="/gp/reference/refCertification"><img
2050                                    src="/gp/202103/images/btn-hn-yoyaku-kakunin-torikeshi.svg"></a>
2051                            </li>
2052                        </ul>
2053                    </section>
2054
2055                    <section class="nav-btn-02">
2056                        <section class="item">
2057                            <!-- <p class="ttl"><span>回 数 券</span></p> -->
2058
2059                            <p class="btn">
2060                                
2061                                    
2062                                    
2063                                    
2064                                        
2065                                        <a href="/gp/coupon/cpnSearch"
2066                                           class="icon-arrow_right">
2067                                            <img
2068                                                    src="/gp/202103/images/btn-hn-web-kaisuuken-kounyuu.svg"
2069                                                    alt="回数券を購入する"></a>
2070                                        <span>
2071                                            <a class="cpnBuyList"
2072                                               href="/gp/coupon/cpnBuyList">購入済み「WEB回数券」を確認・使用</a>
2073                                            <a class="question"
2074                                               href="/gp/html/gp/guide/web_coupon_attention.html"></a>
2075                                        </span>
2076
2077                                    
2078                                
2079                                
2080                            </p>
2081
2082                            
2083
2084                            
2085                            
2086                            
2087                            <form action="https://package.highwaybus.com/ticket" method="POST" name="webEventSaleSiteEventList">
2088                                
2089                            </form>
2090
2091
2092                            <p class="btn btnType2">
2093                                <a href="javascript:void(0);" onclick="document.webEventSaleSiteEventList.submit()">
2094                                    <img src="/gp/202103/images/btn-hn-set-ken-kounyuu.svg"
2095                                         alt="回数券を購入する">
2096                                </a>
2097                                
2098                            </p>
2099
2100                        </section>
2101                        <!--
2102                        <section class="item">
2103                            <p class="ttl"><span>WEB回数券</span></p>
2104                            
2105                                
2106                            
2107                                    
2108                                
2109                                <a href="/gp/mypage/mypLogin?coupon=search" class="icon-arrow_right">
2110                                    
2111                                    
2112
2113                                    <img
2114                                            src="/gp/202103/images/btn-hn-web-kaisuuken-kounyuu.svg" alt="WEB回数券を購入する"></a>
2115                                <p class="link"><a
2116                                        href="/gp/html/gp/guide/web_coupon_attention.html">※WEB回数券について</a>
2117                                </p>
2118                        </section>
2119                        -->
2120
2121                        <!--
2122                        <section class="item">
2123                            <p class="ttl"><span>運行情報</span></p>
2124                            <p class="attention"><a href="#">本日、運休になったバスがあります。</a></p>
2125                            <a href="/gp/info/serviceInfo"><img src="/gp/202103/images/btn-hn-unkoujouhou-kakunin.svg" alt="運行情報を確認する"></a>
2126                        </section>
2127                        -->
2128                    </section>
2129
2130                    <section class="nav-btn-03">
2131                        <ul>
2132                            
2133                            <li>
2134                                <a href="/gp/reservation/rsvRouteListOnPlaceSelection"><img
2135                                        src="/gp/202103/images/btn-hn-nihonchizukarasagasu.svg"></a>
2136                            </li>
2137                            
2138                            <li><a href="/gp/reservation/rsvRouteListTransportSelection"><img
2139                                    src="/gp/202103/images/btn-hn-unkougaishakarasagasu.svg"></a>
2140                            </li>
2141                            
2142                            <li><a href="/gp/reservation/rsvBusStopSearch#init"><img
2143                                    src="/gp/202103/images/btn-hn-busteikarasagasu.svg"></a>
2144                            </li>
2145                        </ul>
2146                    </section>
2147                </article>
2148
2149            </div>
2150
2151        </div>
2152
2153
2154        <div class="wrap00">
2155
2156            <div class="home-secondary">
2157
2158                <article class="notice" >
2159
2160                    <section class="notice_item">
2161                        <h2 class="ttl">路線に関するお知らせ</h2>
2162
2163                        
2164                            
2165                                															<dl>
2166							<dt>2026.08.13</dt>
2167		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=14&topicid=805&type=1">【重要】運休便の乗車券・WEB回数券の払戻しについて</a></dd>
2168							<dt>2026.04.28</dt>
2169		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=14&topicid=18744&type=1">≪基山乗継割引運賃の廃止について≫2026年7月1日運行便より</a></dd>
2170		</dl>
2171
2172
2173
2174                                <p class="view-all"><a href="javascript:void(0);"
2175                                                       onClick="return topicInfo('2');">全2件</a></p>
2176                            
2177                            
2178                        
2179
2180                        <span class="l01"></span>
2181                        <span class="l02"></span>
2182                        <span class="l03"></span>
2183                        <span class="l04"></span>
2184                    </section>
2185
2186                    <section class="notice_item">
2187                        <h2 class="ttl">おすすめ情報・キャンペーン</h2>
2188                        
2189                            
2190                            
2191                                <ul>
2192                                    <li>只今、おすすめ情報・キャンペーンはありません。</li>
2193                                </ul>
2194                            
2195                        
2196                        <span class="l01"></span>
2197                        <span class="l02"></span>
2198                        <span class="l03"></span>
2199                        <span class="l04"></span>
2200                    </section>
2201
2202                    <section class="notice_item">
2203                        <h2 class="ttl">WEBサイト利用に関するお知らせ</h2>
2204
2205
2206                        
2207                            
2208                                															<dl>
2209							<dt>2026.09.19</dt>
2210		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=14&topicid=7434&type=1">【システムメンテナンス】10/4 セブンイレブンでのコンビニ支払いができない時間があります</a></dd>
2211							<dt>2026.09.11</dt>
2212		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=14&topicid=11718&type=1">【ご注意】d払い(NTTdocomo)手続き完了時におけるお支払い完了確認のお願い</a></dd>
2213							<dt>2026.06.30</dt>
2214		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=C907933A487E7F988440EF8402961747?cid=14&topicid=1009&type=1">ハイウェイバスドットコムからのメールが届かなくてお困りのお客様へ</a></dd>
2215		</dl>
2216
2217
2218
2219                                <p class="view-all"><a href="javascript:void(0);"
2220                                                       onClick="return topicInfo('5');">全13件</a></p>
2221                            
2222                            
2223                        
2224
2225                        <span class="l01"></span>
2226                        <span class="l02"></span>
2227                        <span class="l03"></span>
2228                        <span class="l04"></span>
2229                    </section>
2230                </article>
2231
2232                
2233                    <article class="terminallist">
2234                        <section class="terminallist_item">
2235                            <p class="ttl">バスターミナルのご案内</p>
2236                            <ul><li><dl><dt></dt><dd><a href="/html/gp/info/16/shinjuku/index.html" target="_blank">バスタ新宿(新宿駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://bt-tokyoyaesu.com/" target="_blank">バスターミナル東京八重洲</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.tokyubus.co.jp/airport/terminal/s-markcity.html" target="_blank">渋谷マークシティ(渋谷駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="http://www.meitetsu-bus.co.jp/rosen/meibc" target="_blank">名鉄バスセンター(名古屋駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="/html/gp/info/12/sendaibc/index.html" target="_blank">仙台高速バスセンター(仙台駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.h-bt.jp/" target="_blank">博多バスターミナル(博多駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.nishitetsu.jp/bus/highwaybus/bus_terminal/" target="_blank">西鉄天神高速バスターミナル(西鉄福岡駅)</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.hankyu-kankobus.co.jp/highway/map/post/" target="_blank">阪急三番街バスターミナル(大阪梅田)</a></dd></dl></li><li><dl><dt></dt><dd><a href="https://www.nankaibus.jp/highway/express_04/#station" target="_blank">南海なんば高速バスターミナル(大阪なんば)</a></dd></dl></li></ul>
2237
2238                        </section>
2239                    </article>
2240                
2241            </div>
2242        </div>
2243        
2244            <div class="pr00">
2245                 <div class="swiper-container">
2246                     <div class="swiper-wrapper" id="swiperArea">
2247                     </div>
2248                     <div class="swiper-pagination"></div>
2249                     <div class="swiper-button-prev"></div>
2250                     <div class="swiper-button-next"></div>
2251                     <!-- 一時停止/再生ボタン -->
2252                     <button class="swiper-pause-button" id="swiperPauseButton" 
2253                             aria-label="広告の自動再生を一時停止" 
2254                             title="広告の自動再生を一時停止">
2255                         <span class="pause-icon">⏸</span>
2256                     </button>
2257                 </div>
2258                <div id="contents235" style="display: none;">
2259                    <div class="bnrSliderArea"><br /><ul class="bnrSlider" id="addVisual"><li><a onclick="ga('send','event','kta','click','kta_tabibako',1);" href="https://keio.tabibako.net/busyado/tours;jsessionid=C907933A487E7F988440EF8402961747?word=ol-busyado"> <img src="https://www.highwaybus.com/gp/img/assets/r0000005913.jpg" /></a></li><li><a href="https://mount-fuji.jp/"> <img src="https://www.highwaybus.com/gp/img/assets/r0000014102.jpg" width="600" /> </a></li><li><a href="https://corritrip.jp/jpn/minobu/"><img src="https://www.highwaybus.com/gp/img/assets/r0000009204.png" /></a></li><li><a href="https://corritrip.jp/jpn/climbing/"><img src="https://www.highwaybus.com/gp/img/assets/r0000009248.png" /></a></li></ul></div>
2260
2261                </div>
2262            </div>
2263        
2264    </main>
2265
2266
2267    <!-- -->
2268    <div id="peopleNum" class="modal00 modal00-js">
2269        <div class="modal00-bg modal00-close">
2270            <a href="#" class="modal00-close-fixed"><span></span></a>
2271        </div>
2272        <div class="modal00-content">
2273            <!-- 人数選択 -->
2274            <section class="selectPeopleNumber-mdl">
2275                <p class="ttl">人数選択</p>
2276                <section class="selectPeopleNumber">
2277                    <ul>
2278                        <li>
2279                            <p class="item-ttl">大人</p>
2280                        </li>
2281                        <li>
2282                            <p class="input-peopleNum">
2283                                <span>男性</span>
2284                                <button class="decrease"></button>
2285                                <input type="text" id="adultMen_count" class="male_count input_person" value="0"
2286                                       readonly="readonly"/>
2287                                <button class="increase"></button>
2288                            </p>
2289                        </li>
2290                        <li>
2291                            <p class="input-peopleNum">
2292                                <span>女性</span>
2293                                <button class="decrease"></button>
2294                                <input type="text" id="adultWomen_count" class="female_count input_person" value="0"
2295                                       readonly="readonly"/>
2296                                <button class="increase"></button>
2297                            </p>
2298                        </li>
2299                    </ul>
2300                    <ul>
2301                        <li>
2302                            <p class="item-ttl">小人</p>
2303                        </li>
2304                        <li>
2305                            <p class="input-peopleNum">
2306                                <span>男性</span>
2307                                <button class="decrease"></button>
2308                                <input type="text" id="childMen_count" class="male_count input_person" value="0"
2309                                       readonly="readonly"/>
2310                                <button class="increase"></button>
2311                            </p>
2312                        </li>
2313                        <li>
2314                            <p class="input-peopleNum">
2315                                <span>女性</span>
2316                                <button class="decrease"></button>
2317                                <input type="text" id="childWomen_count" class="female_count input_person" value="0"
2318                                       readonly="readonly"/>
2319                                <button class="increase"></button>
2320                            </p>
2321                        </li>
2322                    </ul>
2323                    <ul>
2324                        <li>
2325                            <p class="item-ttl">障がい者・介護者 大人</p>
2326                        </li>
2327                        <li>
2328                            <p class="input-peopleNum">
2329                                <span>男性</span>
2330                                <button class="decrease"></button>
2331                                <input type="text" id="handicapAdultMen_count" class="male_count input_person" value="
23310"
2332                                       readonly="readonly"/>
2333                                <button class="increase"></button>
2334                            </p>
2335                        </li>
2336                        <li>
2337                            <p class="input-peopleNum">
2338                                <span>女性</span>
2339                                <button class="decrease"></button>
2340                                <input type="text" id="handicapAdultWomen_count" class="female_count input_person"
2341                                       value="0"
2342                                       readonly="readonly"/>
2343                                <button class="increase"></button>
2344                            </p>
2345                        </li>
2346                    </ul>
2347                    <ul>
2348                        <li>
2349                            <p class="item-ttl">障がい者・介護者 小人</p>
2350                        </li>
2351                        <li>
2352                            <p class="input-peopleNum">
2353                                <span>男性</span>
2354                                <button class="decrease"></button>
2355                                <input type="text" id="handicapChildMen_count" class="male_count input_person" value="0"
2356                                       readonly="readonly"/>
2357                                <button class="increase"></button>
2358                            </p>
2359                        </li>
2360                        <li>
2361                            <p class="input-peopleNum">
2362                                <span>女性</span>
2363                                <button class="decrease"></button>
2364                                <input type="text" id="handicapChildWomen_count" class="female_count input_person"
2365                                       value="0"
2366                                       readonly="readonly"/>
2367                                <button class="increase"></button>
2368                            </p>
2369                        </li>
2370                    </ul>
2371                </section>
2372
2373                
2374                
2375
2376<p class="aboutNumPeople">人数について &#9662;</p>
2377<section class="aboutNumPeople_desc">
2378    
2379    <p>ご乗車になる人数を入力してください。</p>
2380    <p>
2381                        <span class="attention">※車椅子ご利用の場合、車両によってご乗車いただけない場合がございますので、ご利用便の運行会社へ<a
2382                                href="/gp/html/gp/contact_tel.html?_blank"
2383                                target="_blank" rel="noopener noreferrer" class="txtLink">お電話</a>でお問合せください。
2384                        </span>
2385    </p>
2386    <p>
2387        ※障がい者に引率される介護者は、身体障害者手帳または療育手帳に記載されている事項の種別により、割引が受けられます。(一部路線はのぞく)</p>
2388    <p>
2389        ※障がい者(割引)の適用範囲については、購入される運賃または料金欄の注意事項等をご確認ください。
2390    </p>
2391    <p>
2392        なお、身障者手帳、バス運賃割引証は、バス利用時ならびに窓口での乗車券購入時に確認させていただきます。
2393    </p>
2394    <p>
2395        ※幼児(6歳未満)のお客様で座席を占有されない場合、小学生以上の同伴者1名に対して1名様まで無賃でご乗車いただけます。
2396    </p>
2397    <p>
2398        ただし、満席の場合は車両の定員人数の理由によりお断りすることがございますので、幼児のお客様の分も小児運賃をお支払いいただき座席を使用されることをおすすめいたします。
2399    </p>
2400    <p>
2401        (福岡オープントップバス、北九州オープントップバス、定期観光バス「地獄めぐり」、阿蘇カルデラツアー、そらよかツアーについては、上記とは異なりますので、ご注意ください。)
2402    </p>
2403</section>
2404
2405
2406                <button type="button" class="cmnBtn cmnBtnOrg" onclick="return setPersonCount();"><span>確定する</span>
2407                </button>
2408            </section>
2409            <!-- end -->
2410        </div>
2411    </div>
2412
2413    <input type="hidden" id="lineInfoCntVal" value="2"/>
2414    <input type="hidden" id="recoInfoCntVal" value=""/>
2415    <input type="hidden" id="webInfoCntVal" value="13"/>
2416    
2417    <form id="topicInfoForm" name="topicInfoForm" action="/gp/info/topicInfo" method="get">
2418        <input id="totalCountStrAll" name="totalCountStrAll" type="hidden" value=""/>
2419        <input type="hidden" name="categoryId" value=""/>
2420    </form>
2421
2422
2423    
2424<script type="text/javascript">
2425    function deleteMagin() {
2426        const userAgent = navigator.userAgent.toUpperCase();
2427        if (userAgent.search(/SRS_SP_APP/) > -1) {
2428            $(".mainArea").css('padding-top', '35x');
2429            $(".container").css('margin-top', '0px');
2430            $(".breadcrumb").css('top', 0);
2431        }
2432    }
2433
2434    deleteMagin();
2435</script>
vendor: 2 bytes, line 2435
2435
2436<script>
2437    $(function () {
2438        $("iframe.ul-widget-main-window").hide();
2439    });
2440    $("#chatBtn").click(function () {
2441        $("iframe.ul-widget-main-window").show();
2442    });
2443</script>
2443
2444
2445    
2446    
2447        
2448        
2449
2450<footer>
2451    <div class="ftrInner">
2452        <div class="top">
2453            <ul>
2454                <li>
2455                    <section>
2456                        <dl>
2457                            <dt class="jnbn2">
2458                                <!-- Begin SureServer site seal HTML and JavaScript -->
2459                                
2459<script language="JavaScript" TYPE="text/javascript" src="https://trusted-web-seal.cybertrust.ne.jp/seal/getScript?host_name=www.highwaybus.com&type=12">
2460                                </script>
2460
2461                                 <!-- End SureServer site seal HTML and JavaScript -->
2462                            </dt>
2463                            <dd class="jnbn1">
2464                                <p>
2465                                    このサイトは、サイバートラストの<a href="https://www.cybertrust.ne.jp/sureserver/" target="_blank" rel="noopener noreferrer" class="txtLink">サーバー証明書</a>により実在性が認証されています。また、SSLページは通信が暗号化されプライバシーが守られています。
2466                                </p>
2467                            </dd>
2468                        </dl>
2469                    </section>
2470                </li>
2471                <li>
2472                    <section>
2473                        <p>
2474                            高速バスのハイウェイバスドットコム 日本全国の高速バス簡単予約(東京(新宿)・山梨・長野・名古屋・九州発着)<br>
2475                            当サイトでは高速乗合バス(路線バス)とバスツアー(募集型企画旅行)をご予約いただけます
2476                        </p>
2477                    </section>
2478                </li>
2479            </ul>
2480        </div>
2481        <div class="middle">
2482            <p><a href="/gp/html/gp/copyright.html">ご利用規約</a> |
2483                <a href="/gp/html/gp/point_rule.html">バスマイルポイント規約</a> |
2484                <a href="/gp/html/gp/privacypolicy.html">個人情報保護方針</a> |
2485                <a href="/gp/html/gp/law.html">特定商取引法に基づく表記</a> |
2486                <a href="/gp/html/gp/link.html">関連リンク</a> |
2487                <a href="/gp/html/gp/sitemap.html">サイトマップ</a>
2488            </p>
2489        </div>
2490        <div class="bottom">
2491            <p>Copyright © 2018 Keio Dentetsu Bus Co.,Ltd All Rights Reserved.</p>
2492        </div>
2493    </div>
2494</footer>
2495<!-- chatbot -->
2496
2497<input type="hidden" id="memberId" value=""/>
2498<script>
2499    (function (c, n, s) {
2500        if (c[n] === void 0) {
2501            c['ULObject'] = n;
2502            c[n] = c[n] || function () {
2503                (c[n].q = c[n].q || []).push(arguments)
2504            };
2505            c[n].l = 1 * new Date();
2506            var e = document.createElement('script');
2507            e.async = 1;
2508            e.src = s + "/chatbot.js";
2509            var t = document.getElementsByTagName('script')[0];
2510            t.parentNode.insertBefore(e, t);
2511        }
2512    })(window, 'ul_widget', 'https://support-widget.nakanohito.jp');
2513    ul_widget('init', {'id': 412});
2514    var memId = document.getElementById("memberId");
2515    if (memId.value != null && memId.value != "") {
2516        ul_widget('set', 'lg_id', memId.value);
2517    }
2518</script>
2518
2519
2520
2521
2522   
2523    
2524
2525    <p class="pageTop"><a href="#"><img src="/gp/202103/images/to-top.svg"></a></p>
2526
2527
2528
2529</div>
2530</body>
2531
2532<script src="/gp/202103/libs/gh/cferdinandi/[email protected]/dist/smooth-scroll.polyfills.min.js"></script>
2532
2533
2534<script type="text/javascript">
2535    var scroll = new SmoothScroll('a[href*="#"]', {
2536        speed: 300,
2537        header: 'header'
2538    });
2539</script>
2539
2540
2541
2542
2543<input type="hidden" id="contextPath" value="/gp">
2544
2545<script src="/gp/202103/js/Jquery.selmodal.js"></script>
2545
2546<!-- datepicker -->
2547<link rel="stylesheet"
2548      href="/gp/202103/libs/ui/1.9.2/css/custom-theme/jquery-ui-1.9.2.custom.css"/>
2549<script src="/gp/202103/libs/ui/1.9.2/js/jquery-ui-1.9.2.custom.js"></script>
vendor: 1 bytes, line 2549
2549
2550<script src="/gp/202103/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
2550
2551
2552
2553<!--
2554追加で読み込み
2555-->
2556<link rel="stylesheet" href="/gp/css/layout.css">
2557<link rel="stylesheet" href="/gp/css/index_rn.css">
2558<link rel="stylesheet" href="/gp/202103/libs/Swiper/6.8.4/swiper-bundle.min.css">
2559<script src="/gp/202103/libs/Swiper/6.8.4/swiper-bundle.min.js"></script>
2559
2560
2561
2562<script>
2563    $(document).ready(function () {
2564        //
2565        $('.selmodal00').selModal();
2566        //
2567        initSelect('#line-line')
2568        initSelect('#line-departure')
2569        initSelect('#line-arrival')
2570        initSelect('#line-date')
2571        initPerson()
2572        // 路線から
2573        {
2574            const e = $("#line-area");
2575            e.on('change', function () {
2576                getLines(this);
2577            });
2578        }
2579        {
2580            const e = $("#line-line");
2581            e.on('change', function () {
2582                getDeparture(this);
2583            });
2584        }
2585        {
2586            const e = $("#line-departure");
2587            e.on('change', function () {
2588                getArrival(this, getDate);
2589            });
2590        }
2591        {
2592            const e = $("#line-arrival");
2593            e.on('change', function () {
2594                getDate();
2595            });
2596        }
2597        $("#datepicker").datepicker({
2598            dateFormat: 'yymmdd',
2599            buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg",
2600            buttonText: "カレンダーから選択",
2601            buttonImageOnly: true,
2602            showOn: "button"
2603        });
2604        $('.aboutNumPeople').click(function () {
2605            $(this).next().slideToggle(500);
2606            $(this).toggleClass("active");
2607        });
2608        // TODO:発着地から
2609
2610        // TODO:バス停から
2611
2612        // TODO:Web回数券
2613
2614        // お気に入り
2615        {
2616            const e = $("#favorite-line");
2617            e.on('change', function () {
2618                const value = $("#favorite-line").val();
2619                if (value) {
2620                    const onStationCd = getValue(value, 1)
2621                    const offStationCd = getValue(value, 2)
2622
2623                    // 乗車
2624                    getDepartureFavorite(this, function () {
2625                        $("#favorite-departure").val(onStationCd).selModal()
2626                        // 降車
2627                        getArrivalFavorite(this, function () {
2628                            $("#favorite-arrival").val(offStationCd).selModal()
2629                            //日付
2630                            getDateFavorite(function () {
2631
2632                            })
2633                        });
2634                    });
2635                }
2636            });
2637            if (e.val()) {
2638                e.trigger('change')
2639            }
2640        }
2641        // {
2642        //     const e = $("#favorite-departure");
2643        //     e.on('change', function () {
2644        //         getArrivalFavorite(this, getDate);
2645        //     });
2646        // }
2647        // {
2648        //     const e = $("#favorite-arrival");
2649        //     e.on('change', function () {
2650        //         getDateFavorite(this);
2651        //     });
2652        // }
2653        //
2654        restoreHistory();
2655    })
2656    document.addEventListener('DOMContentLoaded', function () {
2657        const inputs = document.getElementsByClassName('input-peopleNum')
2658        Array.prototype.forEach.call(inputs, function (el) {
2659            const input = el.getElementsByTagName('input')[0]
2660            el.getElementsByClassName('increase')[0].addEventListener('click', function () {
2661                incInputNumber(input, 1)
2662            })
2663            el.getElementsByClassName('decrease')[0].addEventListener('click', function () {
2664                incInputNumber(input, -1)
2665            })
2666        })
2667    })
2668
2669    function incInputNumber(input, step) {
2670        let val = +input.value
2671        if (isNaN(val)) val = 0
2672        val += step
2673        if (val > 12) val = 12;
2674        input.value = val > 0 ? val : 0
2675    }
2676
2677    //履歴から
2678    function restoreHistory() {
2679        const isSearchHistoryDisp = $("#isSearchHistoryDisp").val();
2680        const historyArea = $("#historyArea").val();
2681        const historyLine = $("#historyLine").val();
2682        const historyOn = $("#historyOn").val();
2683        const historyOff = $("#historyOff").val();
2684        //
2685        if (isSearchHistoryDisp !== 'true') {
2686            //履歴を使用しない
2687            return;
2688        }
2689        //
2690        getLines(this, function () {
2691            //路線を設定する
2692            $("#line-line").selModalSetValue(historyLine);
2693            //
2694            getDeparture(this, function () {
2695                //乗車バス停
2696                $("#line-departure").selModalSetValue(historyOn);
2697                //
2698                getArrival(this, function () {
2699                    //降車バス停
2700                    $("#line-arrival").selModalSetValue(historyOff);
2701                    //
2702                    getDate();
2703
2704                })
2705            })
2706        });
2707
2708
2709    }
2710
2711    //
2712    function initSelect(target, useSelmodal) {
2713        //
2714        if (useSelmodal === undefined) {
2715            useSelmodal = true;
2716        }
2717        const element = $(target);
2718        element.children('option').remove()
2719        element.append("<option value=''>選択してください</option>")
2720        if (useSelmodal) {
2721            element.selModal();
2722        }
2723    }
2724
2725    function initPerson() {
2726        $(".input_person").val('0')
2727    }
2728
2729    // 路線一覧を取得
2730    function getLines(e, callback) {
2731
2732        // 下層selectを初期化する
2733        initSelect('#line-line');
2734        initSelect('#line-departure');
2735        initSelect('#line-arrival');
2736        initSelect('#line-date');
2737        initPerson()
2738
2739        const value = $("#line-area").val();
2740        //路線一覧を取得
2741        const url = 'ajaxPulldown?mode=line:full&id=' + value;
2742        const xml = new JKL.ParseXML(url, 'POST');
2743        xml.async(function (r) {
2744            //
2745            const element = $('#line-line');
2746            const results = r.results
2747            const rosen = results.rosen;
2748            //
2749            const num = rosen.num;
2750            if (num == 1) {
2751                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2752            } else {
2753                for (let i = 0; i < num; i++) {
2754                    const rosen_id = rosen.id[i];
2755                    const rosen_name = rosen.name[i];
2756                    element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>")
2757                }
2758            }
2759            element.selModal()
2760            //
2761            if (callback) {
2762                callback();
2763            }
2764        });
2765        xml.parse();
2766
2767    }
2768
2769    let lineDepartureNearBy = {};
2770
2771    // 乗車バス停を取得
2772    function getDeparture(e, callback) {
2773        // 下層selectを初期化する
2774        initSelect('#line-departure');
2775        initSelect('#line-arrival');
2776        initSelect('#line-date');
2777        initPerson()
2778
2779        //
2780        const value = $("#line-line").val();
2781        //乗車バス停一覧を取得
2782        const url = 'ajaxPulldown?mode=station_geton&id=' + value;
2783        const xml = new JKL.ParseXML(url, 'POST');
2784        xml.async(function (r) {
2785            //
2786            lineDepartureNearBy = {};
2787            const element = $('#line-departure');
2788            const results = r.results
2789            const rosen = results.rosen;
2790            const num = rosen.num;
2791            if (num == 1) {
2792                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2793                lineDepartureNearBy[rosen.id] = rosen.nearbyStationFlg;
2794            } else {
2795                for (let i = 0; i < num; i++) {
2796                    const rosen_id = rosen.id[i];
2797                    const rosen_name = rosen.name[i];
2798                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
2799                    element.append("<option value='" + rosen_id + "' >" + rosen_name + "</option>")
2800                    //
2801                    lineDepartureNearBy[rosen_id] = nearbyStationFlg
2802                }
2803            }
2804            element.selModal()
2805            //
2806            if (callback) {
2807                callback();
2808            }
2809        });
2810        xml.parse();
2811
2812    }
2813
2814    let lineArrivalNearBy = {};
2815    let last_arrival = null;
2816
2817    // 降車バス停を取得
2818    function getArrival(e, callback) {
2819        // 現在選択されている降車バス停を保存
2820        last_arrival = $('#line-arrival').val();
2821
2822        // 下層selectを初期化する
2823        initSelect('#line-arrival');
2824        initSelect('#line-date');
2825        initPerson()
2826
2827        //
2828        const lineId = $("#line-line").val();
2829        const onStation = $("#line-departure").val();
2830
2831        //
2832        const nearby = lineDepartureNearBy[onStation]
2833        const wrapper = $("#line-near-departure-wrapper");
2834        const checkbox = $("#line-near-departure");
2835        if (nearby === '1') {
2836            // [近くのバス停を同時に検索]あり
2837            wrapper.show();
2838            checkbox.prop('checked', true)
2839        } else {
2840            // [近くのバス停を同時に検索]なし
2841            wrapper.hide();
2842            checkbox.prop('checked', false)
2843        }
2844
2845        //乗車バス停一覧を取得
2846        const url = 'ajaxPulldown?mode=station_getoff&id=' + lineId + '&stationcd=' + onStation;
2847        const xml = new JKL.ParseXML(url, 'POST');
2848        xml.async(function (r) {
2849            //
2850            lineArrivalNearBy = {};
2851            const element = $('#line-arrival');
2852            const results = r.results
2853            const rosen = results.rosen;
2854            const num = rosen.num;
2855
2856            if (num == 1) {
2857                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2858                lineArrivalNearBy[rosen.id] = rosen.nearbyStationFlg;
2859            } else {
2860                for (let i = 0; i < num; i++) {
2861                    const rosen_id = rosen.id[i];
2862                    const rosen_name = rosen.name[i];
2863                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
2864                    element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>")
2865                    //
2866                    lineArrivalNearBy[rosen_id] = nearbyStationFlg
2867                }
2868            }
2869
2870            // 保存した降車バス停を設定する
2871            if (last_arrival) {
2872                element.val(last_arrival);
2873            }
2874            last_arrival = null;
2875
2876            element.selModal()
2877            //
2878            if (callback) {
2879                callback();
2880            }
2881        });
2882        xml.parse();
2883
2884    }
2885
2886
2887    // 運行日の一覧を取得
2888    function getDate(callback) {
2889
2890        // 下層selectを初期化する
2891        initSelect('#line-date');
2892        initPerson()
2893
2894        //
2895        const lineId = $("#line-line").val();
2896        const onStation = $("#line-departure").val();
2897        const offStation = $("#line-arrival").val();
2898        //
2899        const nearby = lineArrivalNearBy[offStation]
2900        const wrapper = $("#line-near-arrival-wrapper");
2901        const checkbox = $("#line-near-arrival");
2902        if (nearby === '1') {
2903            // [近くのバス停を同時に検索]あり
2904            wrapper.show();
2905            checkbox.prop('checked', true)
2906        } else {
2907            // [近くのバス停を同時に検索]なし
2908            wrapper.hide();
2909            checkbox.prop('checked', false)
2910        }
2911
2912        //乗車バス停一覧を取得
2913        const url = 'ajaxPulldown?mode=date&id=' + lineId + '&onStation=' + onStation + '&offStation=' + offStation;
2914        const xml = new JKL.ParseXML(url, 'POST');
2915        xml.async(function (r) {
2916            //
2917            const holidays = {};
2918            const boardings = [];
2919
2920            const element = $('#line-date');
2921            const results = r.results;
2922            const rosen = results.rosen;
2923            const num = rosen.num;
2924            if (num == 1) {
2925                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2926            } else {
2927                for (let i = 0; i < num; i++) {
2928                    const date_id = rosen.id[i];
2929                    const date_name = rosen.name[i];
2930                    boardings.push(date_id);
2931                    if (date_name.indexOf('祝') !== -1) {
2932                        holidays[date_id] = {sts: "祝日"};
2933                    }
2934                    element.append("<option value='" + date_id + "'>" + date_name + "</option>")
2935                }
2936            }
2937
2938            element.selModal()
2939
2940            //
2941            setDatePicker(holidays, boardings, "#line-date", "#datepicker");
2942
2943            //
2944            if (callback) {
2945                callback();
2946            }
2947
2948        });
2949        xml.parse();
2950    }
2951
2952    function setDatePicker(holidays, boardings, selector_select, selector_datepicker) {
2953
2954        const datepicker = $(selector_datepicker);
2955        if (boardings.length === 0) {
2956            datepicker.datepicker('option', 'beforeShowDay', function (date) {
2957                return false;
2958            });
2959            datepicker.datepicker("option", "disabled", true);
2960            datepicker.datepicker("option", "minDate", new Date());
2961            datepicker.datepicker("option", "maxDate", new Date());
2962            return false;
2963        }
2964
2965        const maxDate = $.datepicker.parseDate('yymmdd', Math.max.apply(null, boardings));
2966        const minDate = $.datepicker.parseDate('yymmdd', Math.min.apply(null, boardings));
2967
2968        //
2969        const beforeShowDay = function (day) {
2970            const dateStr = $.datepicker.formatDate("yymmdd", day);
2971            const holiday = holidays[dateStr];
2972            let result = [true,];
2973
2974            // 祝日であるか
2975            // console.log(dateStr, boardings, $.inArray(dateStr, boardings))
2976
2977            if (holiday) {
2978                result = [true, "date-holiday"];
2979            } else if ($.inArray(dateStr, boardings) !== -1) {
2980                result = [true, ""];
2981            } else {
2982                result = [false, ""];
2983            }
2984            return result;
2985        };
2986        const onSelect = function (date, inst) {
2987            $(selector_select).selModalSetValue(date);
2988        };
2989        //
2990        // console.log(minDate, maxDate)
2991        datepicker.datepicker("option", "disabled", false);
2992        datepicker.datepicker('destroy');
2993        $.datepicker.setDefaults($.datepicker.regional['ja']);
2994        datepicker.datepicker({
2995            dateFormat: 'yymmdd',
2996            buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg",
2997            buttonText: "カレンダーから選択",
2998            buttonImageOnly: true,
2999            showOn: "button",
3000            minDate: minDate,
3001            maxDate: maxDate,
3002            beforeShowDay: beforeShowDay,
3003            onSelect: onSelect
3004        });
3005        datepicker.datepicker();
3006        datepicker.datepicker('setDate', new Date());
3007
3008        //
3009        $(selector_select).on('change', function () {
3010            const value = $(this).val();
3011            datepicker.datepicker("setDate", value);
3012        });
3013
3014    }
3015
3016    //
3017    function setPersonCount() {
3018        //
3019        let male = 0;
3020        let female = 0;
3021        //
3022        $('.male_count').each(function () {
3023            const e = $(this);
3024            const val = parseInt(e.val());
3025            male += val;
3026        })
3027        $('.female_count').each(function () {
3028            const e = $(this);
3029            const val = parseInt(e.val());
3030            female += val;
3031        })
3032
3033        //
3034        if (male + female > 12) {
3035            alert("WEBでご予約可能な人数は12人までです。");
3036            return false;
3037        }
3038
3039        //
3040        $(".male_count_disp").val(male);
3041        $(".female_count_disp").val(female);
3042        $('body').removeClass('mdlFixed');
3043        window.scrollTo(0, scrollPosition);
3044        $('.modal00-js').fadeOut();
3045
3046    }
3047</script>
3047
3048
3049<script>
3050    //
3051    $(document).ready(function () {
3052        
3053        localArray['北海道'] = '010';
3054        
3055        localArray['青森市'] = '021';
3056        
3057        localArray['弘前市'] = '022';
3058        
3059        localArray['八戸市'] = '023';
3060        
3061        localArray['盛岡市'] = '031';
3062        
3063        localArray['岩手県上記以外'] = '039';
3064        
3065        localArray['仙台市'] = '041';
3066        
3067        localArray['秋田市'] = '051';
3068        
3069        localArray['秋田県上記以外'] = '059';
3070        
3071        localArray['酒田市・鶴岡市'] = '062';
3072        
3073        localArray['山形県上記以外'] = '069';
3074        
3075        localArray['福島県上記以外'] = '079';
3076        
3077        localArray['水戸市'] = '081';
3078        
3079        localArray['茨城県上記以外'] = '089';
3080        
3081        localArray['宇都宮市'] = '091';
3082        
3083        localArray['栃木県上記以外'] = '099';
3084        
3085        localArray['前橋市'] = '101';
3086        
3087        localArray['高崎市'] = '102';
3088        
3089        localArray['群馬県上記以外'] = '109';
3090        
3091        localArray['さいたま市'] = '111';
3092        
3093        localArray['埼玉県上記以外'] = '119';
3094        
3095        localArray['千葉市'] = '121';
3096        
3097        localArray['成田空港'] = '122';
3098        
3099        localArray['東京ディズニーリゾート'] = '123';
3100        
3101        localArray['千葉県上記以外'] = '129';
3102        
3103        localArray['新宿駅周辺'] = '131';
3104        
3105        localArray['東京駅周辺'] = '132';
3106        
3107        localArray['渋谷駅周辺'] = '133';
3108        
3109        localArray['羽田空港'] = '134';
3110        
3111        localArray['23区上記以外'] = '138';
3112        
3113        localArray['多摩地域'] = '139';
3114        
3115        localArray['横浜市'] = '141';
3116        
3117        localArray['神奈川県上記以外'] = '149';
3118        
3119        localArray['新潟市'] = '151';
3120        
3121        localArray['新潟県上記以外'] = '159';
3122        
3123        localArray['富山市'] = '161';
3124        
3125        localArray['富山県上記以外'] = '169';
3126        
3127        localArray['金沢市'] = '171';
3128        
3129        localArray['石川県上記以外'] = '179';
3130        
3131        localArray['福井市'] = '181';
3132        
3133        localArray['福井県上記以外'] = '189';
3134        
3135        localArray['甲府市'] = '191';
3136        
3137        localArray['富士山周辺'] = '192';
3138        
3139        localArray['山梨県上記以外'] = '199';
3140        
3141        localArray['長野市'] = '201';
3142        
3143        localArray['松本市'] = '202';
3144        
3145        localArray['伊那飯田周辺'] = '203';
3146        
3147        localArray['白馬・扇沢周辺'] = '204';
3148        
3149        localArray['軽井沢周辺'] = '205';
3150        
3151        localArray['長野県上記以外'] = '209';
3152        
3153        localArray['岐阜市'] = '211';
3154        
3155        localArray['高山市'] = '212';
3156        
3157        localArray['中津川市'] = '213';
3158        
3159        localArray['岐阜県上記以外'] = '219';
3160        
3161        localArray['静岡市'] = '221';
3162        
3163        localArray['浜松市'] = '222';
3164        
3165        localArray['沼津市・三島市'] = '223';
3166        
3167        localArray['静岡県上記以外'] = '229';
3168        
3169        localArray['名古屋市'] = '231';
3170        
3171        localArray['豊橋市'] = '232';
3172        
3173        localArray['愛知県上記以外'] = '239';
3174        
3175        localArray['三重県上記以外'] = '249';
3176        
3177        localArray['滋賀県上記以外'] = '259';
3178        
3179        localArray['京都市'] = '261';
3180        
3181        localArray['梅田駅・大阪駅周辺'] = '271';
3182        
3183        localArray['なんば・あべの橋周辺'] = '272';
3184        
3185        localArray['大阪府上記以外'] = '279';
3186        
3187        localArray['神戸市'] = '281';
3188        
3189        localArray['姫路市'] = '282';
3190        
3191        localArray['兵庫県上記以外'] = '289';
3192        
3193        localArray['奈良市'] = '291';
3194        
3195        localArray['奈良県上記以外'] = '299';
3196        
3197        localArray['和歌山市'] = '301';
3198        
3199        localArray['鳥取県上記以外'] = '319';
3200        
3201        localArray['島根県上記以外'] = '329';
3202        
3203        localArray['岡山市'] = '331';
3204        
3205        localArray['岡山県上記以外'] = '339';
3206        
3207        localArray['広島市'] = '341';
3208        
3209        localArray['山口県上記以外'] = '359';
3210        
3211        localArray['徳島市'] = '361';
3212        
3213        localArray['徳島県上記以外'] = '369';
3214        
3215        localArray['高松市'] = '371';
3216        
3217        localArray['香川県上記以外'] = '379';
3218        
3219        localArray['松山市'] = '381';
3220        
3221        localArray['愛媛県上記以外'] = '389';
3222        
3223        localArray['高知市'] = '391';
3224        
3225        localArray['福岡市'] = '401';
3226        
3227        localArray['北九州市'] = '402';
3228        
3229        localArray['福岡県上記以外'] = '409';
3230        
3231        localArray['佐賀市'] = '411';
3232        
3233        localArray['鳥栖市・基山'] = '412';
3234        
3235        localArray['佐賀県上記以外'] = '419';
3236        
3237        localArray['長崎市'] = '421';
3238        
3239        localArray['長崎県上記以外'] = '429';
3240        
3241        localArray['熊本市'] = '431';
3242        
3243        localArray['熊本県上記以外'] = '439';
3244        
3245        localArray['大分市'] = '441';
3246        
3247        localArray['別府市・湯布院周辺'] = '442';
3248        
3249        localArray['大分県上記以外'] = '449';
3250        
3251        localArray['宮崎市'] = '451';
3252        
3253        localArray['宮崎県上記以外'] = '459';
3254        
3255        localArray['鹿児島市'] = '461';
3256        
3257        localArray['鹿児島県上記以外'] = '469';
3258        
3259        
3260        airportList['羽田空港'] = '3';
3261        
3262        airportList['成田空港'] = '4';
3263        
3264        
3265        prefList['山形県'] = '106';
3266        
3267        prefList['福島県'] = '107';
3268        
3269        prefList['岡山県'] = '133';
3270        
3271        prefList['広島県'] = '134';
3272        
3273        prefList['長崎県'] = '142';
3274        
3275        prefList['鹿児島県'] = '146';
3276        
3277        prefList['北海道'] = '101';
3278        
3279        prefList['山梨県'] = '119';
3280        
3281        prefList['静岡県'] = '122';
3282        
3283        prefList['愛媛県'] = '138';
3284        
3285        prefList['佐賀県'] = '141';
3286        
3287        prefList['大分県'] = '144';
3288        
3289        prefList['宮崎県'] = '145';
3290        
3291        prefList['宮城県'] = '104';
3292        
3293        prefList['東京都'] = '113';
3294        
3295        prefList['神奈川県'] = '114';
3296        
3297        prefList['奈良県'] = '129';
3298        
3299        prefList['福岡県'] = '140';
3300        
3301        prefList['青森県'] = '102';
3302        
3303        prefList['栃木県'] = '109';
3304        
3305        prefList['新潟県'] = '115';
3306        
3307        prefList['愛知県'] = '123';
3308        
3309        prefList['滋賀県'] = '125';
3310        
3311        prefList['熊本県'] = '143';
3312        
3313        prefList['群馬県'] = '110';
3314        
3315        prefList['長野県'] = '120';
3316        
3317        prefList['大阪府'] = '127';
3318        
3319        prefList['島根県'] = '132';
3320        
3321        prefList['山口県'] = '135';
3322        
3323        prefList['香川県'] = '137';
3324        
3325        prefList['富山県'] = '116';
3326        
3327        prefList['石川県'] = '117';
3328        
3329        prefList['福井県'] = '118';
3330        
3331        prefList['和歌山県'] = '130';
3332        
3333        prefList['岩手県'] = '103';
3334        
3335        prefList['秋田県'] = '105';
3336        
3337        prefList['埼玉県'] = '111';
3338        
3339        prefList['千葉県'] = '112';
3340        
3341        prefList['兵庫県'] = '128';
3342        
3343        prefList['徳島県'] = '136';
3344        
3345        prefList['茨城県'] = '108';
3346        
3347        prefList['岐阜県'] = '121';
3348        
3349        prefList['三重県'] = '124';
3350        
3351        prefList['京都府'] = '126';
3352        
3353        prefList['鳥取県'] = '131';
3354        
3355        prefList['高知県'] = '139';
3356        
3357        
3358        prefLocalList['北海道'] = '01';
3359        
3360        prefLocalList['青森市'] = '02';
3361        
3362        prefLocalList['弘前市'] = '02';
3363        
3364        prefLocalList['八戸市'] = '02';
3365        
3366        prefLocalList['盛岡市'] = '03';
3367        
3368        prefLocalList['岩手県上記以外'] = '03';
3369        
3370        prefLocalList['仙台市'] = '04';
3371        
3372        prefLocalList['秋田市'] = '05';
3373        
3374        prefLocalList['秋田県上記以外'] = '05';
3375        
3376        prefLocalList['酒田市・鶴岡市'] = '06';
3377        
3378        prefLocalList['山形県上記以外'] = '06';
3379        
3380        prefLocalList['福島県上記以外'] = '07';
3381        
3382        prefLocalList['水戸市'] = '08';
3383        
3384        prefLocalList['茨城県上記以外'] = '08';
3385        
3386        prefLocalList['宇都宮市'] = '09';
3387        
3388        prefLocalList['栃木県上記以外'] = '09';
3389        
3390        prefLocalList['前橋市'] = '10';
3391        
3392        prefLocalList['高崎市'] = '10';
3393        
3394        prefLocalList['群馬県上記以外'] = '10';
3395        
3396        prefLocalList['さいたま市'] = '11';
3397        
3398        prefLocalList['埼玉県上記以外'] = '11';
3399        
3400        prefLocalList['千葉市'] = '12';
3401        
3402        prefLocalList['成田空港'] = '12';
3403        
3404        prefLocalList['東京ディズニーリゾート'] = '12';
3405        
3406        prefLocalList['千葉県上記以外'] = '12';
3407        
3408        prefLocalList['新宿駅周辺'] = '13';
3409        
3410        prefLocalList['東京駅周辺'] = '13';
3411        
3412        prefLocalList['渋谷駅周辺'] = '13';
3413        
3414        prefLocalList['羽田空港'] = '13';
3415        
3416        prefLocalList['23区上記以外'] = '13';
3417        
3418        prefLocalList['多摩地域'] = '13';
3419        
3420        prefLocalList['横浜市'] = '14';
3421        
3422        prefLocalList['神奈川県上記以外'] = '14';
3423        
3424        prefLocalList['新潟市'] = '15';
3425        
3426        prefLocalList['新潟県上記以外'] = '15';
3427        
3428        prefLocalList['富山市'] = '16';
3429        
3430        prefLocalList['富山県上記以外'] = '16';
3431        
3432        prefLocalList['金沢市'] = '17';
3433        
3434        prefLocalList['石川県上記以外'] = '17';
3435        
3436        prefLocalList['福井市'] = '18';
3437        
3438        prefLocalList['福井県上記以外'] = '18';
3439        
3440        prefLocalList['甲府市'] = '19';
3441        
3442        prefLocalList['富士山周辺'] = '19';
3443        
3444        prefLocalList['山梨県上記以外'] = '19';
3445        
3446        prefLocalList['長野市'] = '20';
3447        
3448        prefLocalList['松本市'] = '20';
3449        
3450        prefLocalList['伊那飯田周辺'] = '20';
3451        
3452        prefLocalList['白馬・扇沢周辺'] = '20';
3453        
3454        prefLocalList['軽井沢周辺'] = '20';
3455        
3456        prefLocalList['長野県上記以外'] = '20';
3457        
3458        prefLocalList['岐阜市'] = '21';
3459        
3460        prefLocalList['高山市'] = '21';
3461        
3462        prefLocalList['中津川市'] = '21';
3463        
3464        prefLocalList['岐阜県上記以外'] = '21';
3465        
3466        prefLocalList['静岡市'] = '22';
3467        
3468        prefLocalList['浜松市'] = '22';
3469        
3470        prefLocalList['沼津市・三島市'] = '22';
3471        
3472        prefLocalList['静岡県上記以外'] = '22';
3473        
3474        prefLocalList['名古屋市'] = '23';
3475        
3476        prefLocalList['豊橋市'] = '23';
3477        
3478        prefLocalList['愛知県上記以外'] = '23';
3479        
3480        prefLocalList['三重県上記以外'] = '24';
3481        
3482        prefLocalList['滋賀県上記以外'] = '25';
3483        
3484        prefLocalList['京都市'] = '26';
3485        
3486        prefLocalList['梅田駅・大阪駅周辺'] = '27';
3487        
3488        prefLocalList['なんば・あべの橋周辺'] = '27';
3489        
3490        prefLocalList['大阪府上記以外'] = '27';
3491        
3492        prefLocalList['神戸市'] = '28';
3493        
3494        prefLocalList['姫路市'] = '28';
3495        
3496        prefLocalList['兵庫県上記以外'] = '28';
3497        
3498        prefLocalList['奈良市'] = '29';
3499        
3500        prefLocalList['奈良県上記以外'] = '29';
3501        
3502        prefLocalList['和歌山市'] = '30';
3503        
3504        prefLocalList['鳥取県上記以外'] = '31';
3505        
3506        prefLocalList['島根県上記以外'] = '32';
3507        
3508        prefLocalList['岡山市'] = '33';
3509        
3510        prefLocalList['岡山県上記以外'] = '33';
3511        
3512        prefLocalList['広島市'] = '34';
3513        
3514        prefLocalList['山口県上記以外'] = '35';
3515        
3516        prefLocalList['徳島市'] = '36';
3517        
3518        prefLocalList['徳島県上記以外'] = '36';
3519        
3520        prefLocalList['高松市'] = '37';
3521        
3522        prefLocalList['香川県上記以外'] = '37';
3523        
3524        prefLocalList['松山市'] = '38';
3525        
3526        prefLocalList['愛媛県上記以外'] = '38';
3527        
3528        prefLocalList['高知市'] = '39';
3529        
3530        prefLocalList['福岡市'] = '40';
3531        
3532        prefLocalList['北九州市'] = '40';
3533        
3534        prefLocalList['福岡県上記以外'] = '40';
3535        
3536        prefLocalList['佐賀市'] = '41';
3537        
3538        prefLocalList['鳥栖市・基山'] = '41';
3539        
3540        prefLocalList['佐賀県上記以外'] = '41';
3541        
3542        prefLocalList['長崎市'] = '42';
3543        
3544        prefLocalList['長崎県上記以外'] = '42';
3545        
3546        prefLocalList['熊本市'] = '43';
3547        
3548        prefLocalList['熊本県上記以外'] = '43';
3549        
3550        prefLocalList['大分市'] = '44';
3551        
3552        prefLocalList['別府市・湯布院周辺'] = '44';
3553        
3554        prefLocalList['大分県上記以外'] = '44';
3555        
3556        prefLocalList['宮崎市'] = '45';
3557        
3558        prefLocalList['宮崎県上記以外'] = '45';
3559        
3560        prefLocalList['鹿児島市'] = '46';
3561        
3562        prefLocalList['鹿児島県上記以外'] = '46';
3563        
3564    })
3565
3566     // Swiperのグローバル変数
3567     var mySwiper = null;
3568     var isPaused = false;
3569
3570     // DOM読み込み完了後にSwiperを初期化
3571     $(document).ready(function() {
3572         initSwiper();
3573     });
3574
3575     function initSwiper() {
3576         mySwiper = new Swiper('.swiper-container', {
3577             loop: true,
3578             autoplay: false, // 初期化時は無効
3579             slidesPerView: 4,
3580             spaceBetween: 10,
3581             centeredSlides: false,
3582             pagination: {
3583                 el: '.swiper-pagination',
3584                 clickable: true,
3585                 dynamicBullets: false
3586             },
3587             navigation: {
3588                 nextEl: '.swiper-button-next',
3589                 prevEl: '.swiper-button-prev'
3590             },
3591             breakpoints: {
3592                 0: {
3593                     slidesPerView: 2,
3594                     spaceBetween: 10
3595                 },
3596                 768: {
3597                     slidesPerView: 4,
3598                     spaceBetween: 10
3599                 }
3600             },
3601             on: {
3602                 init: function() {
3603                     // Swiper初期化完了
3604                 },
3605                 slideChange: function() {
3606                     // スライド変更
3607                 }
3608             }
3609         });
3610
3611         // 一時停止ボタンのイベント設定
3612         var pauseButton = document.getElementById('swiperPauseButton');
3613         if (pauseButton) {
3614             pauseButton.onclick = function() {
3615                 togglePause();
3616             };
3617         }
3618     }
3619
3620    function updateSwiper() {
3621        var contentsDiv = $('#contents235');
3622        var lis = contentsDiv.find('li');
3623        
3624        var contentsTag = '';
3625        // スライドを複製してループを安定化
3626        for (var j = 0; j < 3; j++) { // 3回複製
3627            for (var i = 0; i < lis.length; i++) {
3628                contentsTag += '<div class="swiper-slide">';
3629                contentsTag += lis[i].innerHTML;
3630                contentsTag += '</div>';
3631            }
3632        }
3633        $('#swiperArea').html(contentsTag);
3634        
3635        if (mySwiper) {
3636            mySwiper.update();
3637            
3638            // ページネーションを元のスライド数に合わせて調整
3639            if (lis.length > 0) {
3640                // 既存のページネーションをクリア
3641                $('.swiper-pagination').empty();
3642                
3643                // 元のスライド数(4枚)分のドットを手動で作成
3644                for (var i = 0; i < lis.length; i++) {
3645                    $('.swiper-pagination').append('<span class="swiper-pagination-bullet"></span>');
3646                }
3647                
3648                // 最初のドットをアクティブに
3649                $('.swiper-pagination-bullet').first().addClass('swiper-pagination-bullet-active');
3650                
3651                // スライド変更時のページネーション更新
3652                mySwiper.on('slideChange', function() {
3653                    var actualIndex = this.activeIndex % lis.length;
3654                    $('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active');
3655                    $('.swiper-pagination-bullet').eq(actualIndex).addClass('swiper-pagination-bullet-active');
3656                });
3657                
3658                // ドットクリック時のスライド移動
3659                $('.swiper-pagination-bullet').on('click', function() {
3660                    var index = $(this).index();
3661                    mySwiper.slideTo(index);
3662                });
3663            }
3664            
3665            // スライドが読み込まれたらautoplayを開始
3666            if (lis.length > 0) {
3667                // autoplay設定を有効化
3668                mySwiper.params.autoplay = {
3669                    delay: 5000,
3670                    disableOnInteraction: false,
3671                    pauseOnMouseEnter: false
3672                };
3673                mySwiper.autoplay.start();
3674            }
3675        }
3676    }
3677
3678    // 一時停止/再開の切り替え
3679    function togglePause() {
3680        if (isPaused) {
3681            resumeSlider();
3682        } else {
3683            pauseSlider();
3684        }
3685    }
3686
3687    // 一時停止
3688    function pauseSlider() {
3689        var pauseButton = document.getElementById('swiperPauseButton');
3690        
3691        if (mySwiper) {
3692            mySwiper.autoplay.stop();
3693        }
3694        
3695        // ボタンの状態を更新
3696        if (pauseButton) {
3697            pauseButton.setAttribute('aria-label', '広告の自動再生を再開');
3698            pauseButton.setAttribute('title', '広告の自動再生を再開');
3699            pauseButton.querySelector('.pause-icon').textContent = '▶';
3700        }
3701        
3702        isPaused = true;
3703    }
3704
3705    // 再開
3706    function resumeSlider() {
3707        var pauseButton = document.getElementById('swiperPauseButton');
3708        
3709        if (mySwiper) {
3710            mySwiper.autoplay.start();
3711        }
3712        
3713        // ボタンの状態を更新
3714        if (pauseButton) {
3715            pauseButton.setAttribute('aria-label', '広告の自動再生を一時停止');
3716            pauseButton.setAttribute('title', '広告の自動再生を一時停止');
3717            pauseButton.querySelector('.pause-icon').textContent = '⏸';
3718        }
3719        
3720        isPaused = false;
3721    }
3722
3723    function insertIcon(text) {
3724        var index = text.indexOf('</a>');
3725        if (index > 0) {
3726            return text.slice(0, index) /*+ '<span class="material-icons org">east</span>'*/ + text.slice(index, text.length);
3727        }
3728        return text;
3729    }
3730
3731    let countText = '';
3732
3733    function updateAttn() {
3734        let dDs = $('#contents749').find('dd');
3735        let contentsTag = '';
3736
3737        if (dDs.length > 0) {
3738            countText = '全' + dDs.length + '件';
3739            contentsTag = "<ul><li>" + insertIcon(dDs[0].innerHTML) + "</li></ul>"
3740            if (dDs.length > 1) {
3741                contentsTag += '<ul class="hidden">';
3742                for (var i = 1; i < dDs.length; i++) {
3743                    contentsTag += "<li>" + insertIcon(dDs[i].innerHTML) + "</li>"
3744                }
3745                contentsTag += "</ul>"
3746            }
3747        }
3748
3749
3750        if (contentsTag) {
3751            $('#attnAreaSP').html("<section><button><span>" + countText + "</span></button>" + contentsTag + "</section>");
3752            $('#attnArea').html("<section><button><span>" + countText + "</span></button>" + contentsTag + "</section>");
3753        }
3754
3755        console.log(dDs.length);
3756        console.log(contentsTag);
3757    }
3758
3759    window.addEventListener('DOMContentLoaded', function () {
3760        updateAttn();
3761        // CMSコンテンツの読み込みを待ってからSwiperを更新
3762        setTimeout(function() {
3763            updateSwiper();
3764            // スライドが読み込まれたらSwiperを再初期化
3765            if (mySwiper && $('#contents235').find('li').length > 0) {
3766                mySwiper.update();
3767                if (!mySwiper.autoplay.running) {
3768                    mySwiper.autoplay.start();
3769                }
3770            }
3771        }, 500);
3772    });
3773
3774    $(function () {
3775        $(".attn_inner i").on("click", function () {
3776
3777            const e = $(this);
3778            e.toggleClass("active");
3779
3780            //
3781            if (e.hasClass('active')) {
3782                e.html('remove_circle_outline');
3783            } else {
3784                e.html('control_point');
3785            }
3786            $(".attn_inner--hidden").slideToggle(500);
3787
3788        });
3789    });
3790
3791    //
3792    var posted = true;
3793
3794    function topicInfo(param2) {
3795        var param1 = "";
3796        if (param2 == '2') {
3797            //路線の全て見る
3798            param1 = document.getElementById('lineInfoCntVal').value;
3799        } else if (param2 == '4') {
3800            //おすすめの全てみる
3801            param1 = document.getElementById('recoInfoCntVal').value;
3802        } else {
3803            //WEBサイト利用の全て見る
3804            param1 = document.getElementById('webInfoCntVal').value;
3805        }
3806        if (posted == true) {
3807            posted = false;
3808            document.topicInfoForm.totalCountStrAll.value = param1;
3809            document.topicInfoForm.categoryId.value = param2;
3810            document.topicInfoForm.submit();
3811        }
3812        return false;
3813    }
3814
3815    //Submit_バス停名から
3816    function stationSearchSubmit() {
3817        //入力値チェック
3818        var keyWord = document.getElementById('keyWord').value;
3819        if (keyWord == '') {
3820            alert('バス停名を入力してください。');
3821        } else {
3822            if (posted == true) {
3823                posted = false;
3824                document.stationSearchForm.submit();
3825            }
3826            return false;
3827        }
3828    }
3829
3830    //Submit_発着地から
3831    function arrivalDepartureSubmit() {
3832        var rrefNameCd = document.getElementById("rrefNameCd").value;
3833        var arefNameCd = document.getElementById("arefNameCd").value;
3834
3835        //選択値チェック
3836        if (rrefNameCd == '' && arefNameCd == '') {
3837            alert('空の選択項目があります');
3838        } else {
3839            if (posted == true) {
3840                posted = false;
3841                document.routeList.submit();
3842            }
3843            return false;
3844        }
3845    }
3846
3847</script>
vendor: 1 bytes, line 3847
3847
3848<script type="text/javascript">
3849    $(function () {
3850        $(".notice-inList section button").on('click', function () {
3851            $(".notice-inList section ul.hidden").slideToggle(500, alertFunc);
3852        });
3853
3854        function alertFunc() {
3855            if ($(this).css('display') == 'block') {
3856                $(".notice-inList section button").html('<span class="remove">' + countText + '</span>');
3857            } else {
3858                $(".notice-inList section button").html('<span class="add">' + countText + '</span>');
3859            }
3860        };
3861    });
3862</script>
3862
3863<style>
3864    .swiper-slide img {
3865        object-fit: contain;
3866        width: 100%;
3867        height: auto;
3868    }
3869
3870     .icon-arrow_right::before {
3871         content: "";
3872     }
3873
3874     /* 一時停止/再生ボタンのスタイル */
3875     .swiper-pause-button {
3876         position: absolute;
3877         bottom: 10px;
3878         right: 10px;
3879         z-index: 10;
3880         background: rgba(0, 0, 0, 0.7);
3881         border: none;
3882         border-radius: 50%;
3883         width: 40px;
3884         height: 40px;
3885         color: white;
3886         font-size: 16px;
3887         cursor: pointer;
3888         display: flex;
3889         align-items: center;
3890         justify-content: center;
3891         transition: background-color 0.3s ease;
3892     }
3893
3894
3895     .swiper-pause-button:hover {
3896         background: rgba(0, 0, 0, 0.9);
3897     }
3898
3899     .swiper-pause-button:focus {
3900         outline: 2px solid #007bff;
3901         outline-offset: 2px;
3902     }
3903
3904     .swiper-pause-button .pause-icon {
3905         font-size: 18px;
3906         line-height: 1;
3907     }
3908
3909    .notice-inList section button span{
3910        display: flex;
3911        align-items: center;
3912
3913        //width: 24px;
3914        //height: 24px;
3915        background-color: #ff7a00; /* オレンジ */
3916        color: white;
3917        justify-content: center;
3918        border-radius: 0;    /* ← ここで四角にする */
3919        padding: 0 10px;
3920    }
3921    .notice-inList section button span.add,
3922    .notice-inList section button span.remove,
3923    .notice-inList section button span.remove::after{
3924        color: #fff;
3925    }
3926    .notice-inList section ul li a::after {
3927        // right: 25px;
3928    }
3929    .notice-inList section ul li a{
3930       // padding: 0 45px 0 0;
3931    }
3932    .notice-inList section ul li {
3933        max-width: 85%;
3934    }
3935    /* レスポンシブ対応 */
3936     @media (max-width: 767px) {
3937         .swiper-pause-button {
3938             width: 35px;
3939             height: 35px;
3940             font-size: 14px;
3941         }
3942         
3943         .swiper-pause-button .pause-icon {
3944             font-size: 16px;
3945         }
3946         .notice-inList section ul li {
3947             max-width: 75%;
3948         }
3949     }
3950</style>
3951</html>

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.