https://www.k1-ishii.com/wp-content/themes/komei_theme/assets/js/style.js?ver=20260925001846

1/***********************************/
2//スマホかタブレットかパソコンかを判定
3var getDevice = (function () {
4    var ua = navigator.userAgent;
5    if (ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
6        return 'sp';
7    } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
8        return 'tab';
9    } else {
10        return 'other';
11    }
12})();
13/***********************************/
14//ブラウザ判定
15var ua = navigator.userAgent.toLowerCase();
16var ver = navigator.appVersion.toLowerCase();
17
18// IE(11以外)
19var isMSIE = (ua.indexOf('msie') > -1) && (ua.indexOf('opera') == -1);
20// IE6
21var isIE6 = isMSIE && (ver.indexOf('msie 6.') > -1);
22// IE7
23var isIE7 = isMSIE && (ver.indexOf('msie 7.') > -1);
24// IE8
25var isIE8 = isMSIE && (ver.indexOf('msie 8.') > -1);
26// IE9
27var isIE9 = isMSIE && (ver.indexOf('msie 9.') > -1);
28// IE10
29var isIE10 = isMSIE && (ver.indexOf('msie 10.') > -1);
30// IE11
31var isIE11 = (ua.indexOf('trident/7') > -1);
32// IE
33var isIE = isMSIE || isIE11;
34// Edge
35var isEdge = (ua.indexOf('edge') > -1);
36
37// Google Chrome
38var isChrome = (ua.indexOf('chrome') > -1) && (ua.indexOf('edge') == -1);
39// Firefox
40var isFirefox = (ua.indexOf('firefox') > -1);
41// Safari
42var isSafari = (ua.indexOf('safari') > -1) && (ua.indexOf('chrome') == -1);
43// Opera
44var isOpera = (ua.indexOf('opera') > -1);
45
46$(document).ready(function () {
47    if (isOpera) {
48        $("body").addClass("js_isOpera");
49    } else if (isIE) {
50        $("body").addClass("js_isIe");
51    } else if (isChrome) {
52        $("body").addClass("js_isChrome");
53    } else if (isSafari) {
54        $("body").addClass("js_isSafari");
55    } else if (isEdge) {
56        $("body").addClass("js_isEdge");
57    } else if (isFirefox) {
58        $("body").addClass("js_isFirefox");
59    } else {
60        return false;
61    }
62});
63
64//デバイス判定
65var _ua = (function (u) {
66    return {
67        Tablet: (u.indexOf("windows") != -1 && u.indexOf("touch") != -1 && u.indexOf("tablet pc") == -1) ||
68            u.indexOf("ipad") != -1 ||
69            (u.indexOf("android") != -1 && u.indexOf("mobile") == -1) ||
70            (u.indexOf("firefox") != -1 && u.indexOf("tablet") != -1) ||
71            u.indexOf("kindle") != -1 ||
72            u.indexOf("silk") != -1 ||
73            u.indexOf("playbook") != -1,
74        Mobile: (u.indexOf("windows") != -1 && u.indexOf("phone") != -1) ||
75            u.indexOf("iphone") != -1 ||
76            u.indexOf("ipod") != -1 ||
77            (u.indexOf("android") != -1 && u.indexOf("mobile") != -1) ||
78            (u.indexOf("firefox") != -1 && u.indexOf("mobile") != -1) ||
79            u.indexOf("blackberry") != -1
80    }
81})(window.navigator.userAgent.toLowerCase());
82
83$(document).ready(function () {
84    if (_ua.Mobile) {
85        //この中のコードはスマホにのみ適用
86        $('body').addClass("js_isMobile");
87    } else if (_ua.Tablet) {
88        //この中のコードはタブレットにのみ適用
89        $('body').addClass("js_isTablet");
90    } else {
91        //この中のコードはスマホ・タブレット以外に適用
92        $('body').addClass("js_isPc");
93    }
94});
95
96if (navigator.platform.indexOf("Win") != -1) {
97    $('body').addClass('js_isWin');
98} else {
99    $('body').addClass('js_isNotWin');
100}
101
102/***********************************/
103//PC スクロールしたらヘッダー縮小
104function init() {
105    if (window.matchMedia("(min-width:1024px)").matches) {
106        var px_change = 30;
107        window.addEventListener('scroll', function (e) {
108            if ($(window).scrollTop() > px_change) {
109                $("header").addClass("smaller");
110            } else if ($("header").hasClass("smaller")) {
111                $("header").removeClass("smaller");
112            }
113        });
114    }
115}
116window.onload = init();
117
118//SP ヘッダーナビ
119jQuery(document).ready(function( $ ){
120$(function() {
121    $('.hamburger').click(function() {
122        $(this).toggleClass('active');
123 
124        if ($(this).hasClass('active')) {
125            $('.globalMenuSp').addClass('active');
126        } else {
127            $('.globalMenuSp').removeClass('active');
128        }
129    });
130});
131});
132jQuery(document).ready(function( $ ){
133$(function() {
134    $('main').click(function() {
135        $(this).toggleClass('active');
136 
137        if ($(this).hasClass('active')) {
138            $('.hamburger').removeClass('active');
139            $('.globalMenuSp').removeClass('active');
140        } else {
141        }
142    });
143});
144});
145
146//SP ヘッダーナビ　アコーディオン
147 $(function() {
148    $('.globalMenuSp .g-nav_list li.submenu a.open').click(function() {
149        $(this).toggleClass('active');
150 
151        if ($(this).hasClass('active')) {
152            $('.globalMenuSp .g-nav_list li.submenu .g-nav_sub').addClass('active');
153        } else {
154            $('.globalMenuSp .g-nav_list li.submenu .g-nav_sub').removeClass('active');
155        }
156    });
157});
158
159/***********************************/
160//ページトップボタン
161var windowWidth = $(window).width();
162var windowSm = 768;
163if (windowWidth <= windowSm) {
164$(function(){
165    $(window).on("scroll touchmove", function(){ //スクロール中に判断する
166            $(".pagetop").stop(); //アニメーションしている場合、アニメーションを強制停止
167            $(".pagetop").css('display', 'none').delay(500).fadeIn('fast');
168            //スクロール中は非表示にして、500ミリ秒遅らせて再び表示
169    });
170});
171} else {
172}
173
174/***********************************/
175//ページトップ時は追跡バーを非表示（PC）
176$(document).ready(function () {
177    $('.tuijyu.pc-only').hide();
178    $(window).on('scroll', function () {
179        if ($(this).scrollTop() > 100) {
180            $('.tuijyu.pc-only').fadeIn();
181        } else {
182            $('.tuijyu.pc-only').fadeOut();
183        }
184        scrollHeight = $(document).height();
185        scrollPosition = $(window).height() + $(window).scrollTop();
186        /*footHeight = $('footer').innerHeight();
187        if (scrollHeight - scrollPosition <= footHeight) {
188            $('#page-top').css({
189                'position': 'absolute',
190                'bottom': footHeight + 20
191            });
192        } else {
193            $('#page-top').css({
194                'position': 'fixed',
195                'bottom': '2em'
196            });
197        }*/
198    });
199});
200
201/***********************************/
202//スクロール中は追跡バーを非表示（SP）
203var windowWidth = $(window).width();
204var windowSm = 768;
205if (windowWidth <= windowSm) {
206$(function(){
207    $(window).on("scroll touchmove", function(){ //スクロール中に判断する
208            $(".tuijyu.sp-only").stop(); //アニメーションしている場合、アニメーションを強制停止
209            $(".tuijyu.sp-only").css('display', 'none').delay(500).fadeIn('fast');
210            //スクロール中は非表示にして、500ミリ秒遅らせて再び表示
211    });
212});
213} else {
214}
215
216/***********************************/
217//コンテンツのアニメーション
218jQuery(window).scroll(function () {
219    $('.fadein,.fadeleft,.faderight,.slideleft,.slideright,.slidetop,.slidebottom,.zoomin,.timeline').each(function () {

220        var elemPos = $(this).offset().top,
221            scroll = $(window).scrollTop(),
222            windowHeight = $(window).height();
223        if (scroll > elemPos - windowHeight + 100) {
224            $(this).addClass('scrollin');
225        }
226    });
227});
228
229/***********************************/
230//流れるテキスト
231  // 画面をスクロールをしたら動かしたい場合の記述
232  $(window).scroll(function (){
233    slideAnime();/* アニメーション用の関数を呼ぶ*/
234    function slideAnime(){
235      //====左に動くアニメーションここから===
236        $('.slide_txt').each(function(){ 
237          var elemPos = $(this).offset().top,
238              scroll = $(window).scrollTop(),
239              windowHeight = $(window).height();
240          if (scroll > elemPos - windowHeight + 200){
241            //左から右へ表示するクラスを付与
242            //テキスト要素を挟む親要素（左側）とテキスト要素を元位置でアニメーションをおこなう
243            $(this).addClass("slidetxt_left"); //要素を左枠外にへ移動しCSSアニメーションで左から元の位置に移動
244            $(this).children(".slide_txt_inner").addClass("slidetxt_right");  //子要素は親要素のアニメーションに影響されないように逆の指定をし元の位置をキープするアニメーションをおこなう
245          }else{
246            //左から右へ表示するクラスを取り除く
247            $(this).removeClass("slidetxt_left");
248            $(this).children(".slide_txt_inner").removeClass("slidetxt_right");
249            
250          }
251        });  
252      }
253  });// ここまで画面をスクロールをしたら動かしたい場合の記述
254
255  // 画面が読み込まれたらすぐに動かしたい場合の記述
256  $(window).on('load', function(){
257    slideAnime();/* アニメーション用の関数を呼ぶ*/
258  });// ここまで画面が読み込まれたらすぐに動かしたい場合の記述
259
260/***********************************/
261//メインビジュアル スライダー
262$(function () {
263    $(".mainVisual .slider").slick({
264        arrows:false,
265        prevArrow: '<img src="/wp-content/themes/komei_theme/assets/images/common/slider_arrow_left.svg" class="slide-arrow prev-arrow">',
266        nextArrow: '<img src="/wp-content/themes/komei_theme/assets/images/common/slider_arrow_right.svg" class="slide-arrow next-arrow">',
267        dots:false,
268        autoplay: true,
269        autoplaySpeed: 5000,
270        speed: 3000,
271        fade: true,
272        pauseOnFocus: false,
273        pauseOnHover: false,
274        pauseOnDotsHover: false,
275    });
276});
277
278//石井啓一 物語り スライダー
279$(function () {
280    $(".early-life02 .slider").slick({
281        arrows:true,
282        prevArrow: '<img src="/wp-content/themes/komei_theme/assets/images/common/slider_arrow_left.svg" class="slide-arrow prev-arrow">',
283        nextArrow: '<img src="/wp-content/themes/komei_theme/assets/images/common/slider_arrow_right.svg" class="slide-arrow next-arrow">',
284        dots:true,
285        autoplay: false,
286        autoplaySpeed: 5000,
287        speed:1000,
288        slidesToShow:2, 
289        responsive: [
290          {
291            breakpoint: 913,
292            settings: {
293              slidesToShow:2,
294            },
295          },
296          {
297            breakpoint: 600,
298            settings: {
299              slidesToShow: 1,
300            },
301          },
302        ],
303    });
304});
305
306/***********************************/
307//モーダルウィンドウ
308$(function() {
309  // 開くボタンをクリックしたらモーダルを表示する
310  $('.modal-open').on('click', function() { 
311    var modalNumber = $(this).data('modal'); // data-modalから番号を取得
312    $('.modal-container' + modalNumber).addClass('active'); // 対応するモーダルを表示
313    return false;
314  });
315
316  // 閉じるボタンをクリックしたらモーダルを閉じる
317  $('.modal-close').on('click', function() {  
318    var modalNumber = $(this).data('modal'); // data-modalから番号を取得
319    $('.modal-container' + modalNumber).removeClass('active'); // 対応するモーダルを閉じる
320  });
321
322  // モーダルの外側をクリックしたらモーダルを閉じる
323  $(document).on('click', function(e) {
324    var modal = $(e.target).closest('.modal-container');
325    if (!modal.length && !$(e.target).closest('.modal-body').length) {
326      $('.modal-container.active').removeClass('active'); // 開いているモーダルを閉じる
327    }
328  });
329});