https://towas.jp/wp/wp-content/themes/towas/js/script_pc.js?ver=7.0.7

1/* アニメーション関連
2========================================================================== */
3$(function () {
4  AOS.init();
5});
6
7/* スムーズスクロール
8========================================================================== */
9$(function () {
10  $('a[href^="#"]').click(function () {
11    var speed = 500;
12    var href = $(this).attr("href");
13    var target = $(href == "#" || href == "" ? "html" : href);
14    var position = target.offset().top;
15
16    if ($("#newHeader").length > 0) {
17      position = target.offset().top - $(".header-pcNav").height();
18    }
19
20    $("html, body").animate(
21      {
22        scrollTop: position,
23      },
24      speed,
25      "swing",
26    );
27    return false;
28  });
29});
30
31/* メガメニューのホバー
32========================================================================== */
33$(function () {
34  if ($("#newHeader").length > 0) {
35    $(".header-pcNav__box a").hover(
36      function () {
37        // data-mega属性が存在するかチェック
38        if ($(this).data("mega")) {
39          var targetId = $(this).data("mega");
40          $("#" + targetId).addClass("open");
41          $("#headerMegaOverlay").addClass("open");
42        }
43      },
44      function () {
45        // data-mega属性が存在するかチェック
46        if ($(this).data("mega")) {
47          var targetId = $(this).data("mega");
48          if (!$("#" + targetId).is(":hover")) {
49            $("#headerMegaOverlay").removeClass("open");
50            // 少し遅延を入れる
51            setTimeout(function () {
52              // マウスがまだ上にあるかチェック
53              $("#" + targetId).removeClass("open");
54            }, 150); // 150ミリ秒の遅延
55          }
56        }
57      },
58    );
59
60    // .header-mega.openのホバー状態を保持
61    $(document).on("mouseleave", ".header-mega.open", function () {
62      var targetId = $(this).attr("id");
63      if (
64        !$(".header-pcNav__box a[data-mega='" + targetId + "']").is(":hover")
65      ) {
66        $("#headerMegaOverlay").removeClass("open");
67        $("#" + targetId).removeClass("open");
68
69        // setTimeout(function () {
70        //   // 少し遅延を入れる
71
72        // }, 150); // 150ミリ秒の遅延
73      }
74    });
75  }
76});
77/* メニューのスティッキー
78========================================================================== */
79$(function () {
80  if ($("#newHeader").length > 0) {
81    let headerHeight =
82      $(".header-head").height() + $(".header-middle").height();
83
84    $(window).on("scroll", function () {
85      let scrollPosition = $(window).scrollTop();
86      if (scrollPosition > headerHeight) {
87        $(".header-middle, .header-bottom").addClass("sticky");
88      } else {
89        $(".header-middle, .header-bottom").removeClass("sticky");
90      }
91    });
92  }
93});
94
95/* 固定ボトムバナー(PC)
96========================================================================== */
97$(function () {
98  var footerBtn = $(".fixed-bnr__bottom");
99  footerBtn.hide();
100  //スクロールが100に達したらボタン表示
101  $(window).scroll(function () {
102    if ($(this).scrollTop() > 100) {
103      footerBtn.fadeIn();
104    } else {
105      footerBtn.fadeOut();
106    }
107  });
108});
109
110/* スライダー
111========================================================================== */
112//モバイルの時の処理
113// 両方の場合
114
115$(function () {
116  // トップページメインビジュアルスライダー
117  $(".owl-carousel-catch").owlCarousel({
118    items: 1,
119    center: true,
120    loop: true,
121    dots: true,
122    nav: true,
123    autoplay: true,
124    autoplayTimeout: 6300,
125    autoplayHoverPause: true,
126    smartSpeed: 500,
127  });
128
129  // トップページ 葬儀が始めたの方へ 220302
130  $(".owl-top-beginner").owlCarousel({
131    items: 1.5,
132    center: true,
133    loop: true,
134    dots: true,
135    nav: true,
136    autoplay: true,
137    autoplayTimeout: 6300,
138    autoplayHoverPause: true,
139    smartSpeed: 500,
140
141    responsive: {
142      768: {
143        items: 4,
144        center: true,
145        margin: 30,
146      },
147    },
148  });
149
150  //お客様の声
151  $(".owl-review").owlCarousel({
152    items: 1.2,
153    center: true,
154    loop: true,
155    dots: true,
156    autoWidth: true,
157    autoplay: true,
158    autoplayHoverPause: true,
159    nav: true,
160    margin: 10,
161    autoplayTimeout: 3000,
162    responsive: {
163      768: {
164        items: 4,
165        margin: 30,
166        dots: true,
167      },
168    },
169  });
170
171  //ホールのテンプレSPの公営斎場のスライダー
172  $(".owl-koei").owlCarousel({
173    items: 2,
174    center: true,
175    loop: true,
176    dots: true,
177    autoWidth: true,
178    autoplay: true,
179    autoplayHoverPause: true,
180    nav: false,
181    margin: 10,
182    autoplayTimeout: 3000,
183  });
184
185  //式場ページのスライダー
186  $(".owl-hall-slider").owlCarousel({
187    items: 1,
188    center: true,
189    loop: true,
190    autoWidth: true,
191    rewindNav: true,
192    dots: false,
193    nav: true,
194    navText: ["", ""],
195    thumbs: true,
196    thumbImage: true,
197    thumbContainerClass: "owl-thumbs",
198    thumbItemClass: "owl-thumb-item",
199    smartSpeed: 500,
200
201    responsive: {
202      768: {
203        items: 3,
204        margin: 12,
205      },
206    },
207  });
208
209  $(".owl-common-slider").owlCarousel({
210    items: 1,
211    autoWidth: true,
212    center: true,
213    loop: true,
214    margin: 0,
215    nav: true,
216    navText: ["", ""],
217    thumbs: false,
218    thumbImage: false,
219
220    responsive: {
221      768: {
222        margin: 10,
223        autoplay: true,
224        autoplayTimeout: 5200,
225        autoplayHoverPause: true,
226        smartSpeed: 500,
227      },
228    },
229  });
230  // lp　広告
231  $(".owl-ret-lp-slider").owlCarousel({
232    items: 1,
233    margin: 10,
234    center: true,
235    loop: true,
236    dots: true,
237    nav: true,
238    navText: ["", ""],
239    autoWidth: true,
240    autoplay: true,
241    autoplayTimeout: 6300,
242    autoplayHoverPause: true,
243    smartSpeed: 500,
244
245    responsive: {
246      768: {
247        items: 3,
248        margin: 24,
249      },
250    },
251  });
252
253  //  お急ぎの方 ホール画像スライダー 230307
254  $(".owl-feature").owlCarousel({
255    items: 1,
256    center: true,
257    loop: true,
258    margin: 3,
259    nav: true,
260    navText: ["", ""],
261    thumbs: false,
262    thumbImage: false,
263  });
264
265  $(".owl-carousel-knowledge").owlCarousel({
266    items: 1,
267    center: true,
268    loop: true,
269    dots: false,
270    nav: false,
271    margin: 16,
272    autoplay: true,
273    autoWidth: true,
274    autoplayTimeout: 6300,
275    autoplayHoverPause: true,
276    smartSpeed: 500,
277  });
278});
279
280/*  括弧の余白
281========================================================================== */
282$(function () {
283  var tgElm = $(".space-kakko"), //対象となる要素をここで指定
284    tagType = "span"; //括弧を囲うタグ名をここで指定
285  tgElm.each(function () {
286    var tgText = $(this).html();
287    tgText = tgText.replace(
288      /[「『（【｛［〔〈《]/g,
289      "<" +
290        tagType +
291        ' style="display: inline-block; margin-left: -0.12em;">$&</' +
292        tagType +
293        ">",
294    );
295    tgText = tgText.replace(
296      /[」』）】｝］〕〉》]/g,
297      "<" +
298        tagType +
299        ' style="display: inline-block; margin-right: -0.12em;">$&</' +
300        tagType +
301        ">",
302    );
303    $(this).html(tgText);
304  });
305});
306
307/* GoogleMap
308========================================================================== */
309

