https://www.lc-group.net/wp-content/themes/original/js/custom.js?1763003721

1function fadeAnime() {
2
3  /*$('.btn_ef01 a').each(function () {
4    var elemPos = $(this).offset().top;
5    var scroll = $(window).scrollTop();
6    var windowHeight = $(window).height();
7    if (scroll >= elemPos - windowHeight) {
8      $(this).addClass('active');
9    } else {
10      //$(this).removeClass('active');
11    }
12  });*/
13
14
15  // SV
16  $('.page_head.type01').each(function () {
17    var elemPos = $(this).offset().top;
18    var scroll = $(window).scrollTop();
19    var windowHeight = $(window).height();
20    if (scroll >= elemPos - windowHeight) {
21      $(this).addClass('active');
22    } else {
23      $(this).removeClass('active');
24    }
25  });
26
27
28  // action01
29  $('.action01').each(function () {
30    var elemPos = $(this).offset().top;
31    var quarterHeight = window.innerHeight / 4;
32    var threeQuarterWidth = quarterHeight * 3;
33    var scroll = $(window).scrollTop();
34    var windowHeight = $(window).height();
35    if (scroll >= elemPos - threeQuarterWidth) {
36      $(this).addClass('active01_01');
37    } else {
38      $(this).removeClass('active01_01');
39    }
40  });
41
42  // action02
43  $('.action02').each(function () {
44    var elemPos = $(this).offset().top;
45    var scroll = $(window).scrollTop();
46    var windowHeight = $(window).height();
47    if (scroll >= elemPos - windowHeight) {
48      $(this).addClass('active02_01');
49    } else {
50      $(this).removeClass('active02_01');
51    }
52  });
53
54  // action03
55  $('.action03').each(function () {
56    var elemPos = $(this).offset().top;
57    var quarterHeight = window.innerHeight / 5;
58    var threeQuarterWidth = quarterHeight * 3;
59    var scroll = $(window).scrollTop();
60    var windowHeight = $(window).height();
61    if (scroll >= elemPos - threeQuarterWidth) {
62      $(this).addClass('active03_01');
63    } else {
64      $(this).removeClass('active03_01');
65    }
66  });
67
68  // action04
69  $('.smooth_left').each(function () {
70    var elemPos = $(this).offset().top;
71    var quarterHeight = window.innerHeight / 4;
72    var threeQuarterWidth = quarterHeight * 3;
73    var scroll = $(window).scrollTop();
74    var windowHeight = $(window).height();
75    if (scroll >= elemPos - threeQuarterWidth) {
76      //$(this).addClass('smooth_left');
77      $(this).addClass('is-animated'); //is-animatedクラスを加える
78    } else {
79      //$(this).removeClass('smooth_left');
80      $(this).removeClass('is-animated'); //is-animatedクラスを加える
81    }
82  });
83
84  // flipLeft
85  $('.ul_ef01 li').each(function () {
86    var elemPos = $(this).offset().top;
87    var scroll = $(window).scrollTop();
88    var windowHeight = $(window).height();
89    if (scroll >= elemPos - windowHeight) {
90      $(this).addClass('flipLeft');
91    } else {
92      $(this).removeClass('flipLeft');
93    }
94  });
95
96
97  //.add_artist_bnr_ul
98  $('.add_artist_bnr_ul li').each(function () {
99    var elemPos = $(this).offset().top;
100    var scroll = $(window).scrollTop();
101    var windowHeight = $(window).height();
102    if (scroll >= elemPos - windowHeight) {
103      $(this).addClass('active');
104    } else {
105      $(this).removeClass('active');
106    }
107  });
108
109}
110
111jQuery(function () {
112  new WOW({
113    mobile: false,
114  }).init();
115
116  //ホバーで画像切り替え
117  $(".js-img-link").on("mouseenter", function (event) {
118    event.preventDefault();
119    const newId = $(this).find('.link').data("id");
120
121    // 現在アクティブな画像から is-active クラスを取り除き、新しい画像に is-active クラスを追加
122    $("[id^='img'].is-active").removeClass("is-active").css("opacity", 0);
123    $('#' + newId).addClass("is-active").css("opacity", 1);
124  });
125
126
127  $('#countbox').on('inview', function (event, isInView) {
128    if (isInView) {
129      //要素が見えたときに実行する処理
130      $("#countbox .count-up").each(function () {
131        $(this).prop('Counter', 0).animate({ //0からカウントアップ
132          Counter: $(this).text()
133        }, {
134          // スピードやアニメーションの設定
135          duration: 2000, //数字が大きいほど変化のスピードが遅くなる。2000=2秒
136          easing: 'swing', //動きの種類。他にもlinearなど設定可能
137          step: function (now) {
138            $(this).text(Math.ceil(now));
139          }
140        });
141      });
142    }
143  });
144
145  //ページトップへクロールしてから出現
146  var docHeight = jQuery("body").height();
147
148  //--　スクロールスピード
149  var scrollSpeed = 500;
150
151  //Javascriptでのスムーズスクロール
152  $('a[href^="#"]').click(function () {
153    var adjust = 0;
154    var speed = 400;
155    var href = $(this).attr("href");
156    var target = $(href == "#" || href == "" ? "html" : href);
157    var position = target.offset().top + adjust;
158    $("body,html").animate({ scrollTop: position }, speed, "swing");
159    return false;

160  });
161
162  //ドロップダウントグル用
163  jQuery(".drop_down a").click(function () {
164    //クリックでクラスToggleをつけます。
165    jQuery(this).toggleClass("Toggle");
166  });
167  //
168
169  jQuery(".gnav-trg").click(function () {
170    burger_action02(jQuery(this));
171    console.log("yes_230427");
172  });
173
174  function burger_action02(burger_menu) {
175    var top_distance;
176    if (burger_menu.attr("class").indexOf("js-close") > -1) {
177      console.log("展開231216");
178      //$(".gnav").fadeIn();
179      //$('.gnav-trg').addClass('is-none');
180      burger_menu.toggleClass("is-none");
181      burger_menu.removeClass("js-close");
182      $(".gnav").css('transform', 'translateX(0)');
183      //$(this).addClass('js-close');
184      $('header').addClass('is-none');
185      $('.drawer').removeClass('is-none');
186    } else {
187      console.log("CLOSE231216");
188      //$(".gnav").fadeOut();
189      $(".gnav").css('transform', 'translateX(100%)');
190      burger_menu.removeClass("is-none");
191      burger_menu.toggleClass("js-close");
192      $('header').removeClass('is-none');
193      $('.drawer').removeClass('is-none');
194      jQuery(window).scrollTop(top_distance);
195    }
196  }
197
198  //ドロワーの範囲外をクリック
199  $(".js-gav-close").on("click", function () {
200    //$(".gnav").fadeOut();
201    $(".gnav").css('transform', 'translateX(100%)');
202    $('.drawer').toggleClass('is-none');
203    $(".gnav-trg").removeClass("is-none");
204    $(".gnav-trg").toggleClass("js-close");
205    console.log("RUN");
206    return false;
207  });
208
209  $(".gav_close_btn").on("click", function () {
210    //$(".gnav").fadeOut();
211    $(".gnav").css('transform', 'translateX(100%)');
212    $('.drawer').toggleClass('is-none');
213    $(".gnav-trg").removeClass("is-none");
214    $(".gnav-trg").toggleClass("js-close");
215    console.log("RUN");
216    return false;
217  });
218
219  //
220  $('.slick_slider').slick({
221    autoplay: true, //自動でスクロール
222    autoplaySpeed: 0, //自動再生のスライド切り替えまでの時間を設定
223    speed: 5000, //スライドが流れる速度を設定
224    cssEase: "linear", //スライドの流れ方を等速に設定
225    slidesToShow: 4, //表示するスライドの数
226    swipe: false, // 操作による切り替えはさせない
227    arrows: false, //矢印非表示
228    pauseOnFocus: false, //スライダーをフォーカスした時にスライドを停止させるか
229    pauseOnHover: false, //スライダーにマウスホバーした時にスライドを停止させるか
230    responsive: [{
231      breakpoint: 750,
232      settings: {
233        slidesToShow: 2, //画面幅750px以下でスライド3枚表示
234      }
235    }]
236  });
237  //
238
239  //サイドありスクロールJS
240  //const $wrapper = $('#wrapper');
241  if ($('.side_nav').length) {
242    const $w = $(window);
243    var wH = $w.innerHeight();
244    const $navLink = $('.side_nav > li > a');
245    $w.on('load scroll', function () {
246      var winSc = $w.scrollTop();
247      $navLink.each(function (i) {
248        var $this = $(this);
249        var $target = $($this.attr('href'));
250        var target = $target.offset().top - wH * 0.3;
251        // var targetHeight = $target.outerHeight();
252        if (i == 0) {
253          if (winSc > 0 && winSc < target + $target.outerHeight() + 50) {
254            $navLink.removeClass('current')
255            $this.addClass('current')
256          }
257        } else {
258          if (winSc > target && winSc < target + $target.outerHeight()) {
259            $navLink.removeClass('current')
260            $this.addClass('current')
261          }
262        }
263      });
264
265      var elm = $(".current").position().top + $(".current").innerHeight();
266      $('._bar span').innerHeight($('._bar').innerHeight() - elm);
267    });
268  }
269
270  if ($('body').length) {
271    // $(window).on('load',function(){
272    setTimeout(function () {
273      $(".scroll_mv").addClass('active');
274      $(".mv_news_container").addClass('active');
275
276      $(".header_content_pc").addClass('active');
277      $(".side_nav_container").addClass('active');
278
279
280      // $(".head_logo").addClass('active');
281      // $(".sp_menu_btn").addClass('load');
282      $(".under_sp_nav").addClass('active'); //固定フッター
283    }, 3000);
284    // });
285  } else {
286    // $(window).on('load',function(){
287    setTimeout(function () {
288      // $(".mv_news_container").addClass('active');
289      //$(".mv_scroll").addClass('active');
290
291      // $(".header_content_pc").addClass('active');
292      // $(".side_nav_container").addClass('active');
293
294      // $(".head_logo").addClass('active');
295      // $(".sp_menu_btn").addClass('load');
296      $(".under_sp_nav").addClass('active');
297    }, 0);
298    // });
299  }
300
301});
302
303$(document).ready(function () {
304  var pagetop = $("#page_top");
305  $(window).scroll(function () {
306    if ($(this).scrollTop() > 100) {
307      pagetop.fadeIn();
308    } else {
309      pagetop.fadeOut();
310    }
311  });
312  pagetop.click(function () {
313    $("body, html").animate({ scrollTop: 0 }, 500);
314    return false;

315  });
316  //console.log("PAGE TOP");
317
318  //TOP　WORKSスライダーで使用
319  // if ($(".img_slider")[0]) {
320  //   jQuery(".img_slider").slick({
321  //     dots: false,
322  //     arrows: true,
323  //     infinite: true,
324  //     variableWidth: true,
325  //     slidesToShow: 3,
326  //     pauseOnHover: false,
327  //     pauseOnFocus: false,
328  //     pauseOnDotsHover: false,
329  //     autoplay: true,
330  //     autoplaySpeed: 3000,
331  //     speed: 1000,
332  //     slidesToShow: 1,
333  //     slidesToScroll: 1,
334  //     centerMode: true,
335  //   });
336  // }
337
338  if ($(".img_list_over")[0]) {
339    jQuery(".img_list_over").slick({
340      dots: true,
341      arrows: true,
342      infinite: true,
343      variableWidth: true,
344      slidesToShow: 3,
345
346      pauseOnHover: false,
347      pauseOnFocus: false,
348      pauseOnDotsHover: false,
349      autoplay: true,
350      autoplaySpeed: 3000,
351      speed: 1000,
352      //slidesToShow: 1,
353      slidesToScroll: 1,
354      centerMode: false,
355      responsive: [
356        {
357          breakpoint: 767, // 399px以下のサイズに適用
358          settings: {
359            centerMode: true,
360            slidesToShow: 1,
361          },
362        },
363      ],
364    });
365  }
366
367
368
369  //アニメーションさせたい要素のtrigger
370  let targets = document.querySelectorAll('.js-scroll-fall'); //アニメーションさせたい要素
371  //スクロールイベント
372  window.addEventListener('scroll', function () {
373    var scroll = window.scrollY; //スクロール量を取得
374    var windowHeight = window.innerHeight; //画面の高さを取得
375    for (let target of targets) { //ターゲット要素がある分、アニメーション用のクラスをつける処理を繰り返す
376      var targetPos = target.getBoundingClientRect().top + scroll; //ターゲット要素の位置を取得
377      if (scroll > targetPos - windowHeight) { //スクロール量 > ターゲット要素の位置
378        target.classList.add('is-animated'); //is-animatedクラスを加える
379      }
380    }
381  });
382
383});
384
385jQuery(function () {
386  //ドロワー（SPアコーディオン）
387  jQuery(".menu-item-has-children > .header-nav-child").on(
388    "click",
389    function () {
390      //if (window.matchMedia && window.matchMedia('(max-device-width: 767px)').matches) {
391
392      console.log("展開ルート＆ボタンクリック");
393      jQuery(this).next().slideToggle();
394      if (jQuery(this).parent("li").hasClass("open_acord")) {
395        jQuery(this).parent("li").removeClass("open_acord");
396      } else {
397        jQuery(this).parent("li").addClass("open_acord");
398      }
399      //}
400    }
401  );
402});
403
404/*よくある質問アコーディオン*/
405$(function () {
406  //.accordion_oneの中の.accordion_headerがクリックされたら
407  $(".faq_contents .accordion_one .accordion_header").click(function () {
408    //クリックされた.accordion_oneの中の.accordion_headerに隣接する.accordion_innerが開いたり閉じたりする。
409    $(this).next(".accordion_inner").slideToggle();
410    $(this).toggleClass("open");
411  });
412});
413
414/*よくある質問アコーディオン02*/
415$('.faq_title').on('click', function () {//タイトル要素をクリックしたら
416  $('.inbox').slideUp(500);//クラス名.boxがついたすべてのアコーディオンを閉じる
417
418  var findElm = $(this).next(".inbox");//タイトル直後のアコーディオンを行うエリアを取得
419
420  if ($(this).hasClass('close')) {//タイトル要素にクラス名closeがあれば
421    $(this).removeClass('close');//クラス名を除去    
422  } else {//それ以外は
423    $('.close').removeClass('close'); //クラス名closeを全て除去した後
424    $(this).addClass('close');//クリックしたタイトルにクラス名closeを付与し
425    $(findElm).slideDown(500);//アコーディオンを開く
426  }
427});
428
429//ページが読み込まれた際にopenクラスをつけ、openがついていたら開く動作※不必要なら下記全て削除
430$(window).on('load', function () {
431  $('.accordion-area li:first-of-type section').addClass("open"); //accordion-areaのはじめのliにあるsectionにopenクラスを追加
432  $(".open").each(function (index, element) {	//openクラスを取得
433    var Title = $(element).children('.faq_title');	//openクラスの子要素のtitleクラスを取得
434    //$(Title).addClass('close');				///タイトルにクラス名closeを付与し
435    var Box = $(element).children('.inbox');	//openクラスの子要素boxクラスを取得
436    //$(Box).slideDown(500);					//アコーディオンを開く
437  });
438});