PageSourceSearch

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

html highwaybus.com collected 2026-09-24 09:05:18 UTC 150,533 bytes, 3,949 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_20260908_440-23461">
62
63    <link rel="stylesheet" href="/gp/202103/css/style.css?v=RLS_20260908_440-23461">
64    
65        
66        <link rel="stylesheet" href="/gp/202103/css/styles.css?v=RLS_20260908_440-23461">
67    
68    
69    <link rel="stylesheet" href="/gp/202103/css/selmodal.css?v=RLS_20260908_440-23461">
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>
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>
456
457<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
457
458<script>
459    window.yjDataLayer = window.yjDataLayer || [];
460    function ytag() { yjDataLayer.push(arguments); }
461    ytag({"type":"ycl_cookie"});
462</script>
462
463<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
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>
487
488<script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
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.16</dt>
2020		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=749&topicid=19169&type=1">ハイウェイバスドットコムアプリ(iOS版)アップデートのお願い</a></dd>
2021							<dt>2026.09.11</dt>
2022		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=749&topicid=19375&type=1">【ご注意】d払い(NTTdocomo)手続きをされる方へお支払い完了確認のお願い</a></dd>
2023							<dt>2025.09.05</dt>
2024		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=749&topicid=17723&type=1">【重要】会員ログインパスワードポリシーの変更について</a></dd>
2025							<dt>2025.04.16</dt>
2026		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=749&topicid=15529&type=1">お支払い期限と乗車券表示に関するお願い</a></dd>
2027							<dt>2022.05.18</dt>
2028		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=749&topicid=11868&type=1">ハイウェイバスドットコムからのメールが届かなくてお困りのお客様へ</a></dd>
2029		</dl>
2030
2031
2032                            </div>
2033                        </section>
2034                    </section>
2035
2036                    <section class="nav-btn-01 pc">
2037                        <ul>
2038                            <li><a href="/gp/html/gp/guide/guidance.html"><img
2039                                    src="/gp/202103/images/btn-hn-goriyouannai.svg"></a>
2040                            </li>
2041                            <li>
2042                                <a href="/gp/reservation/rsvRouteList?routeListSelected=selected"><img
2043                                        src="/gp/202103/images/btn-hn-rosenichiran.svg"></a>
2044                            </li>
2045                            <li><a href="/gp/info/serviceInfo"><img
2046                                    src="/gp/202103/images/btn-hn-unkoujouhou.svg"></a></li>
2047                            <li><a href="/gp/reference/refCertification"><img
2048                                    src="/gp/202103/images/btn-hn-yoyaku-kakunin-torikeshi.svg"></a>
2049                            </li>
2050                        </ul>
2051                    </section>
2052
2053                    <section class="nav-btn-02">
2054                        <section class="item">
2055                            <!-- <p class="ttl"><span>回 数 券</span></p> -->
2056
2057                            <p class="btn">
2058                                
2059                                    
2060                                    
2061                                    
2062                                        
2063                                        <a href="/gp/coupon/cpnSearch"
2064                                           class="icon-arrow_right">
2065                                            <img
2066                                                    src="/gp/202103/images/btn-hn-web-kaisuuken-kounyuu.svg"
2067                                                    alt="回数券を購入する"></a>
2068                                        <span>
2069                                            <a class="cpnBuyList"
2070                                               href="/gp/coupon/cpnBuyList">購入済み「WEB回数券」を確認・使用</a>
2071                                            <a class="question"
2072                                               href="/gp/html/gp/guide/web_coupon_attention.html"></a>
2073                                        </span>
2074
2075                                    
2076                                
2077                                
2078                            </p>
2079
2080                            
2081
2082                            
2083                            
2084                            
2085                            <form action="https://package.highwaybus.com/ticket" method="POST" name="webEventSaleSiteEventList">
2086                                
2087                            </form>
2088
2089
2090                            <p class="btn btnType2">
2091                                <a href="javascript:void(0);" onclick="document.webEventSaleSiteEventList.submit()">
2092                                    <img src="/gp/202103/images/btn-hn-set-ken-kounyuu.svg"
2093                                         alt="回数券を購入する">
2094                                </a>
2095                                
2096                            </p>
2097
2098                        </section>
2099                        <!--
2100                        <section class="item">
2101                            <p class="ttl"><span>WEB回数券</span></p>
2102                            
2103                                
2104                            
2105                                    
2106                                
2107                                <a href="/gp/mypage/mypLogin?coupon=search" class="icon-arrow_right">
2108                                    
2109                                    
2110
2111                                    <img
2112                                            src="/gp/202103/images/btn-hn-web-kaisuuken-kounyuu.svg" alt="WEB回数券を購入する"></a>
2113                                <p class="link"><a
2114                                        href="/gp/html/gp/guide/web_coupon_attention.html">※WEB回数券について</a>
2115                                </p>
2116                        </section>
2117                        -->
2118
2119                        <!--
2120                        <section class="item">
2121                            <p class="ttl"><span>運行情報</span></p>
2122                            <p class="attention"><a href="#">本日、運休になったバスがあります。</a></p>
2123                            <a href="/gp/info/serviceInfo"><img src="/gp/202103/images/btn-hn-unkoujouhou-kakunin.svg" alt="運行情報を確認する"></a>
2124                        </section>
2125                        -->
2126                    </section>
2127
2128                    <section class="nav-btn-03">
2129                        <ul>
2130                            
2131                            <li>
2132                                <a href="/gp/reservation/rsvRouteListOnPlaceSelection"><img
2133                                        src="/gp/202103/images/btn-hn-nihonchizukarasagasu.svg"></a>
2134                            </li>
2135                            
2136                            <li><a href="/gp/reservation/rsvRouteListTransportSelection"><img
2137                                    src="/gp/202103/images/btn-hn-unkougaishakarasagasu.svg"></a>
2138                            </li>
2139                            
2140                            <li><a href="/gp/reservation/rsvBusStopSearch#init"><img
2141                                    src="/gp/202103/images/btn-hn-busteikarasagasu.svg"></a>
2142                            </li>
2143                        </ul>
2144                    </section>
2145                </article>
2146
2147            </div>
2148
2149        </div>
2150
2151
2152        <div class="wrap00">
2153
2154            <div class="home-secondary">
2155
2156                <article class="notice" >
2157
2158                    <section class="notice_item">
2159                        <h2 class="ttl">路線に関するお知らせ</h2>
2160
2161                        
2162                            
2163                                															<dl>
2164							<dt>2026.08.13</dt>
2165		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=14&topicid=805&type=1">【重要】運休便の乗車券・WEB回数券の払戻しについて</a></dd>
2166							<dt>2026.04.28</dt>
2167		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=14&topicid=18744&type=1">≪基山乗継割引運賃の廃止について≫2026年7月1日運行便より</a></dd>
2168		</dl>
2169
2170
2171
2172                                <p class="view-all"><a href="javascript:void(0);"
2173                                                       onClick="return topicInfo('2');">全2件</a></p>
2174                            
2175                            
2176                        
2177
2178                        <span class="l01"></span>
2179                        <span class="l02"></span>
2180                        <span class="l03"></span>
2181                        <span class="l04"></span>
2182                    </section>
2183
2184                    <section class="notice_item">
2185                        <h2 class="ttl">おすすめ情報・キャンペーン</h2>
2186                        
2187                            
2188                            
2189                                <ul>
2190                                    <li>只今、おすすめ情報・キャンペーンはありません。</li>
2191                                </ul>
2192                            
2193                        
2194                        <span class="l01"></span>
2195                        <span class="l02"></span>
2196                        <span class="l03"></span>
2197                        <span class="l04"></span>
2198                    </section>
2199
2200                    <section class="notice_item">
2201                        <h2 class="ttl">WEBサイト利用に関するお知らせ</h2>
2202
2203
2204                        
2205                            
2206                                															<dl>
2207							<dt>2026.09.19</dt>
2208		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=14&topicid=7434&type=1">【システムメンテナンス】10/4 セブンイレブンでのコンビニ支払いができない時間があります</a></dd>
2209							<dt>2026.09.11</dt>
2210		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=14&topicid=11718&type=1">【ご注意】d払い(NTTdocomo)手続き完了時におけるお支払い完了確認のお願い</a></dd>
2211							<dt>2026.09.01</dt>
2212		<dd><a href="https://www.highwaybus.com/gp/info/topicInfo2;jsessionid=FDC48B51D8BB059CE04CE6F8A796E924?cid=14&topicid=2261&type=1">【システムメンテナンス】9/28 クレジットカード決済およびキャリア決済がご利用いただけない時間帯がありますのでご注意ください</a></dd>
2213		</dl>
2214
2215
2216
2217                                <p class="view-all"><a href="javascript:void(0);"
2218                                                       onClick="return topicInfo('5');">全16件</a></p>
2219                            
2220                            
2221                        
2222
2223                        <span class="l01"></span>
2224                        <span class="l02"></span>
2225                        <span class="l03"></span>
2226                        <span class="l04"></span>
2227                    </section>
2228                </article>
2229
2230                
2231                    <article class="terminallist">
2232                        <section class="terminallist_item">
2233                            <p class="ttl">バスターミナルのご案内</p>
2234                            <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="http://www.atbus-de.com/terminal_list/center-tenjin/" 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>
2235
2236                        </section>
2237                    </article>
2238                
2239            </div>
2240        </div>
2241        
2242            <div class="pr00">
2243                 <div class="swiper-container">
2244                     <div class="swiper-wrapper" id="swiperArea">
2245                     </div>
2246                     <div class="swiper-pagination"></div>
2247                     <div class="swiper-button-prev"></div>
2248                     <div class="swiper-button-next"></div>
2249                     <!-- 一時停止/再生ボタン -->
2250                     <button class="swiper-pause-button" id="swiperPauseButton" 
2251                             aria-label="広告の自動再生を一時停止" 
2252                             title="広告の自動再生を一時停止">
2253                         <span class="pause-icon">⏸</span>
2254                     </button>
2255                 </div>
2256                <div id="contents235" style="display: none;">
2257                    <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=FDC48B51D8BB059CE04CE6F8A796E924?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>
2258
2259                </div>
2260            </div>
2261        
2262    </main>
2263
2264
2265    <!-- -->
2266    <div id="peopleNum" class="modal00 modal00-js">
2267        <div class="modal00-bg modal00-close">
2268            <a href="#" class="modal00-close-fixed"><span></span></a>
2269        </div>
2270        <div class="modal00-content">
2271            <!-- 人数選択 -->
2272            <section class="selectPeopleNumber-mdl">
2273                <p class="ttl">人数選択</p>
2274                <section class="selectPeopleNumber">
2275                    <ul>
2276                        <li>
2277                            <p class="item-ttl">大人</p>
2278                        </li>
2279                        <li>
2280                            <p class="input-peopleNum">
2281                                <span>男性</span>
2282                                <button class="decrease"></button>
2283                                <input type="text" id="adultMen_count" class="male_count input_person" value="0"
2284                                       readonly="readonly"/>
2285                                <button class="increase"></button>
2286                            </p>
2287                        </li>
2288                        <li>
2289                            <p class="input-peopleNum">
2290                                <span>女性</span>
2291                                <button class="decrease"></button>
2292                                <input type="text" id="adultWomen_count" class="female_count input_person" value="0"
2293                                       readonly="readonly"/>
2294                                <button class="increase"></button>
2295                            </p>
2296                        </li>
2297                    </ul>
2298                    <ul>
2299                        <li>
2300                            <p class="item-ttl">小人</p>
2301                        </li>
2302                        <li>
2303                            <p class="input-peopleNum">
2304                                <span>男性</span>
2305                                <button class="decrease"></button>
2306                                <input type="text" id="childMen_count" class="male_count input_person" value="0"
2307                                       readonly="readonly"/>
2308                                <button class="increase"></button>
2309                            </p>
2310                        </li>
2311                        <li>
2312                            <p class="input-peopleNum">
2313                                <span>女性</span>
2314                                <button class="decrease"></button>
2315                                <input type="text" id="childWomen_count" class="female_count input_person" value="0"
2316                                       readonly="readonly"/>
2317                                <button class="increase"></button>
2318                            </p>
2319                        </li>
2320                    </ul>
2321                    <ul>
2322                        <li>
2323                            <p class="item-ttl">障がい者・介護者 大人</p>
2324                        </li>
2325                        <li>
2326                            <p class="input-peopleNum">
2327                                <span>男性</span>
2328                                <button class="decrease"></button>
2329                                <input type="text" id="handicapAdultMen_count" class="male_count input_person" value="
23290"
2330                                       readonly="readonly"/>
2331                                <button class="increase"></button>
2332                            </p>
2333                        </li>
2334                        <li>
2335                            <p class="input-peopleNum">
2336                                <span>女性</span>
2337                                <button class="decrease"></button>
2338                                <input type="text" id="handicapAdultWomen_count" class="female_count input_person"
2339                                       value="0"
2340                                       readonly="readonly"/>
2341                                <button class="increase"></button>
2342                            </p>
2343                        </li>
2344                    </ul>
2345                    <ul>
2346                        <li>
2347                            <p class="item-ttl">障がい者・介護者 小人</p>
2348                        </li>
2349                        <li>
2350                            <p class="input-peopleNum">
2351                                <span>男性</span>
2352                                <button class="decrease"></button>
2353                                <input type="text" id="handicapChildMen_count" class="male_count input_person" value="0"
2354                                       readonly="readonly"/>
2355                                <button class="increase"></button>
2356                            </p>
2357                        </li>
2358                        <li>
2359                            <p class="input-peopleNum">
2360                                <span>女性</span>
2361                                <button class="decrease"></button>
2362                                <input type="text" id="handicapChildWomen_count" class="female_count input_person"
2363                                       value="0"
2364                                       readonly="readonly"/>
2365                                <button class="increase"></button>
2366                            </p>
2367                        </li>
2368                    </ul>
2369                </section>
2370
2371                
2372                
2373
2374<p class="aboutNumPeople">人数について &#9662;</p>
2375<section class="aboutNumPeople_desc">
2376    
2377    <p>ご乗車になる人数を入力してください。</p>
2378    <p>
2379                        <span class="attention">※車椅子ご利用の場合、車両によってご乗車いただけない場合がございますので、ご利用便の運行会社へ<a
2380                                href="/gp/html/gp/contact_tel.html?_blank"
2381                                target="_blank" rel="noopener noreferrer" class="txtLink">お電話</a>でお問合せください。
2382                        </span>
2383    </p>
2384    <p>
2385        ※障がい者に引率される介護者は、身体障害者手帳または療育手帳に記載されている事項の種別により、割引が受けられます。(一部路線はのぞく)</p>
2386    <p>
2387        ※障がい者(割引)の適用範囲については、購入される運賃または料金欄の注意事項等をご確認ください。
2388    </p>
2389    <p>
2390        なお、身障者手帳、バス運賃割引証は、バス利用時ならびに窓口での乗車券購入時に確認させていただきます。
2391    </p>
2392    <p>
2393        ※幼児(6歳未満)のお客様で座席を占有されない場合、小学生以上の同伴者1名に対して1名様まで無賃でご乗車いただけます。
2394    </p>
2395    <p>
2396        ただし、満席の場合は車両の定員人数の理由によりお断りすることがございますので、幼児のお客様の分も小児運賃をお支払いいただき座席を使用されることをおすすめいたします。
2397    </p>
2398    <p>
2399        (福岡オープントップバス、北九州オープントップバス、定期観光バス「地獄めぐり」、阿蘇カルデラツアー、そらよかツアーについては、上記とは異なりますので、ご注意ください。)
2400    </p>
2401</section>
2402
2403
2404                <button type="button" class="cmnBtn cmnBtnOrg" onclick="return setPersonCount();"><span>確定する</span>
2405                </button>
2406            </section>
2407            <!-- end -->
2408        </div>
2409    </div>
2410
2411    <input type="hidden" id="lineInfoCntVal" value="2"/>
2412    <input type="hidden" id="recoInfoCntVal" value=""/>
2413    <input type="hidden" id="webInfoCntVal" value="16"/>
2414    
2415    <form id="topicInfoForm" name="topicInfoForm" action="/gp/info/topicInfo" method="get">
2416        <input id="totalCountStrAll" name="totalCountStrAll" type="hidden" value=""/>
2417        <input type="hidden" name="categoryId" value=""/>
2418    </form>
2419
2420
2421    
2422<script type="text/javascript">
2423    function deleteMagin() {
2424        const userAgent = navigator.userAgent.toUpperCase();
2425        if (userAgent.search(/SRS_SP_APP/) > -1) {
2426            $(".mainArea").css('padding-top', '35x');
2427            $(".container").css('margin-top', '0px');
2428            $(".breadcrumb").css('top', 0);
2429        }
2430    }
2431
2432    deleteMagin();
2433</script>
2433
2434<script>
2435    $(function () {
2436        $("iframe.ul-widget-main-window").hide();
2437    });
2438    $("#chatBtn").click(function () {
2439        $("iframe.ul-widget-main-window").show();
2440    });
2441</script>
2441
2442
2443    
2444    
2445        
2446        
2447
2448<footer>
2449    <div class="ftrInner">
2450        <div class="top">
2451            <ul>
2452                <li>
2453                    <section>
2454                        <dl>
2455                            <dt class="jnbn2">
2456                                <!-- Begin SureServer site seal HTML and JavaScript -->
2457                                
2457<script language="JavaScript" TYPE="text/javascript" src="https://trusted-web-seal.cybertrust.ne.jp/seal/getScript?host_name=www.highwaybus.com&type=12">
2458                                </script>
2458
2459                                 <!-- End SureServer site seal HTML and JavaScript -->
2460                            </dt>
2461                            <dd class="jnbn1">
2462                                <p>
2463                                    このサイトは、サイバートラストの<a href="https://www.cybertrust.ne.jp/sureserver/" target="_blank" rel="noopener noreferrer" class="txtLink">サーバー証明書</a>により実在性が認証されています。また、SSLページは通信が暗号化されプライバシーが守られています。
2464                                </p>
2465                            </dd>
2466                        </dl>
2467                    </section>
2468                </li>
2469                <li>
2470                    <section>
2471                        <p>
2472                            高速バスのハイウェイバスドットコム 日本全国の高速バス簡単予約(東京(新宿)・山梨・長野・名古屋・九州発着)<br>
2473                            当サイトでは高速乗合バス(路線バス)とバスツアー(募集型企画旅行)をご予約いただけます
2474                        </p>
2475                    </section>
2476                </li>
2477            </ul>
2478        </div>
2479        <div class="middle">
2480            <p><a href="/gp/html/gp/copyright.html">ご利用規約</a> |
2481                <a href="/gp/html/gp/point_rule.html">バスマイルポイント規約</a> |
2482                <a href="/gp/html/gp/privacypolicy.html">個人情報保護方針</a> |
2483                <a href="/gp/html/gp/law.html">特定商取引法に基づく表記</a> |
2484                <a href="/gp/html/gp/link.html">関連リンク</a> |
2485                <a href="/gp/html/gp/sitemap.html">サイトマップ</a>
2486            </p>
2487        </div>
2488        <div class="bottom">
2489            <p>Copyright © 2018 Keio Dentetsu Bus Co.,Ltd All Rights Reserved.</p>
2490        </div>
2491    </div>
2492</footer>
2493<!-- chatbot -->
2494
2495<input type="hidden" id="memberId" value=""/>
2496<script>
2497    (function (c, n, s) {
2498        if (c[n] === void 0) {
2499            c['ULObject'] = n;
2500            c[n] = c[n] || function () {
2501                (c[n].q = c[n].q || []).push(arguments)
2502            };
2503            c[n].l = 1 * new Date();
2504            var e = document.createElement('script');
2505            e.async = 1;
2506            e.src = s + "/chatbot.js";
2507            var t = document.getElementsByTagName('script')[0];
2508            t.parentNode.insertBefore(e, t);
2509        }
2510    })(window, 'ul_widget', 'https://support-widget.nakanohito.jp');
2511    ul_widget('init', {'id': 412});
2512    var memId = document.getElementById("memberId");
2513    if (memId.value != null && memId.value != "") {
2514        ul_widget('set', 'lg_id', memId.value);
2515    }
2516</script>
2516
2517
2518
2519
2520   
2521    
2522
2523    <p class="pageTop"><a href="#"><img src="/gp/202103/images/to-top.svg"></a></p>
2524
2525
2526
2527</div>
2528</body>
2529
2530<script src="/gp/202103/libs/gh/cferdinandi/[email protected]/dist/smooth-scroll.polyfills.min.js"></script>
2530
2531
2532<script type="text/javascript">
2533    var scroll = new SmoothScroll('a[href*="#"]', {
2534        speed: 300,
2535        header: 'header'
2536    });
2537</script>
2537
2538
2539
2540
2541<input type="hidden" id="contextPath" value="/gp">
2542
2543<script src="/gp/202103/js/Jquery.selmodal.js"></script>
2543
2544<!-- datepicker -->
2545<link rel="stylesheet"
2546      href="/gp/202103/libs/ui/1.9.2/css/custom-theme/jquery-ui-1.9.2.custom.css"/>
2547<script src="/gp/202103/libs/ui/1.9.2/js/jquery-ui-1.9.2.custom.js"></script>
vendor: 1 bytes, line 2547
2547
2548<script src="/gp/202103/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
2548
2549
2550
2551<!--
2552追加で読み込み
2553-->
2554<link rel="stylesheet" href="/gp/css/layout.css">
2555<link rel="stylesheet" href="/gp/css/index_rn.css">
2556<link rel="stylesheet" href="/gp/202103/libs/Swiper/6.8.4/swiper-bundle.min.css">
2557<script src="/gp/202103/libs/Swiper/6.8.4/swiper-bundle.min.js"></script>
2557
2558
2559
2560<script>
2561    $(document).ready(function () {
2562        //
2563        $('.selmodal00').selModal();
2564        //
2565        initSelect('#line-line')
2566        initSelect('#line-departure')
2567        initSelect('#line-arrival')
2568        initSelect('#line-date')
2569        initPerson()
2570        // 路線から
2571        {
2572            const e = $("#line-area");
2573            e.on('change', function () {
2574                getLines(this);
2575            });
2576        }
2577        {
2578            const e = $("#line-line");
2579            e.on('change', function () {
2580                getDeparture(this);
2581            });
2582        }
2583        {
2584            const e = $("#line-departure");
2585            e.on('change', function () {
2586                getArrival(this, getDate);
2587            });
2588        }
2589        {
2590            const e = $("#line-arrival");
2591            e.on('change', function () {
2592                getDate();
2593            });
2594        }
2595        $("#datepicker").datepicker({
2596            dateFormat: 'yymmdd',
2597            buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg",
2598            buttonText: "カレンダーから選択",
2599            buttonImageOnly: true,
2600            showOn: "button"
2601        });
2602        $('.aboutNumPeople').click(function () {
2603            $(this).next().slideToggle(500);
2604            $(this).toggleClass("active");
2605        });
2606        // TODO:発着地から
2607
2608        // TODO:バス停から
2609
2610        // TODO:Web回数券
2611
2612        // お気に入り
2613        {
2614            const e = $("#favorite-line");
2615            e.on('change', function () {
2616                const value = $("#favorite-line").val();
2617                if (value) {
2618                    const onStationCd = getValue(value, 1)
2619                    const offStationCd = getValue(value, 2)
2620
2621                    // 乗車
2622                    getDepartureFavorite(this, function () {
2623                        $("#favorite-departure").val(onStationCd).selModal()
2624                        // 降車
2625                        getArrivalFavorite(this, function () {
2626                            $("#favorite-arrival").val(offStationCd).selModal()
2627                            //日付
2628                            getDateFavorite(function () {
2629
2630                            })
2631                        });
2632                    });
2633                }
2634            });
2635            if (e.val()) {
2636                e.trigger('change')
2637            }
2638        }
2639        // {
2640        //     const e = $("#favorite-departure");
2641        //     e.on('change', function () {
2642        //         getArrivalFavorite(this, getDate);
2643        //     });
2644        // }
2645        // {
2646        //     const e = $("#favorite-arrival");
2647        //     e.on('change', function () {
2648        //         getDateFavorite(this);
2649        //     });
2650        // }
2651        //
2652        restoreHistory();
2653    })
2654    document.addEventListener('DOMContentLoaded', function () {
2655        const inputs = document.getElementsByClassName('input-peopleNum')
2656        Array.prototype.forEach.call(inputs, function (el) {
2657            const input = el.getElementsByTagName('input')[0]
2658            el.getElementsByClassName('increase')[0].addEventListener('click', function () {
2659                incInputNumber(input, 1)
2660            })
2661            el.getElementsByClassName('decrease')[0].addEventListener('click', function () {
2662                incInputNumber(input, -1)
2663            })
2664        })
2665    })
2666
2667    function incInputNumber(input, step) {
2668        let val = +input.value
2669        if (isNaN(val)) val = 0
2670        val += step
2671        if (val > 12) val = 12;
2672        input.value = val > 0 ? val : 0
2673    }
2674
2675    //履歴から
2676    function restoreHistory() {
2677        const isSearchHistoryDisp = $("#isSearchHistoryDisp").val();
2678        const historyArea = $("#historyArea").val();
2679        const historyLine = $("#historyLine").val();
2680        const historyOn = $("#historyOn").val();
2681        const historyOff = $("#historyOff").val();
2682        //
2683        if (isSearchHistoryDisp !== 'true') {
2684            //履歴を使用しない
2685            return;
2686        }
2687        //
2688        getLines(this, function () {
2689            //路線を設定する
2690            $("#line-line").selModalSetValue(historyLine);
2691            //
2692            getDeparture(this, function () {
2693                //乗車バス停
2694                $("#line-departure").selModalSetValue(historyOn);
2695                //
2696                getArrival(this, function () {
2697                    //降車バス停
2698                    $("#line-arrival").selModalSetValue(historyOff);
2699                    //
2700                    getDate();
2701
2702                })
2703            })
2704        });
2705
2706
2707    }
2708
2709    //
2710    function initSelect(target, useSelmodal) {
2711        //
2712        if (useSelmodal === undefined) {
2713            useSelmodal = true;
2714        }
2715        const element = $(target);
2716        element.children('option').remove()
2717        element.append("<option value=''>選択してください</option>")
2718        if (useSelmodal) {
2719            element.selModal();
2720        }
2721    }
2722
2723    function initPerson() {
2724        $(".input_person").val('0')
2725    }
2726
2727    // 路線一覧を取得
2728    function getLines(e, callback) {
2729
2730        // 下層selectを初期化する
2731        initSelect('#line-line');
2732        initSelect('#line-departure');
2733        initSelect('#line-arrival');
2734        initSelect('#line-date');
2735        initPerson()
2736
2737        const value = $("#line-area").val();
2738        //路線一覧を取得
2739        const url = 'ajaxPulldown?mode=line:full&id=' + value;
2740        const xml = new JKL.ParseXML(url, 'POST');
2741        xml.async(function (r) {
2742            //
2743            const element = $('#line-line');
2744            const results = r.results
2745            const rosen = results.rosen;
2746            //
2747            const num = rosen.num;
2748            if (num == 1) {
2749                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2750            } else {
2751                for (let i = 0; i < num; i++) {
2752                    const rosen_id = rosen.id[i];
2753                    const rosen_name = rosen.name[i];
2754                    element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>")
2755                }
2756            }
2757            element.selModal()
2758            //
2759            if (callback) {
2760                callback();
2761            }
2762        });
2763        xml.parse();
2764
2765    }
2766
2767    let lineDepartureNearBy = {};
2768
2769    // 乗車バス停を取得
2770    function getDeparture(e, callback) {
2771        // 下層selectを初期化する
2772        initSelect('#line-departure');
2773        initSelect('#line-arrival');
2774        initSelect('#line-date');
2775        initPerson()
2776
2777        //
2778        const value = $("#line-line").val();
2779        //乗車バス停一覧を取得
2780        const url = 'ajaxPulldown?mode=station_geton&id=' + value;
2781        const xml = new JKL.ParseXML(url, 'POST');
2782        xml.async(function (r) {
2783            //
2784            lineDepartureNearBy = {};
2785            const element = $('#line-departure');
2786            const results = r.results
2787            const rosen = results.rosen;
2788            const num = rosen.num;
2789            if (num == 1) {
2790                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2791                lineDepartureNearBy[rosen.id] = rosen.nearbyStationFlg;
2792            } else {
2793                for (let i = 0; i < num; i++) {
2794                    const rosen_id = rosen.id[i];
2795                    const rosen_name = rosen.name[i];
2796                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
2797                    element.append("<option value='" + rosen_id + "' >" + rosen_name + "</option>")
2798                    //
2799                    lineDepartureNearBy[rosen_id] = nearbyStationFlg
2800                }
2801            }
2802            element.selModal()
2803            //
2804            if (callback) {
2805                callback();
2806            }
2807        });
2808        xml.parse();
2809
2810    }
2811
2812    let lineArrivalNearBy = {};
2813    let last_arrival = null;
2814
2815    // 降車バス停を取得
2816    function getArrival(e, callback) {
2817        // 現在選択されている降車バス停を保存
2818        last_arrival = $('#line-arrival').val();
2819
2820        // 下層selectを初期化する
2821        initSelect('#line-arrival');
2822        initSelect('#line-date');
2823        initPerson()
2824
2825        //
2826        const lineId = $("#line-line").val();
2827        const onStation = $("#line-departure").val();
2828
2829        //
2830        const nearby = lineDepartureNearBy[onStation]
2831        const wrapper = $("#line-near-departure-wrapper");
2832        const checkbox = $("#line-near-departure");
2833        if (nearby === '1') {
2834            // [近くのバス停を同時に検索]あり
2835            wrapper.show();
2836            checkbox.prop('checked', true)
2837        } else {
2838            // [近くのバス停を同時に検索]なし
2839            wrapper.hide();
2840            checkbox.prop('checked', false)
2841        }
2842
2843        //乗車バス停一覧を取得
2844        const url = 'ajaxPulldown?mode=station_getoff&id=' + lineId + '&stationcd=' + onStation;
2845        const xml = new JKL.ParseXML(url, 'POST');
2846        xml.async(function (r) {
2847            //
2848            lineArrivalNearBy = {};
2849            const element = $('#line-arrival');
2850            const results = r.results
2851            const rosen = results.rosen;
2852            const num = rosen.num;
2853
2854            if (num == 1) {
2855                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2856                lineArrivalNearBy[rosen.id] = rosen.nearbyStationFlg;
2857            } else {
2858                for (let i = 0; i < num; i++) {
2859                    const rosen_id = rosen.id[i];
2860                    const rosen_name = rosen.name[i];
2861                    const nearbyStationFlg = rosen.nearbyStationFlg[i];
2862                    element.append("<option value='" + rosen_id + "'>" + rosen_name + "</option>")
2863                    //
2864                    lineArrivalNearBy[rosen_id] = nearbyStationFlg
2865                }
2866            }
2867
2868            // 保存した降車バス停を設定する
2869            if (last_arrival) {
2870                element.val(last_arrival);
2871            }
2872            last_arrival = null;
2873
2874            element.selModal()
2875            //
2876            if (callback) {
2877                callback();
2878            }
2879        });
2880        xml.parse();
2881
2882    }
2883
2884
2885    // 運行日の一覧を取得
2886    function getDate(callback) {
2887
2888        // 下層selectを初期化する
2889        initSelect('#line-date');
2890        initPerson()
2891
2892        //
2893        const lineId = $("#line-line").val();
2894        const onStation = $("#line-departure").val();
2895        const offStation = $("#line-arrival").val();
2896        //
2897        const nearby = lineArrivalNearBy[offStation]
2898        const wrapper = $("#line-near-arrival-wrapper");
2899        const checkbox = $("#line-near-arrival");
2900        if (nearby === '1') {
2901            // [近くのバス停を同時に検索]あり
2902            wrapper.show();
2903            checkbox.prop('checked', true)
2904        } else {
2905            // [近くのバス停を同時に検索]なし
2906            wrapper.hide();
2907            checkbox.prop('checked', false)
2908        }
2909
2910        //乗車バス停一覧を取得
2911        const url = 'ajaxPulldown?mode=date&id=' + lineId + '&onStation=' + onStation + '&offStation=' + offStation;
2912        const xml = new JKL.ParseXML(url, 'POST');
2913        xml.async(function (r) {
2914            //
2915            const holidays = {};
2916            const boardings = [];
2917
2918            const element = $('#line-date');
2919            const results = r.results;
2920            const rosen = results.rosen;
2921            const num = rosen.num;
2922            if (num == 1) {
2923                element.append("<option value='" + rosen.id + "'>" + rosen.name + "</option>")
2924            } else {
2925                for (let i = 0; i < num; i++) {
2926                    const date_id = rosen.id[i];
2927                    const date_name = rosen.name[i];
2928                    boardings.push(date_id);
2929                    if (date_name.indexOf('祝') !== -1) {
2930                        holidays[date_id] = {sts: "祝日"};
2931                    }
2932                    element.append("<option value='" + date_id + "'>" + date_name + "</option>")
2933                }
2934            }
2935
2936            element.selModal()
2937
2938            //
2939            setDatePicker(holidays, boardings, "#line-date", "#datepicker");
2940
2941            //
2942            if (callback) {
2943                callback();
2944            }
2945
2946        });
2947        xml.parse();
2948    }
2949
2950    function setDatePicker(holidays, boardings, selector_select, selector_datepicker) {
2951
2952        const datepicker = $(selector_datepicker);
2953        if (boardings.length === 0) {
2954            datepicker.datepicker('option', 'beforeShowDay', function (date) {
2955                return false;
2956            });
2957            datepicker.datepicker("option", "disabled", true);
2958            datepicker.datepicker("option", "minDate", new Date());
2959            datepicker.datepicker("option", "maxDate", new Date());
2960            return false;
2961        }
2962
2963        const maxDate = $.datepicker.parseDate('yymmdd', Math.max.apply(null, boardings));
2964        const minDate = $.datepicker.parseDate('yymmdd', Math.min.apply(null, boardings));
2965
2966        //
2967        const beforeShowDay = function (day) {
2968            const dateStr = $.datepicker.formatDate("yymmdd", day);
2969            const holiday = holidays[dateStr];
2970            let result = [true,];
2971
2972            // 祝日であるか
2973            // console.log(dateStr, boardings, $.inArray(dateStr, boardings))
2974
2975            if (holiday) {
2976                result = [true, "date-holiday"];
2977            } else if ($.inArray(dateStr, boardings) !== -1) {
2978                result = [true, ""];
2979            } else {
2980                result = [false, ""];
2981            }
2982            return result;
2983        };
2984        const onSelect = function (date, inst) {
2985            $(selector_select).selModalSetValue(date);
2986        };
2987        //
2988        // console.log(minDate, maxDate)
2989        datepicker.datepicker("option", "disabled", false);
2990        datepicker.datepicker('destroy');
2991        $.datepicker.setDefaults($.datepicker.regional['ja']);
2992        datepicker.datepicker({
2993            dateFormat: 'yymmdd',
2994            buttonImage: $("#contextPath").val() + "/img/iconset/calendar.svg",
2995            buttonText: "カレンダーから選択",
2996            buttonImageOnly: true,
2997            showOn: "button",
2998            minDate: minDate,
2999            maxDate: maxDate,
3000            beforeShowDay: beforeShowDay,
3001            onSelect: onSelect
3002        });
3003        datepicker.datepicker();
3004        datepicker.datepicker('setDate', new Date());
3005
3006        //
3007        $(selector_select).on('change', function () {
3008            const value = $(this).val();
3009            datepicker.datepicker("setDate", value);
3010        });
3011
3012    }
3013
3014    //
3015    function setPersonCount() {
3016        //
3017        let male = 0;
3018        let female = 0;
3019        //
3020        $('.male_count').each(function () {
3021            const e = $(this);
3022            const val = parseInt(e.val());
3023            male += val;
3024        })
3025        $('.female_count').each(function () {
3026            const e = $(this);
3027            const val = parseInt(e.val());
3028            female += val;
3029        })
3030
3031        //
3032        if (male + female > 12) {
3033            alert("WEBでご予約可能な人数は12人までです。");
3034            return false;
3035        }
3036
3037        //
3038        $(".male_count_disp").val(male);
3039        $(".female_count_disp").val(female);
3040        $('body').removeClass('mdlFixed');
3041        window.scrollTo(0, scrollPosition);
3042        $('.modal00-js').fadeOut();
3043
3044    }
3045</script>
3045
3046
3047<script>
3048    //
3049    $(document).ready(function () {
3050        
3051        localArray['北海道'] = '010';
3052        
3053        localArray['青森市'] = '021';
3054        
3055        localArray['弘前市'] = '022';
3056        
3057        localArray['八戸市'] = '023';
3058        
3059        localArray['盛岡市'] = '031';
3060        
3061        localArray['岩手県上記以外'] = '039';
3062        
3063        localArray['仙台市'] = '041';
3064        
3065        localArray['秋田市'] = '051';
3066        
3067        localArray['秋田県上記以外'] = '059';
3068        
3069        localArray['酒田市・鶴岡市'] = '062';
3070        
3071        localArray['山形県上記以外'] = '069';
3072        
3073        localArray['福島県上記以外'] = '079';
3074        
3075        localArray['水戸市'] = '081';
3076        
3077        localArray['茨城県上記以外'] = '089';
3078        
3079        localArray['宇都宮市'] = '091';
3080        
3081        localArray['栃木県上記以外'] = '099';
3082        
3083        localArray['前橋市'] = '101';
3084        
3085        localArray['高崎市'] = '102';
3086        
3087        localArray['群馬県上記以外'] = '109';
3088        
3089        localArray['さいたま市'] = '111';
3090        
3091        localArray['埼玉県上記以外'] = '119';
3092        
3093        localArray['千葉市'] = '121';
3094        
3095        localArray['成田空港'] = '122';
3096        
3097        localArray['東京ディズニーリゾート'] = '123';
3098        
3099        localArray['千葉県上記以外'] = '129';
3100        
3101        localArray['新宿駅周辺'] = '131';
3102        
3103        localArray['東京駅周辺'] = '132';
3104        
3105        localArray['渋谷駅周辺'] = '133';
3106        
3107        localArray['羽田空港'] = '134';
3108        
3109        localArray['23区上記以外'] = '138';
3110        
3111        localArray['多摩地域'] = '139';
3112        
3113        localArray['横浜市'] = '141';
3114        
3115        localArray['神奈川県上記以外'] = '149';
3116        
3117        localArray['新潟市'] = '151';
3118        
3119        localArray['新潟県上記以外'] = '159';
3120        
3121        localArray['富山市'] = '161';
3122        
3123        localArray['富山県上記以外'] = '169';
3124        
3125        localArray['金沢市'] = '171';
3126        
3127        localArray['石川県上記以外'] = '179';
3128        
3129        localArray['福井市'] = '181';
3130        
3131        localArray['福井県上記以外'] = '189';
3132        
3133        localArray['甲府市'] = '191';
3134        
3135        localArray['富士山周辺'] = '192';
3136        
3137        localArray['山梨県上記以外'] = '199';
3138        
3139        localArray['長野市'] = '201';
3140        
3141        localArray['松本市'] = '202';
3142        
3143        localArray['伊那飯田周辺'] = '203';
3144        
3145        localArray['白馬・扇沢周辺'] = '204';
3146        
3147        localArray['軽井沢周辺'] = '205';
3148        
3149        localArray['長野県上記以外'] = '209';
3150        
3151        localArray['岐阜市'] = '211';
3152        
3153        localArray['高山市'] = '212';
3154        
3155        localArray['中津川市'] = '213';
3156        
3157        localArray['岐阜県上記以外'] = '219';
3158        
3159        localArray['静岡市'] = '221';
3160        
3161        localArray['浜松市'] = '222';
3162        
3163        localArray['沼津市・三島市'] = '223';
3164        
3165        localArray['静岡県上記以外'] = '229';
3166        
3167        localArray['名古屋市'] = '231';
3168        
3169        localArray['豊橋市'] = '232';
3170        
3171        localArray['愛知県上記以外'] = '239';
3172        
3173        localArray['三重県上記以外'] = '249';
3174        
3175        localArray['滋賀県上記以外'] = '259';
3176        
3177        localArray['京都市'] = '261';
3178        
3179        localArray['梅田駅・大阪駅周辺'] = '271';
3180        
3181        localArray['なんば・あべの橋周辺'] = '272';
3182        
3183        localArray['大阪府上記以外'] = '279';
3184        
3185        localArray['神戸市'] = '281';
3186        
3187        localArray['姫路市'] = '282';
3188        
3189        localArray['兵庫県上記以外'] = '289';
3190        
3191        localArray['奈良市'] = '291';
3192        
3193        localArray['奈良県上記以外'] = '299';
3194        
3195        localArray['和歌山市'] = '301';
3196        
3197        localArray['鳥取県上記以外'] = '319';
3198        
3199        localArray['島根県上記以外'] = '329';
3200        
3201        localArray['岡山市'] = '331';
3202        
3203        localArray['岡山県上記以外'] = '339';
3204        
3205        localArray['広島市'] = '341';
3206        
3207        localArray['山口県上記以外'] = '359';
3208        
3209        localArray['徳島市'] = '361';
3210        
3211        localArray['徳島県上記以外'] = '369';
3212        
3213        localArray['高松市'] = '371';
3214        
3215        localArray['香川県上記以外'] = '379';
3216        
3217        localArray['松山市'] = '381';
3218        
3219        localArray['愛媛県上記以外'] = '389';
3220        
3221        localArray['高知市'] = '391';
3222        
3223        localArray['福岡市'] = '401';
3224        
3225        localArray['北九州市'] = '402';
3226        
3227        localArray['福岡県上記以外'] = '409';
3228        
3229        localArray['佐賀市'] = '411';
3230        
3231        localArray['鳥栖市・基山'] = '412';
3232        
3233        localArray['佐賀県上記以外'] = '419';
3234        
3235        localArray['長崎市'] = '421';
3236        
3237        localArray['長崎県上記以外'] = '429';
3238        
3239        localArray['熊本市'] = '431';
3240        
3241        localArray['熊本県上記以外'] = '439';
3242        
3243        localArray['大分市'] = '441';
3244        
3245        localArray['別府市・湯布院周辺'] = '442';
3246        
3247        localArray['大分県上記以外'] = '449';
3248        
3249        localArray['宮崎市'] = '451';
3250        
3251        localArray['宮崎県上記以外'] = '459';
3252        
3253        localArray['鹿児島市'] = '461';
3254        
3255        localArray['鹿児島県上記以外'] = '469';
3256        
3257        
3258        airportList['羽田空港'] = '3';
3259        
3260        airportList['成田空港'] = '4';
3261        
3262        
3263        prefList['山形県'] = '106';
3264        
3265        prefList['福島県'] = '107';
3266        
3267        prefList['岡山県'] = '133';
3268        
3269        prefList['広島県'] = '134';
3270        
3271        prefList['長崎県'] = '142';
3272        
3273        prefList['鹿児島県'] = '146';
3274        
3275        prefList['北海道'] = '101';
3276        
3277        prefList['山梨県'] = '119';
3278        
3279        prefList['静岡県'] = '122';
3280        
3281        prefList['愛媛県'] = '138';
3282        
3283        prefList['佐賀県'] = '141';
3284        
3285        prefList['大分県'] = '144';
3286        
3287        prefList['宮崎県'] = '145';
3288        
3289        prefList['宮城県'] = '104';
3290        
3291        prefList['東京都'] = '113';
3292        
3293        prefList['神奈川県'] = '114';
3294        
3295        prefList['奈良県'] = '129';
3296        
3297        prefList['福岡県'] = '140';
3298        
3299        prefList['青森県'] = '102';
3300        
3301        prefList['栃木県'] = '109';
3302        
3303        prefList['新潟県'] = '115';
3304        
3305        prefList['愛知県'] = '123';
3306        
3307        prefList['滋賀県'] = '125';
3308        
3309        prefList['熊本県'] = '143';
3310        
3311        prefList['群馬県'] = '110';
3312        
3313        prefList['長野県'] = '120';
3314        
3315        prefList['大阪府'] = '127';
3316        
3317        prefList['島根県'] = '132';
3318        
3319        prefList['山口県'] = '135';
3320        
3321        prefList['香川県'] = '137';
3322        
3323        prefList['富山県'] = '116';
3324        
3325        prefList['石川県'] = '117';
3326        
3327        prefList['福井県'] = '118';
3328        
3329        prefList['和歌山県'] = '130';
3330        
3331        prefList['岩手県'] = '103';
3332        
3333        prefList['秋田県'] = '105';
3334        
3335        prefList['埼玉県'] = '111';
3336        
3337        prefList['千葉県'] = '112';
3338        
3339        prefList['兵庫県'] = '128';
3340        
3341        prefList['徳島県'] = '136';
3342        
3343        prefList['茨城県'] = '108';
3344        
3345        prefList['岐阜県'] = '121';
3346        
3347        prefList['三重県'] = '124';
3348        
3349        prefList['京都府'] = '126';
3350        
3351        prefList['鳥取県'] = '131';
3352        
3353        prefList['高知県'] = '139';
3354        
3355        
3356        prefLocalList['北海道'] = '01';
3357        
3358        prefLocalList['青森市'] = '02';
3359        
3360        prefLocalList['弘前市'] = '02';
3361        
3362        prefLocalList['八戸市'] = '02';
3363        
3364        prefLocalList['盛岡市'] = '03';
3365        
3366        prefLocalList['岩手県上記以外'] = '03';
3367        
3368        prefLocalList['仙台市'] = '04';
3369        
3370        prefLocalList['秋田市'] = '05';
3371        
3372        prefLocalList['秋田県上記以外'] = '05';
3373        
3374        prefLocalList['酒田市・鶴岡市'] = '06';
3375        
3376        prefLocalList['山形県上記以外'] = '06';
3377        
3378        prefLocalList['福島県上記以外'] = '07';
3379        
3380        prefLocalList['水戸市'] = '08';
3381        
3382        prefLocalList['茨城県上記以外'] = '08';
3383        
3384        prefLocalList['宇都宮市'] = '09';
3385        
3386        prefLocalList['栃木県上記以外'] = '09';
3387        
3388        prefLocalList['前橋市'] = '10';
3389        
3390        prefLocalList['高崎市'] = '10';
3391        
3392        prefLocalList['群馬県上記以外'] = '10';
3393        
3394        prefLocalList['さいたま市'] = '11';
3395        
3396        prefLocalList['埼玉県上記以外'] = '11';
3397        
3398        prefLocalList['千葉市'] = '12';
3399        
3400        prefLocalList['成田空港'] = '12';
3401        
3402        prefLocalList['東京ディズニーリゾート'] = '12';
3403        
3404        prefLocalList['千葉県上記以外'] = '12';
3405        
3406        prefLocalList['新宿駅周辺'] = '13';
3407        
3408        prefLocalList['東京駅周辺'] = '13';
3409        
3410        prefLocalList['渋谷駅周辺'] = '13';
3411        
3412        prefLocalList['羽田空港'] = '13';
3413        
3414        prefLocalList['23区上記以外'] = '13';
3415        
3416        prefLocalList['多摩地域'] = '13';
3417        
3418        prefLocalList['横浜市'] = '14';
3419        
3420        prefLocalList['神奈川県上記以外'] = '14';
3421        
3422        prefLocalList['新潟市'] = '15';
3423        
3424        prefLocalList['新潟県上記以外'] = '15';
3425        
3426        prefLocalList['富山市'] = '16';
3427        
3428        prefLocalList['富山県上記以外'] = '16';
3429        
3430        prefLocalList['金沢市'] = '17';
3431        
3432        prefLocalList['石川県上記以外'] = '17';
3433        
3434        prefLocalList['福井市'] = '18';
3435        
3436        prefLocalList['福井県上記以外'] = '18';
3437        
3438        prefLocalList['甲府市'] = '19';
3439        
3440        prefLocalList['富士山周辺'] = '19';
3441        
3442        prefLocalList['山梨県上記以外'] = '19';
3443        
3444        prefLocalList['長野市'] = '20';
3445        
3446        prefLocalList['松本市'] = '20';
3447        
3448        prefLocalList['伊那飯田周辺'] = '20';
3449        
3450        prefLocalList['白馬・扇沢周辺'] = '20';
3451        
3452        prefLocalList['軽井沢周辺'] = '20';
3453        
3454        prefLocalList['長野県上記以外'] = '20';
3455        
3456        prefLocalList['岐阜市'] = '21';
3457        
3458        prefLocalList['高山市'] = '21';
3459        
3460        prefLocalList['中津川市'] = '21';
3461        
3462        prefLocalList['岐阜県上記以外'] = '21';
3463        
3464        prefLocalList['静岡市'] = '22';
3465        
3466        prefLocalList['浜松市'] = '22';
3467        
3468        prefLocalList['沼津市・三島市'] = '22';
3469        
3470        prefLocalList['静岡県上記以外'] = '22';
3471        
3472        prefLocalList['名古屋市'] = '23';
3473        
3474        prefLocalList['豊橋市'] = '23';
3475        
3476        prefLocalList['愛知県上記以外'] = '23';
3477        
3478        prefLocalList['三重県上記以外'] = '24';
3479        
3480        prefLocalList['滋賀県上記以外'] = '25';
3481        
3482        prefLocalList['京都市'] = '26';
3483        
3484        prefLocalList['梅田駅・大阪駅周辺'] = '27';
3485        
3486        prefLocalList['なんば・あべの橋周辺'] = '27';
3487        
3488        prefLocalList['大阪府上記以外'] = '27';
3489        
3490        prefLocalList['神戸市'] = '28';
3491        
3492        prefLocalList['姫路市'] = '28';
3493        
3494        prefLocalList['兵庫県上記以外'] = '28';
3495        
3496        prefLocalList['奈良市'] = '29';
3497        
3498        prefLocalList['奈良県上記以外'] = '29';
3499        
3500        prefLocalList['和歌山市'] = '30';
3501        
3502        prefLocalList['鳥取県上記以外'] = '31';
3503        
3504        prefLocalList['島根県上記以外'] = '32';
3505        
3506        prefLocalList['岡山市'] = '33';
3507        
3508        prefLocalList['岡山県上記以外'] = '33';
3509        
3510        prefLocalList['広島市'] = '34';
3511        
3512        prefLocalList['山口県上記以外'] = '35';
3513        
3514        prefLocalList['徳島市'] = '36';
3515        
3516        prefLocalList['徳島県上記以外'] = '36';
3517        
3518        prefLocalList['高松市'] = '37';
3519        
3520        prefLocalList['香川県上記以外'] = '37';
3521        
3522        prefLocalList['松山市'] = '38';
3523        
3524        prefLocalList['愛媛県上記以外'] = '38';
3525        
3526        prefLocalList['高知市'] = '39';
3527        
3528        prefLocalList['福岡市'] = '40';
3529        
3530        prefLocalList['北九州市'] = '40';
3531        
3532        prefLocalList['福岡県上記以外'] = '40';
3533        
3534        prefLocalList['佐賀市'] = '41';
3535        
3536        prefLocalList['鳥栖市・基山'] = '41';
3537        
3538        prefLocalList['佐賀県上記以外'] = '41';
3539        
3540        prefLocalList['長崎市'] = '42';
3541        
3542        prefLocalList['長崎県上記以外'] = '42';
3543        
3544        prefLocalList['熊本市'] = '43';
3545        
3546        prefLocalList['熊本県上記以外'] = '43';
3547        
3548        prefLocalList['大分市'] = '44';
3549        
3550        prefLocalList['別府市・湯布院周辺'] = '44';
3551        
3552        prefLocalList['大分県上記以外'] = '44';
3553        
3554        prefLocalList['宮崎市'] = '45';
3555        
3556        prefLocalList['宮崎県上記以外'] = '45';
3557        
3558        prefLocalList['鹿児島市'] = '46';
3559        
3560        prefLocalList['鹿児島県上記以外'] = '46';
3561        
3562    })
3563
3564     // Swiperのグローバル変数
3565     var mySwiper = null;
3566     var isPaused = false;
3567
3568     // DOM読み込み完了後にSwiperを初期化
3569     $(document).ready(function() {
3570         initSwiper();
3571     });
3572
3573     function initSwiper() {
3574         mySwiper = new Swiper('.swiper-container', {
3575             loop: true,
3576             autoplay: false, // 初期化時は無効
3577             slidesPerView: 4,
3578             spaceBetween: 10,
3579             centeredSlides: false,
3580             pagination: {
3581                 el: '.swiper-pagination',
3582                 clickable: true,
3583                 dynamicBullets: false
3584             },
3585             navigation: {
3586                 nextEl: '.swiper-button-next',
3587                 prevEl: '.swiper-button-prev'
3588             },
3589             breakpoints: {
3590                 0: {
3591                     slidesPerView: 2,
3592                     spaceBetween: 10
3593                 },
3594                 768: {
3595                     slidesPerView: 4,
3596                     spaceBetween: 10
3597                 }
3598             },
3599             on: {
3600                 init: function() {
3601                     // Swiper初期化完了
3602                 },
3603                 slideChange: function() {
3604                     // スライド変更
3605                 }
3606             }
3607         });
3608
3609         // 一時停止ボタンのイベント設定
3610         var pauseButton = document.getElementById('swiperPauseButton');
3611         if (pauseButton) {
3612             pauseButton.onclick = function() {
3613                 togglePause();
3614             };
3615         }
3616     }
3617
3618    function updateSwiper() {
3619        var contentsDiv = $('#contents235');
3620        var lis = contentsDiv.find('li');
3621        
3622        var contentsTag = '';
3623        // スライドを複製してループを安定化
3624        for (var j = 0; j < 3; j++) { // 3回複製
3625            for (var i = 0; i < lis.length; i++) {
3626                contentsTag += '<div class="swiper-slide">';
3627                contentsTag += lis[i].innerHTML;
3628                contentsTag += '</div>';
3629            }
3630        }
3631        $('#swiperArea').html(contentsTag);
3632        
3633        if (mySwiper) {
3634            mySwiper.update();
3635            
3636            // ページネーションを元のスライド数に合わせて調整
3637            if (lis.length > 0) {
3638                // 既存のページネーションをクリア
3639                $('.swiper-pagination').empty();
3640                
3641                // 元のスライド数(4枚)分のドットを手動で作成
3642                for (var i = 0; i < lis.length; i++) {
3643                    $('.swiper-pagination').append('<span class="swiper-pagination-bullet"></span>');
3644                }
3645                
3646                // 最初のドットをアクティブに
3647                $('.swiper-pagination-bullet').first().addClass('swiper-pagination-bullet-active');
3648                
3649                // スライド変更時のページネーション更新
3650                mySwiper.on('slideChange', function() {
3651                    var actualIndex = this.activeIndex % lis.length;
3652                    $('.swiper-pagination-bullet').removeClass('swiper-pagination-bullet-active');
3653                    $('.swiper-pagination-bullet').eq(actualIndex).addClass('swiper-pagination-bullet-active');
3654                });
3655                
3656                // ドットクリック時のスライド移動
3657                $('.swiper-pagination-bullet').on('click', function() {
3658                    var index = $(this).index();
3659                    mySwiper.slideTo(index);
3660                });
3661            }
3662            
3663            // スライドが読み込まれたらautoplayを開始
3664            if (lis.length > 0) {
3665                // autoplay設定を有効化
3666                mySwiper.params.autoplay = {
3667                    delay: 5000,
3668                    disableOnInteraction: false,
3669                    pauseOnMouseEnter: false
3670                };
3671                mySwiper.autoplay.start();
3672            }
3673        }
3674    }
3675
3676    // 一時停止/再開の切り替え
3677    function togglePause() {
3678        if (isPaused) {
3679            resumeSlider();
3680        } else {
3681            pauseSlider();
3682        }
3683    }
3684
3685    // 一時停止
3686    function pauseSlider() {
3687        var pauseButton = document.getElementById('swiperPauseButton');
3688        
3689        if (mySwiper) {
3690            mySwiper.autoplay.stop();
3691        }
3692        
3693        // ボタンの状態を更新
3694        if (pauseButton) {
3695            pauseButton.setAttribute('aria-label', '広告の自動再生を再開');
3696            pauseButton.setAttribute('title', '広告の自動再生を再開');
3697            pauseButton.querySelector('.pause-icon').textContent = '▶';
3698        }
3699        
3700        isPaused = true;
3701    }
3702
3703    // 再開
3704    function resumeSlider() {
3705        var pauseButton = document.getElementById('swiperPauseButton');
3706        
3707        if (mySwiper) {
3708            mySwiper.autoplay.start();
3709        }
3710        
3711        // ボタンの状態を更新
3712        if (pauseButton) {
3713            pauseButton.setAttribute('aria-label', '広告の自動再生を一時停止');
3714            pauseButton.setAttribute('title', '広告の自動再生を一時停止');
3715            pauseButton.querySelector('.pause-icon').textContent = '⏸';
3716        }
3717        
3718        isPaused = false;
3719    }
3720
3721    function insertIcon(text) {
3722        var index = text.indexOf('</a>');
3723        if (index > 0) {
3724            return text.slice(0, index) /*+ '<span class="material-icons org">east</span>'*/ + text.slice(index, text.length);
3725        }
3726        return text;
3727    }
3728
3729    let countText = '';
3730
3731    function updateAttn() {
3732        let dDs = $('#contents749').find('dd');
3733        let contentsTag = '';
3734
3735        if (dDs.length > 0) {
3736            countText = '全' + dDs.length + '件';
3737            contentsTag = "<ul><li>" + insertIcon(dDs[0].innerHTML) + "</li></ul>"
3738            if (dDs.length > 1) {
3739                contentsTag += '<ul class="hidden">';
3740                for (var i = 1; i < dDs.length; i++) {
3741                    contentsTag += "<li>" + insertIcon(dDs[i].innerHTML) + "</li>"
3742                }
3743                contentsTag += "</ul>"
3744            }
3745        }
3746
3747
3748        if (contentsTag) {
3749            $('#attnAreaSP').html("<section><button><span>" + countText + "</span></button>" + contentsTag + "</section>");
3750            $('#attnArea').html("<section><button><span>" + countText + "</span></button>" + contentsTag + "</section>");
3751        }
3752
3753        console.log(dDs.length);
3754        console.log(contentsTag);
3755    }
3756
3757    window.addEventListener('DOMContentLoaded', function () {
3758        updateAttn();
3759        // CMSコンテンツの読み込みを待ってからSwiperを更新
3760        setTimeout(function() {
3761            updateSwiper();
3762            // スライドが読み込まれたらSwiperを再初期化
3763            if (mySwiper && $('#contents235').find('li').length > 0) {
3764                mySwiper.update();
3765                if (!mySwiper.autoplay.running) {
3766                    mySwiper.autoplay.start();
3767                }
3768            }
3769        }, 500);
3770    });
3771
3772    $(function () {
3773        $(".attn_inner i").on("click", function () {
3774
3775            const e = $(this);
3776            e.toggleClass("active");
3777
3778            //
3779            if (e.hasClass('active')) {
3780                e.html('remove_circle_outline');
3781            } else {
3782                e.html('control_point');
3783            }
3784            $(".attn_inner--hidden").slideToggle(500);
3785
3786        });
3787    });
3788
3789    //
3790    var posted = true;
3791
3792    function topicInfo(param2) {
3793        var param1 = "";
3794        if (param2 == '2') {
3795            //路線の全て見る
3796            param1 = document.getElementById('lineInfoCntVal').value;
3797        } else if (param2 == '4') {
3798            //おすすめの全てみる
3799            param1 = document.getElementById('recoInfoCntVal').value;
3800        } else {
3801            //WEBサイト利用の全て見る
3802            param1 = document.getElementById('webInfoCntVal').value;
3803        }
3804        if (posted == true) {
3805            posted = false;
3806            document.topicInfoForm.totalCountStrAll.value = param1;
3807            document.topicInfoForm.categoryId.value = param2;
3808            document.topicInfoForm.submit();
3809        }
3810        return false;
3811    }
3812
3813    //Submit_バス停名から
3814    function stationSearchSubmit() {
3815        //入力値チェック
3816        var keyWord = document.getElementById('keyWord').value;
3817        if (keyWord == '') {
3818            alert('バス停名を入力してください。');
3819        } else {
3820            if (posted == true) {
3821                posted = false;
3822                document.stationSearchForm.submit();
3823            }
3824            return false;
3825        }
3826    }
3827
3828    //Submit_発着地から
3829    function arrivalDepartureSubmit() {
3830        var rrefNameCd = document.getElementById("rrefNameCd").value;
3831        var arefNameCd = document.getElementById("arefNameCd").value;
3832
3833        //選択値チェック
3834        if (rrefNameCd == '' && arefNameCd == '') {
3835            alert('空の選択項目があります');
3836        } else {
3837            if (posted == true) {
3838                posted = false;
3839                document.routeList.submit();
3840            }
3841            return false;
3842        }
3843    }
3844
3845</script>
vendor: 1 bytes, line 3845
3845
3846<script type="text/javascript">
3847    $(function () {
3848        $(".notice-inList section button").on('click', function () {
3849            $(".notice-inList section ul.hidden").slideToggle(500, alertFunc);
3850        });
3851
3852        function alertFunc() {
3853            if ($(this).css('display') == 'block') {
3854                $(".notice-inList section button").html('<span class="remove">' + countText + '</span>');
3855            } else {
3856                $(".notice-inList section button").html('<span class="add">' + countText + '</span>');
3857            }
3858        };
3859    });
3860</script>
3860
3861<style>
3862    .swiper-slide img {
3863        object-fit: contain;
3864        width: 100%;
3865        height: auto;
3866    }
3867
3868     .icon-arrow_right::before {
3869         content: "";
3870     }
3871
3872     /* 一時停止/再生ボタンのスタイル */
3873     .swiper-pause-button {
3874         position: absolute;
3875         bottom: 10px;
3876         right: 10px;
3877         z-index: 10;
3878         background: rgba(0, 0, 0, 0.7);
3879         border: none;
3880         border-radius: 50%;
3881         width: 40px;
3882         height: 40px;
3883         color: white;
3884         font-size: 16px;
3885         cursor: pointer;
3886         display: flex;
3887         align-items: center;
3888         justify-content: center;
3889         transition: background-color 0.3s ease;
3890     }
3891
3892
3893     .swiper-pause-button:hover {
3894         background: rgba(0, 0, 0, 0.9);
3895     }
3896
3897     .swiper-pause-button:focus {
3898         outline: 2px solid #007bff;
3899         outline-offset: 2px;
3900     }
3901
3902     .swiper-pause-button .pause-icon {
3903         font-size: 18px;
3904         line-height: 1;
3905     }
3906
3907    .notice-inList section button span{
3908        display: flex;
3909        align-items: center;
3910
3911        //width: 24px;
3912        //height: 24px;
3913        background-color: #ff7a00; /* オレンジ */
3914        color: white;
3915        justify-content: center;
3916        border-radius: 0;    /* ← ここで四角にする */
3917        padding: 0 10px;
3918    }
3919    .notice-inList section button span.add,
3920    .notice-inList section button span.remove,
3921    .notice-inList section button span.remove::after{
3922        color: #fff;
3923    }
3924    .notice-inList section ul li a::after {
3925        // right: 25px;
3926    }
3927    .notice-inList section ul li a{
3928       // padding: 0 45px 0 0;
3929    }
3930    .notice-inList section ul li {
3931        max-width: 85%;
3932    }
3933    /* レスポンシブ対応 */
3934     @media (max-width: 767px) {
3935         .swiper-pause-button {
3936             width: 35px;
3937             height: 35px;
3938             font-size: 14px;
3939         }
3940         
3941         .swiper-pause-button .pause-icon {
3942             font-size: 16px;
3943         }
3944         .notice-inList section ul li {
3945             max-width: 75%;
3946         }
3947     }
3948</style>
3949</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.