310/* ハンバーガー内のアコーディオン 230821
311========================================================================== */
312$(function () {
313  $(".gMenu-plan__box--mTitle").each(function () {
314    $(this).on("click", function () {
315      $(this).toggleClass("active");
316      $(this).next(".humToggle").slideToggle();
317      $(".humToggle").toggleClass("active");
318      return false;
319    });
320  });
321});
322
323$(function () {
324  $(".gMenu-hall__box--mTitle").each(function () {
325    $(this).on("click", function () {
326      $(this).toggleClass("active");
327      $(this).next(".humToggle2").slideToggle();
328      $(".humToggle2").toggleClass("active");
329      return false;
330    });
331  });
332});
333
334/* レビューページモーダル(お客様の評価詳細ページ)
335========================================================================== */
336window.addEventListener("DOMContentLoaded", function () {
337  var scrollPosition;
338  $(".js-modal-open").each(function () {
339    $(this).on("click", function () {
340      var target = $(this).data("target");
341      var modal = document.getElementById(target);
342      $(modal).fadeIn();
343      scrollPosition = $(window).scrollTop();
344      $("body").addClass("fixed").css({
345        top: -scrollPosition,
346      });
347      return false;
348    });
349  });
350  $(".js-modal-close").on("click", function () {
351    $(".js-modal").fadeOut();
352    $("body").removeClass("fixed").css({
353      top: 0,
354    });
355    window.scrollTo(0, scrollPosition);
356    return false;
357  });
358});
359
360/* スプライドスライダー設定 お客様の声ページ 小さな森の家より移植 PCのみ 231005
361========================================================================== */
362
363//PCの時の処理
364document.addEventListener("DOMContentLoaded", function () {
365  var element = document.getElementById("review-carousel");
366
367  if (element) {
368    // ID "yourID"を持つ要素が存在する場合の処理
369
370    new Splide(".splide-review-js", {
371      perPage: 1, // 1ページに何枚のスライドを表示するか
372
373      autoWidth: true, // 有効にすると、それぞれのスライドの幅がそのまま使用されます
374      autoHeight: true, // 有効にすると、それぞれのスライドの高さがそのまま使用されます
375
376      perMove: 1, // 1度の移動で、何枚のスライドを移動するかを指定
377      gap: 120, // スライド間の余白
378      updateOnMove: true,
379
380      //padding: "5rem", //左右のスライドを入力数分表示させる。見切れ表示
381      type: "loop", //スライドをループさせる
382      focus: "center", //アクティブなスライドを中央に表示する
383    }).mount();
384  }
385});
386
387/* スプライドスライダー設定 お客様の声 テンプレートスライダー 小さな森の家より移植 PCのみ 231005
388========================================================================== */
389
390//PCの時の処理
391document.addEventListener("DOMContentLoaded", function () {
392  var element = document.getElementById("review-tpl-carousel");
393  if (element) {
394    // ID "yourID"を持つ要素が存在する場合の処理
395    new Splide(".splide-review-tpl-js", {
396      perPage: 1, // 1ページに何枚のスライドを表示するか
397      autoWidth: true, // 有効にすると、それぞれのスライドの幅がそのまま使用されます
398      autoHeight: true, // 有効にすると、それぞれのスライドの高さがそのまま使用されます
399      perMove: 1, // 1度の移動で、何枚のスライドを移動するかを指定
400      gap: 30, // スライド間の余白
401      updateOnMove: true,
402      //padding: "5rem", //左右のスライドを入力数分表示させる。見切れ表示
403      type: "loop", //スライドをループさせる
404      focus: "center", //アクティブなスライドを中央に表示する
405    }).mount();
406  }
407});
408
409//エリアページ202503
410document.addEventListener("DOMContentLoaded", function () {
411  var element = document.querySelector(".review-slider-wrap");
412  if (element) {
413    // ID "yourID"を持つ要素が存在する場合の処理
414    new Splide(".splide-review-tpl-js", {
415      perPage: 1, // 1ページに何枚のスライドを表示するか
416      autoWidth: true, // 有効にすると、それぞれのスライドの幅がそのまま使用されます
417      autoHeight: true, // 有効にすると、それぞれのスライドの高さがそのまま使用されます
418      perMove: 1, // 1度の移動で、何枚のスライドを移動するかを指定
419      gap: 30, // スライド間の余白
420      updateOnMove: true,
421      //padding: "5rem", //左右のスライドを入力数分表示させる。見

421切れ表示
422      type: "loop", //スライドをループさせる
423      focus: "center", //アクティブなスライドを中央に表示する
424    }).mount();
425  }
426});
427
428/* 記事紹介ページ目次：アクティブにする
429========================================================================== */
430//基準点の準備
431var elemTop = [];
432
433//現在地を取得するための設定を関数でまとめる
434function PositionCheck() {
435  //.scroll-pointというクラス名がついたエリアの位置を取得する設定
436  $(".js-head").each(function (i) {
437    //.scroll-pointクラスがついたエリアからトップまでの距離を計算して設定
438    elemTop[i] = Math.round(parseInt($(this).offset().top)); //追従するheader分の高さ（70px）を引き小数点を四捨五入
439  });
440}
441
442//ナビゲーションに現在地のクラスをつけるための設定
443function ScrollAnime() {
444  //スクロールした際のナビゲーションの関数にまとめる
445  var scroll = Math.round($(window).scrollTop());
446  var NavElem = $(".intro-side__list li"); //ナビゲーションのliの何番目かを定義するための準備
447  $(".intro-side__list li").removeClass("active"); //全てのナビゲーションの現在地クラスを除去
448  if (scroll >= 0 && scroll < elemTop[1]) {
449    //スクロール値が0以上 .scroll-point 1つめ（area-1）の高さ未満
450    $(NavElem[0]).addClass("active"); //1つめのliに現在地クラスを付与
451  } else if (scroll >= elemTop[1] && scroll < elemTop[2]) {
452    $(NavElem[1]).addClass("active");
453  } else if (scroll >= elemTop[2] && scroll < elemTop[3]) {
454    $(NavElem[2]).addClass("active");
455  } else if (scroll >= elemTop[3] && scroll < elemTop[4]) {
456    $(NavElem[3]).addClass("active");
457  } else {
458    $(NavElem[4]).addClass("active");
459  }
460}
461
462$(window).scroll(function () {
463  PositionCheck();
464  ScrollAnime();
465});
466
467/* ニュースアーカイブアコーディオン
468========================================================================== */
469// アーカイブ
470$(function () {
471  $(".archive__box--year").each(function () {
472    $(this).on("click", function () {
473      $(this).toggleClass("on");
474      $(this).next().slideToggle();
475      return false;
476    });
477  });
478});
479
480/* 新:お知らせ スライダー 231226
481========================================================================== */
482document.addEventListener("DOMContentLoaded", function () {
483  var element = document.getElementById("news_slider"); // クラス名からIDに変更
484  if (element) {
485    new Splide("#news_slider", {
486      // クラス名からIDに変更
487      perPage: 3,
488      autoWidth: true,
489      autoHeight: true,
490      perMove: 1,
491      gap: 30,
492      type: "loop",
493      focus: "center",
494      arrows: true,
495      pagination: true,
496    }).mount();
497  }
498});
499
500/* 新:お知らせ テンプレスライダー
501========================================================================== */
502document.addEventListener("DOMContentLoaded", function () {
503  var element = document.getElementById("newsSplide"); // クラス名からIDに変更
504  if (element) {
505    new Splide("#newsSplide", {
506      // クラス名からIDに変更
507      perPage: 1,
508      autoWidth: true,
509      autoHeight: true,
510      perMove: 1,
511      gap: 0,
512      type: "loop",
513      focus: "center",
514      arrows: true,
515      pagination: false,
516      updateOnMove: true,
517      isNavigationCentered: true,
518    }).mount();
519  }
520});
521
522/* 新:コラム テンプレスライダー
523========================================================================== */
524document.addEventListener("DOMContentLoaded", function () {
525  var element = document.getElementById("columnSplide"); // クラス名からIDに変更
526  if (element) {
527    new Splide("#columnSplide", {
528      // クラス名からIDに変更
529      perPage: 1,
530      autoWidth: true,
531      autoHeight: true,
532      perMove: 1,
533      type: "loop",
534      // gap: 0,
535      focus: "center",
536      arrows: true,
537      pagination: false,
538      updateOnMove: true,
539      isNavigationCentered: true,
540    }).mount();
541  }
542});
543
544/* 新:TOPスライダー
545========================================================================== */
546document.addEventListener("DOMContentLoaded", function () {
547  var element = document.getElementById("topMv"); // クラス名からIDに変更
548  if (element) {
549    new Splide("#topMv", {
550      perPage: 1,
551      autoWidth: true,
552      autoHeight: true,
553      perMove: 1,
554      type: "fade",
555      arrows: true,
556      pagination: true,
557      updateOnMove: true,
558      isNavigationCentered: true,
559      rewind: true,
560    }).mount();
561  }
562});
563
564/* 電話のモーダル(PCのみ)
565========================================================================== */
566$(function () {
567  if ($(".telModal").length && $("#pcTelModal").length) {
568    $(".telModal").on("click", function () {
569      $("#pcTelModal").fadeIn();
570
571      $("body").css({
572        overflow: "hidden",
573        height: "100%",
574      });
575      return false;

576    });
577
578    $(".pcTelModal__close").on("click", function () {
579      $("#pcTelModal").fadeOut();
580
581      $("body").css({
582        overflow: "",
583        height: "",
584      });
585    });
586
587    $(".pcTelModal__book--btn").on("click", function () {
588      if ($(this).parent().hasClass("active")) {
589        $(this).html(
590          '<i class="far fa-address-book"></i><span>電話帳登録</span>',
591        );
592        $(this).parent().removeClass("active");
593      } else {
594        $(this).html('<i class="far fa-times-circle"></i><span>閉じる</span>');
595        $(this).parent().addClass("active");
596      }
597    });
598
599    $(".pcTelModal form").attr({
600      onsubmit: "return false",
601    });
602
603    $("input[name='お名前']").attr({
604      autocomplete: "name",
605    });
606
607    $("input[name='電話番号']").attr({
608      autocomplete: "tel",
609    });
610
611    $("input[name='郵便番号']").attr({
612      autocomplete: "postal-code",
613    });
614
615    $("input[name='住所']").attr({
616      autocomplete: "street-address",
617    });
618
619    $("button.pcTelModalSend").hover(
620      function () {
621        $(".pcTelModal form").attr({
622          onsubmit: "",
623        });
624      },
625      function () {
626        $(".pcTelModal form").attr({
627          onsubmit: "return false",
628        });
629      },
630    );
631    $(".pcTelModal__bottom input,.pcTelModal__bottom textarea").on(
632      "click",
633      function () {
634        closeBook();
635      },
636    );
637
638    function closeBook() {
639      if ($(".pcTelModal__book").hasClass("active")) {
640        $(".pcTelModal__book--btn").html(
641          '<i class="far fa-address-book"></i><span>電話帳登録</span>',
642        );
643        $(".pcTelModal__book").removeClass("active");
644      }
645    }
646
647    //エラー時の処理
648    if ($(".pcTelModal__content .error").length > 0) {
649      $("#pcTelModal").show();
650      $("body").css({
651        overflow: "hidden",
652        height: "100%",
653      });
654
655      // pcTelModal__bottom--bottomにerrorクラスを付与
656      $(".pcTelModal__bottom--bottom").addClass("error");
657      $(".pcTelModal__book").remove();
658    }
659
660    //チェックボックスの設定
661    $(".requestBox").change(function () {
662      if ($(this).is(":checked")) {
663        // チェックされたら親要素の背景色を変更
664        $(this).parent().addClass("active");
665      } else {
666        // チェックが外れたら背景色を元に戻す
667        $(this).parent().removeClass("active");
668      }
669    });
670
671    $(".situationBox").change(function () {
672      if ($(this).is(":checked")) {
673        $(".situationBox").parent().removeClass("active");
674        $(this).parent().addClass("active");
675        $(".situationBox").not(this).prop("checked", false);
676      } else {
677        $(this).parent().removeClass("active");
678      }
679    });
680
681    //完了時の処理
682    if ($(".pcTelModal__content .mw_wp_form_complete").length > 0) {
683      $(".pcTelModal__content").addClass("complete");
684      $(".pcTelModal__pp").remove();
685      $(".pcTelModal__bottom--top").text(
686        "お問い合わせありがとうございます。内容が送信されました。",
687      );
688      $(".pcTelModal__bottom--bottom").text("担当者よりすぐにお電話します。");
689
690      $("#pcTelModal").show();
691
692      setTimeout(function () {
693        $("#pcTelModal").fadeOut();
694      }, 5000);
695    }
696  }
697});
698
699/* 初めての方へ配下のfaq
700========================================================================== */
701$(document).ready(function () {
702  $(".faq-content__box--flex:nth-child(odd)").on("click", function () {
703    var nextElement = $(this).next(".faq-content__box--flex");
704    if (nextElement.hasClass("on")) {
705      nextElement.slideUp();
706      nextElement.removeClass("on");
707    } else {
708      $(".faq-content__box--flex.on").slideUp().removeClass("on");
709      nextElement.slideDown();
710      nextElement.addClass("on");
711    }
712    $(this).toggleClass("first-clicked");
713  });
714});
715
716/* トップとエリアのmovie
717========================================================================== */
718$("#js-movieLink").click(function () {
719  var iframe = document.createElement("iframe");
720  iframe.src =
721    "https://www.youtube.com/embed/AH95us2CzBg?si=kCO9ruI-FPSRCKLY&loop=1&playlist=AH95us2CzBg";
722  iframe.frameborder = "0";
723  iframe.allow =
724    "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture";
725  iframe.setAttribute("allowfullscreen", "1");
726  this.appendChild(iframe);
727  //サムネイル非表示
728  var picture = this.querySelector("picture");
729  picture.remove();
730});
731
732/* Googlemapの縮尺を統一 !1dの値を一括変更
733--------------------------------------------------------------- */
734const iframes = document.querySelectorAll(".hall-info__map iframe");
735
736if (iframes) {
737  // 画面サイズによってdesiredDistanceを設定
738  const desiredDistance = window.matchMedia(
739    "only screen and (max-width: 768px)",
740  ).matches
741    ? "9000"
742    : "5000";
743

744  iframes.forEach((iframe) => {
745    if (iframe.src.includes("google.com/maps/embed")) {
746      let src = iframe.src;
747      const distancePattern = /(!1d)(\d+(\.\d+)?)/;
748      src = src.replace(distancePattern, `$1${desiredDistance}`);
749      iframe.src = src;
750    }
751  });
752}
753
754/* ホール詳細ページのスライダー Splide
755========================================================================== */
756$(function () {
757  var element = document.getElementById("sync1");
758  if (element) {
759    var main = new Splide(".hallSlider", {
760      type: "loop",
761      focus: "center",
762      rewind: true,
763      pagination: false,
764      fixedWidth: 768,
765      gap: 10,
766      padding: "5rem",
767    });
768    var thumbnails = new Splide(".hallThumb", {
769      fixedWidth: 88,
770      isNavigation: true,
771      gap: 4,
772      perPage: 5,
773      pagination: false,
774      arrows: false,
775      type: "slide",
776      slideFocus: true,
777      autoplay: false,
778      rewind: false,
779      drag: false,
780    });
781
782    main.sync(thumbnails);
783    main.mount();
784    thumbnails.mount();
785  }
786});
787
788/* ホール詳細ページのスライダー Splide
789========================================================================== */
790document.addEventListener("DOMContentLoaded", function () {
791  if (document.querySelector(".splide-common-slider")) {
792    new Splide(".splide-common-slider", {
793      autoplay: true,
794      type: "loop", // ループ設定
795      autoWidth: true, // 自動幅設定
796      focus: "center", // センタリング
797      perPage: 1, // 表示するスライドの数
798      gap: "10px", // スライド間のマージン
799      arrows: false, // ナビゲーションの矢印
800      pagination: true, // ページネーション
801    }).mount();
802  }
803});
804
805/* お急ぎの方 ご危篤・ご逝去から搬送までの流れ タブ切り替え表示 241120
806========================================================================== */
807$(document).ready(function () {
808  // 最初の要素をアクティブにする
809  $(".JS-quick-btn:first").addClass("active");
810  $(".JS-quick-list:first").addClass("show");
811  // リスト画像フェード初期表示
812  $(".JS-quick-list:first").find(".quick-flow__list--img").addClass("show");
813
814  // クリックイベントの処理
815  $(".JS-quick-btn").click(function () {
816    var index = $(".JS-quick-btn").index(this);
817
818    // タブのアクティブ状態を切り替える
819    $(".JS-quick-btn").removeClass("active");
820    $(this).addClass("active");
821
822    // 対応するリストを表示する
823    $(".JS-quick-list").removeClass("show");
824    $(".JS-quick-list").eq(index).addClass("show");
825
826    // 対応するリストの画像に show クラスを追加（showが付くことによってフェード表示 PCのみ）
827    $(".JS-quick-list")
828      .eq(index)
829      .find(".quick-flow__list--img")
830      .addClass("show");
831  });
832});
833
834/* お急ぎの方 FAQ アコーディオン 241121
835========================================================================== */
836$(function () {
837  $(".js-quick-question").each(function () {
838    $(this).on("click", function () {
839      $(this).toggleClass("on");
840      $("+.js-quick-answer", this).slideToggle();
841      return false;
842    });
843  });
844});
845
846/* コラムスライド splide版 250108
847========================================================================== */
848$(function () {
849  var element = document.getElementById("column-slider");
850  if (element) {
851    var main = new Splide(element, {
852      rewind: true,
853      rewindByDrag: true,
854      cover: true,
855      arrows: true, // 矢印
856      pagination: false, // ページネーション
857      type: "loop",
858      fixedWidth: 400,
859      gap: 20,
860      focus: "center",
861    });
862    main.mount();
863  }
864});
865
866/* LP リタゲ広告TOP  お客様の声（電話相談、資料請求、対面相談） splide版 250108
867========================================================================== */
868$(function () {
869  // 対象のスライダー要素のIDリスト
870  var sliderIds = [
871    "voice-tel-slider",
872    "voice-book-slider",
873    "voice-hall-slider",
874  ];
875
876  sliderIds.forEach(function (id) {
877    var element = document.getElementById(id);
878
879    if (element) {
880      var main = new Splide(element, {
881        rewind: true,
882        rewindByDrag: true,
883        cover: true,
884        arrows: true, // 矢印
885        pagination: true, // ページネーション
886        type: "loop",
887        focus: "center",
888        fixedWidth: 325,
889        fixedHeight: 320,
890        gap: 32, // スライド間の余白
891        padding: "20%", // スライダーの左右の余白
892
893        breakpoints: {
894          768: {
895            fixedWidth: "34.3rem",
896            //padding: "20%", // スライダーの左右の余白
897            //gap: 16, // スライド間の余白
898          },
899        },
900      });
901      main.mount();
902    }
903  });
904});
905
906/* LP リタゲ広告TOP 電話相談 お客様の声 splide版 250106
907========================================================================== */
908/*
909$(function () {
910  var element = document.getElementById("voice-tel-slider");
911  if (element) {
912    var main = new Splide(element, {
913      rewind: true,
914      rewindByDrag: true,
915      cover: true,
916      arrows: true, // 矢印
917      pagination: true, // ページネーション
918      type: 'loop',
919      focus: "center",
920      fixedWidth: 325,
921      fixedHeight: 320,
922      gap: 32, // スライド間の余白
923      padding: "20%", // スライダーの左右の余白
924
925      breakpoints: {
926        768: {
927          fixedWidth: '34.3rem',
928          //padding: "20%", // スライダーの左右の余白
929          //gap: 16, // スライド間の余白
930        },
931      }
932
933    });
934    main.mount();
935  }
936});
937*/