https://fidia.jp/wp-content/themes/fidia/assets/js/script.js

1// ハンバーガーボタン
2document.addEventListener("DOMContentLoaded", function () {
3  const hamburgerButton = document.getElementById('hamburger');
4  hamburgerButton.addEventListener("click", function () {
5    document.getElementById('hamburger').classList.toggle('show');
6    document.getElementById('top').classList.toggle('cross-top');
7    document.getElementById('bottom').classList.toggle('cross-bottom');
8    document.getElementById('slide').classList.toggle('show');
9    document.getElementById('slide__mask').classList.toggle('show');
10    document.getElementsByTagName('body')[0].classList.toggle('slide__none');
11    document.getElementsByTagName('html')[0].classList.toggle('slide__none');
12  });
13});
14
15
16if (document.getElementById('company') !== null) {
17  // 会社概要ページスライダー
18  let sliders = {};
19  for (let i = 1; i <= 7; i++) {
20    sliders[i] = new Swiper(`#base-slider-${i}`, {
21      loop: true,
22      slidesPerView: 1,
23      pagination: {
24        el: `#base-slider-${i}-pagination`,
25        clickable: true,
26        renderBullet: function (index, className) {
27          return '<span class="' + className + '">0' + (index + 1) + "</span>";
28        },
29      },
30    });
31  }
32}
33
34if (document.getElementById('officer') !== null) {
35  // 役員紹介FVスクロール
36  gsap.to('.officer__top-image', {
37    xPercent: -100,
38    duration: 90,
39    repeat: -1,
40    ease: 'none',
41  });
42
43  // 役員紹介モーダルウィンドウ
44  $('.officer__item').click(function () {
45    $('body').addClass('modal-open'); // モーダルを開いたときに背景スクロールを禁止
46    $(`#${$(this).attr('id')}-modal`).addClass('show');
47    $('.officer__modal-mask').fadeIn();
48  });
49
50  $('.officer__modal-mask, .officer__modal-close').click(function () {
51    $('body').removeClass('modal-open'); // モーダルを閉じたときに背景スクロールを許可
52    $('.officer__modal').removeClass('show');
53    $('.officer__modal-mask').fadeOut();
54  });
55}
56
57const circleSvg = `
58<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" class="news-pagination-circle">
59  <g transform="translate(0 56) rotate(-90)" fill="none" stroke="#1e2f47" stroke-width="1">
60    <circle cx="28" cy="28" r="28" stroke="none" class="svg-elem-1"></circle>
61    <circle cx="28" cy="28" r="27.5" fill="none" class="svg-elem-2"></circle>
62  </g>
63</svg>`;
64
65if (document.getElementById('news') !== null) {
66  const newsSlider = new Swiper(`#news-slider`, {
67    loop: true,
68    spaceBetween: 24,
69    centeredSlides: true,
70    speed: 1500,
71    autoplay: {
72      delay: 2500,
73    },
74    slidesPerView: 1.1,
75    breakpoints: {
76      // スライドの表示枚数：1441px以上の場合
77      1025: {
78        slidesPerView: 1.26,
79      },
80      1441: {
81        slidesPerView: 1.45,
82      },
83      1681: {
84        slidesPerView: 1.7,
85      }
86    },
87    pagination: {
88      el: `#news-pagination`,
89      clickable: true,
90      renderBullet: function (index, className) {
91        return '<span class="' + className + '">' + (index + 1) + circleSvg + "</span>";
92      },
93    },
94  });
95}
96
97
98if (document.getElementById('top') !== null) {
99  // TOP スライダー
100  gsap.to('.top__slider--image', {
101    xPercent: -100,
102    duration: 90,
103    repeat: -1,
104    ease: 'none',
105  });
106
107  $('.about__link').hover(
108    function () {
109      $('.about__link, .about__img').removeClass('current');
110      $(this).addClass('current');
111      count = $('.about__link').index(this);
112      $('.img' + (count + 1)).addClass('current');
113    },
114    function () {
115      $('.about__link, .about__img').removeClass('current');
116      $('.img0').addClass('current');
117    }
118  );
119}
120
121$('.header__link.hover').hover(
122  function () {
123    $(this).find('.header__hover').addClass('hover');
124  },
125  function () {
126    $(this).find('.header__hover').removeClass('hover');
127  }
128);
129
130$('.contact__item--text').click(function () {
131  $('.contact__item--check').prop('checked', true);
132  $('.contact__item--text').addClass('show');
133  $('.contact__submit').removeClass('hide');
134});
135$(window).on('load', function () {
136  if (document.URL.match('/contact-confirm')) {
137    $('.contact__item--privacy, .cont').hide();
138    $('.contact__submit').removeClass('hide');
139  } else {
140    $('.confi').hide();
141  }
142});
143
144
145$(window).on('scroll', function () {
146  if ($('.top__hero').length) {
147    if ($('.top__hero--img').height() < $(this).scrollTop()) {
148      $('.header__link').removeClass('white');
149      $('.header__link--contact').removeClass('white');
150      $('.header__link--plus.white').hide();
151      $('.header__link--plus.black').show();
152      $('.header__arrow.white').hide();
153      $('.header__arrow.black').show();
154      $('.header__logo.white').hide();
155      $('.header__logo.black').show();
156    } else {
157      $('.header__link').addClass('white');
158      $('.header__link').addClass('white');
159      $('.header__link--contact').addClass('white');
160      $('.header__link--plus.white').show();
161      $('.header__link--plus.black').hide();
162      $('.header__arrow.white').show();
163      $('.header__arrow.black').hide();
164      $('.header__logo.white').show();
165      $('.header__logo.black').hide();
166    }
167  }
168});
169
170$('.slide__aco').hide();
171$('.slide__title.aco').click(function() {
172  $(this).toggleClass('show');
173  $(this).next('div').slideToggle();
174});
175
176if (window.matchMedia('(max-width: 767px)').matches) {
177  $('.footer__links--about').hide();
178  $('.footer__middle-items').hide();
179  $('.footer__nav-btn').click(function() {
180    $(this).toggleClass('show');
181    $(this).parent().next('div').slideToggle();
182  });
183}
184
185if (document.getElementById('culture') !== null) {
186  const cultureSlider = new Swiper(`#culture-slider`, {
187    loop: true,
188    centeredSlides: true,
189    speed: 100,
190    slidesPerView: 1,
191    spaceBetween: 25,
192    breakpoints: {
193      1025: {
194        spaceBetween: 48,
195      }
196    },
197    navigation: {
198      nextEl: ".culture-swiper-button-next",
199      prevEl: ".culture-swiper-button-prev",
200  },
201  });
202}
203
204$('.contact__item--select').change(function() {
205  $(this).css('color', '#000');
206});
207
208
209
210setTimeout(function () {
211  $('.gt_selector').children('option:first-child').remove();
212  $('.gt_selector').find('[value="ja|ja"]').html('JA');
213  $('.gt_selector').find('[value="ja|en"]').html('EN');
214  $('.gt_selector').find('[value="ja|ko"]').html('KR');
215}, 0);
216
217setTimeout(function(){
218  var v = document.getElementById('videokey');
219  v.play();
220},5000);
221setTimeout(function(){
222  var v2 = document.getElementById('videokey2');
223  v2.play();
224},5000);
225
226// var webStorage = function () {
227//   if (sessionStorage.getItem('access')) {
228//     $("#loading").addClass('hide');
229//     $('#top-title').fadeIn(2000, function() {
230//       setTimeout(function () {
231//         $('#top-title')
232//         // .fadeOut(2000)
233//         ;
234//       }, 2000);
235//     });
236//   } else {
237//     sessionStorage.setItem('access', 'true'); // sessionStorageにデータを保存
238//     setTimeout(function () {
239//       $('#loading').fadeOut(1000, function() {
240//         $(this).remove();
241//         $('#top-title').fadeIn(2000, function() {
242//           setTimeout(function () {
243//             $('#top-title')
244//             // .fadeOut(2000)
245//             ;
246//           }, 2000);
247//         });
248//       });
249//     }, 6000);
250//   }
251// }
252// webStorage();
253
254
255$(this).remove();

256$('#top-title').fadeIn(2000, function() {
257  setTimeout(function () {
258    $('#top-title')
259    // .fadeOut(2000)
260    ;
261  }, 2000);
262});