PageSourceSearch

https://www.mmc.co.jp/corporate/ja/js/common.js

js mmc.co.jp collected 2026-10-02 03:05:48 UTC 31,321 bytes, 1,016 lines download raw bytes

1jQuery(function() {
2
3/* 2016.05.30 function stopped by MBS Suzuki --
4    // IEでのモーダル表示改善
5    if (window.name != "ie_modal") {
6    location.reload();
7    window.name = "ie_modal";
8    } else {
9    window.name = "";
10    }
11-- */
12    var active_class = "current";
13
14    // スムーズスクロール
15    $('a[href^="#sec"],a[href^="#anc"],a[href="#toTop"],a[href="#mainHeader"]').on('click',function () {
16        var href= $(this).attr('href');
17        var target = $(href == '#' || href == '' ? 'html' : href);
18        var position = target.offset().top;
19        $('body,html').delay(100).animate({'scrollTop': position},650);
20        return false;
21    });
22
23
24    //スマホメニュー表示
25    var menuOpenSwitch = $('#openMenu');
26    var menuWrap = $('.wrapSpMenu');
27
28    menuOpenSwitch.find('a').bind('click touchend',function () {
29
30        if ($(this).closest(menuOpenSwitch).hasClass('is-open')){
31            menuWrap.slideUp(
32              "slow",
33              function(){
34                  menuOpenSwitch.removeClass('is-open');
35              }
36            );
37
38        } else {
39            menuWrap.slideDown(
40              "slow",
41              function(){
42                  menuOpenSwitch.addClass('is-open');
43              }
44            );
45        }
46        return false;
47    });
48
49    //サブメニュー表示
50    var listOpenSwitch = $('.blockSubLinks .openList, .blockSubLinks .innerRD .openList');
51    var listWrap = $('.blockSubLinks .inner, .blockSubLinks .innerRD');
52
53    listOpenSwitch.each(function(){
54        $(this).click(function () {
55            if ($(this).hasClass('is-open')){
56                $(this).closest('.blockSubLinks').find(".inner").slideUp(
57                  "slow",
58                  function(){
59                      $(this).closest('.blockSubLinks').find('.openList').removeClass('is-open');
60                  }
61                );
62
63            } else {
64                $(this).closest('.blockSubLinks').find(".inner").slideDown(
65                  "slow",
66                  function(){
67                      $(this).closest('.blockSubLinks').find('.openList').addClass('is-open');
68                  }
69                );
70            }
71            return false;
72        });
73    });
74
75
76    //本日の金価格 高さ揃え
77    // if($('body').hasClass('home')){
78    if($('body').is('#index.home')){
79        var iframe = $('#xframeMarket');
80        // var ifrmDoc = iframe[0].contentWindow.document;
81        // var ele  = $('.inner', ifrmDoc);
82
83         function hlNewsIfrm() {
84            var newsHeight = $('.blockTopNews').height();
85            iframe.height(newsHeight + 'px');
86            // ele.css('height',(newsHeight - 62) + 'px');
87        }
88    }
89
90 //オプトイン・アウト
91   //ローカルストレージ操作(optin/out)
92
93   $(document).ready(function(){
94        var lMyCk = localStorage.getItem('date1');
95        console.log(lMyCk);
96        if (lMyCk != 'true'){
97            javascript:dataLayer.push({'event':'optout'});return false;
98        }
99    });
100
101    //フッター操作時(optin/out)
102    $(".footPushOptout").click(function() {
103        //処理の内容
104        localStorage.setItem('date1', 'true');
105    });
106
107    //有効ボタンを押した時(optin/out)
108    $(".pushOptout").click(function() {
109        //処理の内容
110        localStorage.setItem('date1', 'true');
111    });
112
113    //無効ボタンを押した時(optin/out)
114    $(".pushOptin").click(function() {
115        //処理の内容
116        localStorage.setItem('date1', 'false');
117    });
118
119    //ローカルナビ移動(ロード時)
120    var lNav = $('.localNav');
121    var windowWidthLoad = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
122    if(windowWidthLoad <= 767){
123        lNav.insertBefore('#mainFooter');
124    } else {
125        lNav.prependTo('.contentsWrap');
126    }
127
128    //  スマホ→PC resize時
129    var ww;
130    $(window).resize(function(){
131        var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
132     
133
134        if(windowWidth != ww) {
135            ww = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
136
137            if(ww <= 767){
138                //ローカルナビ移動
139                lNav.insertBefore('#mainFooter');
140                menuWrap.css('display','none');
141                //listWrap.css('display','none');
142
143
144                // if($('body').hasClass('home')){
145                if($('body').is('#index.home')){
146                    iframe.height('253px');
147                    // ele.css('height',(253 - 62) + 'px');
148                }
149
150            } else {
151                //ローカルナビ移動
152                lNav.prependTo('.contentsWrap');
153                //グロナビ表示
154                if (menuOpenSwitch.hasClass('is-open')) {
155                    menuOpenSwitch.removeClass('is-open');
156                }
157                menuWrap.css('display','block');
158                //サイドメニュー表示
159                if (listOpenSwitch.hasClass('is-open')) {
160                    listOpenSwitch.removeClass('is-open');
161                    listWrap.css('display','none');
162                }
163//                listWrap.css('display','block');
164
165                // if($('body').hasClass('home')){
166                    if($('body').is('#index.home')){
167                    hlNewsIfrm();
168                }
169
170            }
171            windowWidth = ww;
172        }
173    });
174
175    //文字サイズ切り替え
176    var charSizeChange = $('.unitCharSize');
177    var charSizeChangeNormal = $('.unitCharSize .charNormal');
178    var charSizeChangelarge = $('.unitCharSize .charlarge');
179    var charSizeChangeXlarge = $('.unitCharSize .charXlarge');
180
181    //トリガー設定
182    charSizeChange.find('a').click(function(){
183        //今ある.currentを外す
184        $('html').removeClass();
185        charSizeChange.find('.current').removeClass(active_class);
186        $(this).parent().addClass(active_class);
187
188        var charClass = $(this).parent().attr('id');
189        $('html').addClass(charClass);
190
191        return false;
192    });
193
194    // news タブ切り替え(top)
195    var tab_data = $('.blockTopNews');
196    var navs = tab_data.find('.newsCategory li');
197    var contents = tab_data.find('.wrapNews');
198
199    //.navs liにid付与。
200    navs.each(function() {
201        var numNav = navs.index(this);
202        numNav++;
203        $(this).attr('id','tab' + numNav);
204        if(numNav == 1) {
205            $(this).addClass(active_class);
206        }
207    });
208
209    //.content-tabs divにid付与
210    contents.each(function() {
211        var numContents = contents.index(this);
212        numContents++;
213        $(this).attr('id','content' + numContents);
214        if(numContents == 1) {
215            $(this).addClass(active_class);
216        }
217    });
218
219    //トリガー設定
220    navs.find('a').click(function(){
221        //今ある.currentを外す
222        tab_data.find('.current').removeClass(active_class);
223
224        //クリックしたaを含むliに.current付与。同じナンバリングの#contentにも。
225        $(this).parent().addClass(active_class);
226        var numInd = navs.find('a').index(this);
227        numInd++;
228        $(this).parents().find('#content'+(numInd)).addClass(active_class);
229
230        var curWW = $(window).width();
231        if(curWW >= 767){
232            hlNewsIfrm();
233        }
234
235        return false;
236    });
237
238    // news タブ切り替え(グループ会社)
239    var tab_companyGroup = $('#group .contentsMain1col');
240    var navsGroup = tab_companyGroup.find('.groupCategory li');
241    var contentsGroup = tab_companyGroup.find('.wrapGroup');
242
243    //.nav-tabs liにid付与。
244    navsGroup.each(function() {
245        var numNavGroup = navsGroup.index(this);
246        numNavGroup++;
247        $(this).attr('id','tab' + numNavGroup);
248        if(numNavGroup == 1) {
249            $(this).addClass(active_class);
250        }
251    });
252
253    //.content-tabs divにid付与
254    contentsGroup.each(function() {
255        var numContentsGroup = contentsGroup.index(this);
256        numContentsGroup++;
257        $(this).attr('id','content' + numContentsGroup);
258        if(numContentsGroup == 1) {
259            $(this).addClass(active_class);
260        }
261    });
262
263    //トリガー設定
264    navsGroup.click(function(){
265        //今ある.currentを外す
266        tab_companyGroup.find('.current').removeClass(active_class);
267
268        //クリックしたaを含むliに.current付与。同じナンバリングの#contentにも。
269        $(this).addClass(active_class);
270        var numIndGroup = navsGroup.index(this);
271        numIndGroup++;
272        $(this).parents().find('#content'+(numIndGroup)).addClass(active_class);
273
274        return false;
275    });
276
277    // news タブ切り替え(用語集)
278    var tab_Glossary = $('#glossary .contentsMain1col');
279    var navsGlossary = tab_Glossary.find('.groupCategory li');
280    var contentsGlossary = tab_Glossary.find('.wrapGroup');
281
282    //.nav-tabs liにid付与。
283    navsGlossary.each(function() {
284        var numNavGlossary = navsGlossary.index(this);
285        numNavGlossary++;
286        $(this).attr('id','tab' + numNavGlossary);
287        if(numNavGlossary == 1) {
288            $(this).addClass(active_class);
289        }
290    });
291
292    //.content-tabs divにid付与
293    contentsGlossary.each(function() {
294        var numContentsGlossary = contentsGlossary.index(this);
295        numContentsGlossary++;
296        $(this).attr('id','content' + numContentsGlossary);
297        if(numContentsGlossary == 1) {
298            $(this).addClass(active_class);
299        }
300    });
301
302    //トリガー設定
303    navsGlossary.click(function(){
304        //今ある.currentを外す
305        tab_Glossary.find('.current').removeClass(active_class);
306
307        //クリックしたaを含むliに.current付与。同じナンバリングの#contentにも。
308        $(this).addClass(active_class);
309        var numIndGlossary = navsGlossary.index(this);
310        numIndGlossary++;
311        $(this).parents().find('#content'+(numIndGlossary)).addClass(active_class);
312
313        return false;
314    });
315
316    // タブ切り替え(安全取組) add by MBS Suzuki 2018.01.05
317    var tab_Safety = $('#safety .contentsMain1col');
318    var navsSafety = tab_Safety.find('.safetyPlan li');
319    var contentsSafety = tab_Safety.find('.wrapPlan');
320    var safetyPage = $('.safetyLink li a');
321
322    //.nav-tabs liにid付与。
323    navsSafety.each(function() {
324        var numNavSafety = navsSafety.index(this);
325        numNavSafety++;
326        $(this).attr('id','tab' + numNavSafety);
327        if(numNavSafety == 1) {
328            $(this).addClass(active_class);
329        }
330    });
331
332    //.content-tabs divにid付与
333    contentsSafety.each(function() {
334        var numContentsSafety = contentsSafety.index(this);
335        numContentsSafety++;
336        $(this).attr('id','content' + numContentsSafety);
337        if(numContentsSafety == 1) {
338            $(this).addClass(active_class);
339        }
340    });
341
342    //トリガー設定
343    navsSafety.click(function(){
344        //今ある.currentを外す
345        tab_Safety.find('.current').removeClass(active_class);
346
347        //クリックしたaを含むliに.current付与。同じナンバリングの#contentにも。
348        $(this).addClass(active_class);
349        var numIndSafety = navsSafety.index(this);
350        numIndSafety++;
351        $(this).parents().find('#content'+(numIndSafety)).addClass(active_class);
352        return false;
353    });
354
355    safetyPage.click(function(){
356        var tabNum = $(this).attr('href').slice(5) - 1;
357        tab_Safety.find('.current').removeClass(active_class);
358        contentsSafety.eq(tabNum).addClass(active_class);
359        navsSafety.eq(tabNum).addClass(active_class);
360        $('body,html').delay(0).animate({scrollTop: 0}, 650);
361    return false;
362    });
363
364    // heightLine
365    //トップページ リンクリスト
366    $('.blockContentsLinks .listLink').heightLine({
367        minWidth:767
368    });
369    //トップページ ニュース、本日の金価格
370    // if($('body').hasClass('home')){
371    if($('body').is('#index.home')){
372        var curWW = $(window).width();
373        if(curWW >= 767){
374            hlNewsIfrm();
375        }
376    }
377
378    //カテゴリートップ
379    $('.categoryTopList .catLead').heightLine({
380        minWidth:767
381    });
382    $('.categoryTopList .listLink').heightLine({
383        minWidth:767
384    });
385    $('.categoryTopList .unitCol1,.categoryTopList .unitCol2').heightLine({
386        minWidth:767
387    });
388
389    // carousel
390    $('.carouselItem').slick({
391        autoplay: true,
392        centerMode: true,
393        variableWidth: true,
394        arrows: true,
395        dots: true,
396        responsive: [{
397            breakpoint: 767,
398            settings: {
399                centerMode: false,
400                variableWidth: false
401            }
402        }]
403
404    });
405
406    // 総合案内動画版
407		$('a.modal_open_custom1').fancybox({
408			autoSize:false,
409			width:"980",
410			height:"530",
411			scrolling:"no"
412		}); 
413
414    // 一人ひとりの目指す姿掲載動画
415		$('a.modal_open_mezasu').fancybox({
416			width:"1280",
417			height:"720",
418			scrolling:"no"
419		}); 
420
421    // 企業広告動画版
422		$('a.modal_open_custom2').fancybox({
423			autoSize:false,
424			width:"720",
425			height:"413",
426			scrolling:"no"
427		}); 
428
429    // 環境エネルギー事業ページ紹介動画
430		$('a.modal_open_custom3').fancybox({
431			autoSize:false,
432			width:"600",
433			height:"413",
434            scrolling:"no",
435            protect:true,
436            keyboard:false
437		}); 
438
439    // 2015.0308 リリース用動画版
440		$('a.modal_open_pr160308').fancybox({
441			autoSize:false,
442			width:"718",
443			height:"404",
444			scrolling:"no",
445        	content: '<video controls src="/corporate/ja/news/press/2016/media/mpg/mv1020-demo-2.mp4" width="718px" height="404px"></video>'
446		}); 
447
448    // 2016.0426 貴金属CM用動画版
449		$('a.modal_open_pr160426_gold').fancybox({
450			autoSize:false,
451			width:"720",
452			height:"405",     
453			scrolling:"no",
454        content: '<video controls src="/corporate/ja/news/press/2016/media/mpg/mv160426_gold.mp4" width="720px" height="405px" onplay="dataLayer.push({\'category\':\'video\',\'action\':\'gtm-tag\',\'label\':\'gold\',\'event\':\'videoPlay\'});"></video>'
455		});  
456
457    // 2016.0426 日経CNBC用動画版
458		$('a.modal_open_pr160426_cnbc').fancybox({
459			autoSize:false,
460			width:"720",
461			height:"405",
462			scrolling:"no",
463        	content: '<video controls src="/corporate/ja/news/press/2016/media/mpg/mv160426_cnbc.mp4" width="720px" height="405px" onplay="dataLayer.push({\'category\':\'video\',\'action\':\'gtm-tag\',\'label\':\'cnbc\',\'event\':\'videoPlay\'});"></video>'
464		});
465
466    // 画像拡大表示(決算短信 サムネールあり)
467    $('.imgLink a').fancybox({
468        maxWidth:'95%',
469        fitToView:false,
470        prevEffect  : 'none',
471        nextEffect  : 'none',
472        helpers: {
473            buttons: {},
474            thumbs: { width: 50, height: 71}
475        }
476    });
477
478    // 画像拡大表示(ルーツをたどる)
479    $('#roots .unitPic a').fancybox({
480        maxWidth:'95%',
481        fitToView:false
482    });
483    $('.imgLink2 a').fancybox({
484        maxWidth:'95%',
485        fitToView:false
486    });
487
488    // コンテンツモーダル
489    $('.modalLink a').fancybox({
490        maxWidth: '648px'
491    });
492    // コンテンツモーダル
493    $('.modal_open a').fancybox();
494
495    $('a.modal_open').fancybox();
496
497
498    // 創業年順ソート(ルーツをたどる)
499    var rootsSecList = $('#roots [id^=sec]');
500    var rootsWrap = $('#roots .contentsMain1col');
501
502    $('#ascend').click(function () {
503          var newListAsc = rootsSecList.sort(function(a, b) {
504              return a.getAttribute("data-since") - b.getAttribute("data-since");
505          });
506          rootsWrap.prepend(newListAsc);
507          return false;
508      });
509
510    $('#descend').click(function () {
511          var newListDesc = rootsSecList.sort(function(a, b) {
512              return b.getAttribute("data-since") - a.getAttribute("data-since");
513          });
514          rootsWrap.prepend(newListDesc);
515          return false;
516      });
517
518    // Remove Link to Current Page -add on 2016.10.25 by MBS Suzuki-
519	var link = location.href.split('#')[0];
520	$('a').each(function() {
521		if(link == this.href) 
522			$(this).css('cursor', 'default').addClass("current-page").removeAttr('href').click(function(){
523				return false;
524			});
525	});
526
527    // 2021-0527 IR株主総会、表示・非表示切換え
528/*
529	var stockMain_display1;
530    var stockMain_display2;
531  stockMain_display1 = document.getElementsByClassName("s_eirBlock");
532	stockMain_display2 = document.getElementsByClassName("eir_pdfTxt");
533
534    if(element.classList.contains('s_eirBlock') == true ){
535        stockMain_display1.classList.add("eir_pdfNote_disNone");
536    }
537*/
538
539	//	2018-1218 IR改修 IRカレンダー セレクトボックス kurakami
540	$('#calender.ir .selectArea .secWrap:not(:first-of-type)').addClass('hide');
541	$('#calender.ir .selectBtn select').on('change', function(){
542	  var area = $(this).children(':selected').text();
543	  $('#calender.ir .selectArea .secWrap').each(function(){
544		$(this).addClass('hide');
545		if(area == '全て'){
546		  $(this).removeClass('hide');
547		}else if($(this).children('h3').html().match(area)){
548		  $(this).removeClass('hide');
549		}
550	  });
551	});
552$('#ir.news .secWrap:not(#year2021)').addClass('hide');
553	$('#ir.news .selectBtn select').on('change', function(){
554		var area = $(this).children(':selected').text();
555		$('.secWrap').each(function(){
556		$(this).addClass('hide');
557			if(area == '全て'){
558				$(this).removeClass('hide');
559			}else if($(this).children('h2').html().match(area)){
560				$(this).removeClass('hide');
561			}
562		});
563	});
564	$('#ir.news .listNav li').on('click', function(){
565		$('#ir.news .listNav li').removeClass('current');
566		$(this).addClass('current');
567		var area = $('#ir.news .listNav li.current').text();
568		$('#ir.news .newsList2 li').each(function(){
569			$(this).addClass('hide');
570			if(area == '一覧'){
571				$(this).removeClass('hide');
572			}else if(area == '決算'){
573				$(this).has('span:not(.new) img[alt*="決算"]').removeClass('hide');
574			}else if(area == '経営'){
575				$(this).has('span:not(.new) img[alt*="経営"]').removeClass('hide');
576			}else if(area == 'その他'){
577				$(this).has('span:not(.new) img[alt="その他"]').removeClass('hide');
578			}
579		});
580	});
581});
582
583
584//2023.07 産業編集センター追加(ourcommitment.html,strategy2030.html)
585
586// mvAnime
587
588// 画面幅変えたらリロードする
589$(function(){
590    var timer = false;
591    var prewidth = $(window).width();
592    $(window).resize(function() {
593    if (timer !== false) {
594    clearTimeout(timer);
595    }
596    timer = setTimeout(function() {
597    var nowWidth = $(window).width();
598    if(prewidth !== nowWidth){
599    // リロード
600    location.reload();
601    }
602    prewidth = nowWidth;
603    }, 200);
604    });
605    });
606
607
608  // PCとSPの切り替え条件
609
610  const mediaQuery = window.matchMedia('(min-width: 768px)');
611  const mediaQuery02 = window.matchMedia('(max-width: 994px)');
612
613
614  // リサイズ時の処理
615  function handleResize() {
616    if (mediaQuery.matches) {
617      // PCの処理
618
619      $(window).on('beforeunload', function () {
620        $(window).scrollTop(0);
621        video.load();
622      });
623
624      window.onload = function () {
625        // ページの一番上にスクロールする
626        window.scrollTo(0, 0);
627
628        const spinner = document.getElementById('loading');
629        const anime = document.getElementById('mvAnime');
630        const mvAnimeText = document.getElementById('mvAnimeText');
631        spinner.classList.add('loaded');
632        anime.classList.add('fadeInUp');
633        mvAnimeText.classList.add('fadeInUp02');
634
635        let mvAnime = document.getElementById("mvAnime");
636        // let openingAnime = document.getElementById("openingAnime");
637        let mvAnimeReadyFlag = false;
638        let openingReadyFlag = false;
639        let openingAnimePlayedFlag = false;
640
641        mvAnime.addEventListener('canplaythrough', function (e) {
642          mvAnimeReadyFlag = true;
643          if (openingReadyFlag && !openingAnimePlayedFlag) {
644            // openingAnime.play();
645            openingAnimePlayedFlag = true;
646            setTimeout(function () {
647              // openingAnime.style.opacity = 0;
648              mvAnime.style.opacity = 1;
649              mvAnime.play();
650            }, 4750);
651          }
652        });
653        mvAnime.load();
654      }
655
656
657        let videoPositionFlag = true;
658        window.addEventListener('scroll', function () {
659
660        // sec02のtext
661
662        let title02 = document.getElementById('title02');
663        let heading02 = document.getElementById('heading02');
664        let text02 = document.getElementById('text02');
665        let more02 = document.getElementById('more02');
666        let desc = document.getElementById('desc');
667
668
669        let dateBg = document.getElementById('dateBg');
670        let dateBg02 = document.getElementById('dateBg02');
671        let dateText01 = document.getElementById('dateText01');
672        let dateText02 = document.getElementById('dateText02');
673        let dateText03 = document.getElementById('dateText03');
674
675        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
676
677
678
679
680        if (scrollTop >= 50) {
681
682        // 400px以上のスクロール位置の場合の処理
683        dateBg.style.opacity = 1;
684
685
686        } else {
687
688          // 400px未満のスクロール位置の場合の処理
689
690          dateBg.style.opacity = 0;
691          dateBg02.style.opacity = 0;
692        }
693
694        if (scrollTop >= 350) {
695          dateBg02.style.opacity = 1;
696
697        } else {
698
699        }
700
701        if (scrollTop >= 400) {
702          dateText01.style.opacity = 1;
703
704        } else {
705          dateText01.style.opacity = 0;
706        }
707
708        if (scrollTop >= 450) {
709          dateText02.style.opacity = 1;
710          title02.style.opacity = 1;
711          heading02.style.opacity = 1;
712          text02.style.opacity = 1;
713          more02.style.opacity = 1;
714          desc.style.opacity = 1;
715
716
717        } else {
718          dateText02.style.opacity = 0;
719          title02.style.opacity = 0;
720          heading02.style.opacity = 0;
721          text02.style.opacity = 0;
722          more02.style.opacity = 0;
723          desc.style.opacity = 0;
724        }
725
726        if (scrollTop >= 500) {
727          dateText03.style.opacity = 1;
728
729        } else {
730          dateText03.style.opacity = 0;
731        }
732
733
734      });
735
736        if (mediaQuery02.matches) {
737            let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
738
739        if (scrollTop >= 400) {
740
741          // 400px以上のスクロール位置の場合の処理
742          // 動画の位置調整
743          if (videoPositionFlag == true) {
744            let element = document.getElementById('mvAnime');
745            let elementRect = element.getBoundingClientRect();
746            let elementTop = elementRect.top;
747            videoContainer.style.position = 'absolute';
748            videoContainer.style.top = (elementTop + scrollTop - 63) + 'px';
749            // videoContainer02.style.position = 'absolute';
750            // videoContainer02.style.top = (elementTop + scrollTop - 84.91) + 'px';
751            videoPositionFlag = false;
752          }
753
754          // sec01のテキストをabsoluteに
755          mvAnimeText.style.position = 'absolute';
756          mvAnimeText.style.top = '35%';
757          mvAnimeText.style.transform = 'translateY(-35%)';
758
759          dateBg.style.opacity = 1;
760
761
762        } else {
763
764
765          videoPositionFlag = true;
766
767          dateBg.style.opacity = 0;
768          dateBg02.style.opacity = 0;
769        }
770      }
771
772      $(document).ready(function () {
773        $('html,body').animate({ scrollTop: 0 }, '1');
774      });
775
776
777    } else {
778      // SPの処理
779      $(window).on('beforeunload', function () {
780        $(window).scrollTop(0);
781      });
782
783      window.onload = function () {
784        // ページの一番上にスクロールする
785        window.scrollTo(0, 0);
786
787        const spinner = document.getElementById('loading');
788        spinner.classList.add('loaded');
789
790        var video = document.getElementById("mvAnimeSp");
791        var loopStart = 6; // ループ再生する範囲の開始時間(秒)
792        var loopEnd = 10; // ループ再生する範囲の終了時間(秒)
793
794      video.addEventListener('timeupdate', function() {
795        if (video.currentTime >= loopEnd) {
796          video.currentTime = loopStart; // ループ再生する範囲の開始時間に戻る
797        }
798      });
799
800
801        let mvAnimeSp = document.getElementById("mvAnimeSp");
802        let openingAnimeSp = document.getElementById("openingAnimeSp");
803        let mvAnimeReadyFlag = false;
804        let openingReadyFlag = false;
805        let openingAnimePlayedFlag = false;
806
807        mvAnimeSp.addEventListener('canplaythrough', function (e) {
808        mvAnimeReadyFlag = true;
809        if (openingReadyFlag && !openingAnimePlayedFlag) {
810          openingAnimeSp.play();
811          openingAnimePlayedFlag = true;
812          setTimeout(function () {
813            openingAnimeSp.style.opacity = 0;
814            mvAnimeSp.style.opacity = 1;
815            mvAnimeSp.play();
816          }, 4750);
817        }
818      });
819      mvAnimeSp.load();
820
821          if (openingAnimeSp) {
822            openingAnimeSp.addEventListener('canplaythrough', function (e) {
823                openingReadyFlag = true;
824                if (mvAnimeReadyFlag && !openingAnimePlayedFlag) {
825                  openingAnimeSp.play();
826                  openingAnimePlayedFlag = true;
827                  setTimeout(function () {
828                    openingAnimeSp.style.opacity = 0;
829                    mvAnimeSp.style.opacity = 1;
830                    mvAnimeSp.play();
831                  }, 4750);
832                }
833              });
834              openingAnimeSp.load();
835        }
836    }
837
838
839
840
841      window.addEventListener('scroll', function () {
842        let dateBgSp = document.getElementById('dateBgSp');
843        let dateBg02Sp = document.getElementById('dateBg02Sp');
844        let dateText01Sp = document.getElementById('dateText01Sp');
845        let dateText02Sp = document.getElementById('dateText02Sp');
846        let dateText03Sp = document.getElementById('dateText03Sp');
847        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
848
849        if (scrollTop >= 400) {
850
851          dateBgSp.style.opacity = 1;
852
853        } else {
854
855          dateBgSp.style.opacity = 0;
856          dateBg02Sp.style.opacity = 0;
857        }
858
859        if (scrollTop >= 600) {
860          dateBg02Sp.style.opacity = 1;
861
862        } else {
863
864        }
865
866        if (scrollTop >= 650) {
867          dateText01Sp.style.opacity = 1;
868
869        } else {
870          dateText01Sp.style.opacity = 0;
871        }
872
873        if (scrollTop >= 700) {
874          dateText02Sp.style.opacity = 1;
875
876        } else {
877          dateText02Sp.style.opacity = 0;
878        }
879
880        if (scrollTop >= 750) {
881          dateText03Sp.style.opacity = 1;
882
883        } else {
884          dateText03Sp.style.opacity = 0;
885        }
886      });
887    }
888  }
889
890  // 初回読み込み時とリサイズ時のイベントを設定
891  window.addEventListener('DOMContentLoaded', handleResize);
892  window.addEventListener('resize', handleResize);
893
894
895
896
897// process
898$(window).on("load resize", function () {
899    let w = $(window).width();
900    if (w <= 768) {
901    } else {
902      $(document).ready(function () {
903        $(".btn.btn01").click(function () {
904          $("#process01").addClass("is-active");
905          $(
906            "#process02, #process03, #process04, #process05, #process06, #process07"
907          ).removeClass("is-active");
908        });
909        $("#link01").click(function () {
910          $("#process02").addClass("is-active");
911          $(
912            "#process01,#process03, #process04, #process05, #process06, #process07"
913          ).removeClass("is-active");
914        });
915
916        $(".btn.btn02").click(function () {
917          $("#process02").addClass("is-active");
918          $(
919            "#process01, #process03, #process04, #process05, #process06, #process07"
920          ).removeClass("is-active");
921        });
922
923        $("#link02").click(function () {
924          $("#process03").addClass("is-active");
925          $(
926            "#process01, #process02, #process04, #process05, #process06, #process07"
927          ).removeClass("is-active");
928        });
929
930        $(".btn.btn03").click(function () {
931          $("#process03").addClass("is-active");
932          $(
933            "#process01, #process02, #process04, #process05, #process06, #process07"
934          ).removeClass("is-active");
935        });
936        $("#link03").click(function () {
937          $("#process04").addClass("is-active");
938          $(
939            "#process01, #process02, #process03, #process05, #process06, #process07"
940          ).removeClass("is-active");
941        });
942
943        $(".btn.btn04").click(function () {
944          $("#process04").addClass("is-active");
945          $(
946            "#process01, #process02, #process03, #process05, #process06, #process07"
947          ).removeClass("is-active");
948        });
949        $("#link04").click(function () {
950          $("#process05").addClass("is-active");
951          $(
952            "#process01, #process02, #process03, #process04, #process06, #process07"
953          ).removeClass("is-active");
954        });
955
956        $(".btn.btn05").click(function () {
957          $("#process05").addClass("is-active");
958          $(
959            "#process01, #process02, #process03, #process04, #process06, #process07"
960          ).removeClass("is-active");
961        });
962        $("#link05").click(function () {
963          $("#process06").addClass("is-active");
964          $(
965            "#process01, #process02, #process03, #process04, #process05, #process07"
966          ).removeClass("is-active");
967        });
968
969        $(".btn.btn06").click(function () {
970          $("#process06").addClass("is-active");
971          $(
972            "#process01, #process02, #process03, #process04, #process05, #process07"
973          ).removeClass("is-active");
974        });
975        $("#link06").click(function () {
976          $("#process07").addClass("is-active");
977          $(
978            "#process01, #process02, #process03, #process04, #process05, #process06"
979          ).removeClass("is-active");
980        });
981
982        $(".btn.btn08").click(function () {
983          $("#process07").addClass("is-active");
984          $(
985            "#process01, #process02, #process03, #process04, #process05, #process06"
986          ).removeClass("is-active");
987        });
988        $("#link07").click(function () {
989          $("#process01").addClass("is-active");
990          $(
991            "#process02, #process03, #process04, #process05 , #process06, #process07"
992          ).removeClass("is-active");
993        });
994      });
995    }
996  });
997
998
999//   tap
1000document.addEventListener('DOMContentLoaded', function () {
1001    const tap = document.querySelector('.tap');
1002    const energie = document.querySelector('.energieTap');
1003    const close = document.querySelector('.energieTapClose');
1004
1005    if (tap) {
1006        tap.addEventListener('click', () => {
1007            energie.classList.add('is-tap');
1008        });
1009    }
1010
1011    if (close) {
1012        close.addEventListener('click', () => {
1013            energie.classList.remove('is-tap');
1014          });
1015    }
1016  });

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.