https://sunmerrys.co.jp/js/script.js

1(function ($) {
2    'use strict'
3
4    /* Mobile Menu */
5    var app = {
6        dropdown: function () {
7            $('.drop-nav-arrow').on('click', function () {
8                if (!$(this).parent().hasClass('open')) {
9                    $(this).parent().addClass('open');
10                    $(this).parent().find('> .drop-nav').slideDown();
11                } else {
12                    $(this).parent().removeClass('open');
13                    $(this).parent().find('> .drop-nav').slideUp();
14                }
15            });
16        }
17    }
18
19    $(document).ready(function () {
20        $('.language-menu .current-lang').on('click', function () {
21            $('.language-menu').toggleClass('active');
22            $('.language-menu ul').toggle();
23        });
24
25        $('.search-part > a').on('click', function () {
26            $('.search-part').toggleClass('active');
27            $('.search-part .search-box').slideToggle();
28            return false;
29        });
30
31        $('.scroll').on('click', function () {
32            $("html, body").animate({
33                scrollTop: $('#reach-to').offset().top
34            }, 2000);
35            return false;
36        });
37
38        $(".menu-icon a").on('click', function (e) {
39            if ($(this).hasClass('open')) {
40                $(this).removeClass('open');
41                $('.menu-main').removeClass('open');
42            } else {
43                $(this).addClass('open');
44                $('.menu-main').addClass('open');
45            }
46            return false;
47        });
48
49        $('.menu-icon a').on('click', function () {
50            $('body').toggleClass('hidden-body');
51        });
52
53        $('.icon-find').on('click', function () {
54            $('.location-footer-map').addClass('location-open');
55            return false;
56        });
57
58        $('.icon-find-location').on('click', function () {
59            $('.location-footer-map').removeClass('location-open');
60            return false;
61        });
62
63        $('.date-pick').datepicker()
64    });
65
66    $(window).on('load', function () {
67        initComponents();
68
69        $('.menu-main ul li').each(function () {
70            if ($(this).find('.drop-nav').length) {
71                $(this).append('<span class="drop-nav-arrow"><i class="fa fa-angle-down"></i></span>')
72            }
73        });
74        app.dropdown();
75
76        equalheight('.equal-inset');
77        equalheight('.chef-blog');
78        equalheight('.menu-sector-list');
79        equalheight('.shop-main-list');
80        equalheight('.chef-member');
81
82        headerFix();
83
84        $('#pre-loader').delay(1000).fadeOut();
85
86    });
87
88    $(window).on('resize', function () {
89        initComponents();
90        equalheight('.equal-inset');
91        equalheight('.chef-blog');
92        equalheight('.menu-sector-list');
93        equalheight('.shop-main-list');
94        equalheight('.chef-member');
95    });
96
97    $('.move-top').on('click', function () {
98        $("html, body").animate({ scrollTop: 0 }, 600);
99        return false;
100    });
101
102    $('.top-arrow').on('click', function () {
103        $("html, body").animate({ scrollTop: 0 }, 600);
104        return false;
105    });
106
107    $(window).on('scroll', function () {
108        headerFix();
109
110        if ($(this).scrollTop() > 500) {
111            $('.top-arrow').fadeIn();
112        } else {
113            $('.top-arrow').fadeOut();
114        }
115        return false;
116    });
117
118    function initComponents() {
119        initBg();
120    }
121
122    function initBg() {
123        $('.banner-bg').each(function () {
124            var background = $(this).data('background');
125            $(this).css('background-image', 'url("' + background + '")');
126        });
127    }
128
129})(jQuery);
130
131
132$(document).on('ready', function () {
133
134    // Check map is available
135    if ($('.map-outer').length > 0) {
136        $('#map').height($(window).height());
137    } else {
138        $('#map').height('600px');
139    }
140
141    // Initialize google map
142    var map;
143
144    function initialize() {
145        // Set google map property
146        var myCenter = new google.maps.LatLng(40.7127837, -74.00594130000002);
147        var mapProp = {

148            center: myCenter,
149            zoom: 11,
150            scrollwheel: false,
151            mapTypeId: google.maps.MapTypeId.ROADMAP,
152            styles: [{ "featureType": "administrative.locality", "elementType": "labels", "stylers": [{ "visibility": "on" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.fill", "stylers": [{ "color": "#000000" }, { "visibility": "on" }] }, { "featureType": "administrative.locality", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }, { "weight": "0.75" }] }, { "featureType": "landscape.natural", "elementType": "geometry.fill", "stylers": [{ "visibility": "on" }, { "color": "#ded7c6" }] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [{ "visibility": "on" }, { "color": "#ded7c6" }] }, { "featureType": "road", "elementType": "geometry", "stylers": [{ "lightness": 100 }, { "visibility": "simplified" }] }, { "featureType": "road", "elementType": "labels", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [{ "visibility": "on" }, { "lightness": 700 }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#c3a866" }] }, { "featureType": "water", "elementType": "labels", "stylers": [{ "visibility": "off" }] }]
153        };
154        var map = new google.maps.Map(document.getElementById("map"), mapProp);
155
156        // Set google map marker
157        var marker = new google.maps.Marker({
158            position: myCenter,
159            icon: 'images/map_marker.png'
160        });
161        marker.setMap(map);
162
163        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
164            map.setOptions({ 'draggable': false });
165        }
166    }
167    // Check google map ID is available or not
168    if (document.getElementById('map') != null) {
169        google.maps.event.addDomListener(window, 'load', initialize);
170    }
171
172    // Check map is available
173    if ($('.footer-map-outer').length > 0) {
174        $('#footer-map').height('445px');
175    }
176
177    if ($('.footer-map-outer1').length > 0) {
178        $('#footer-map').height('300px');
179    }
180
181    if ($('.footer-map-outer2').length > 0) {
182        $('#footer-map').height('334px');
183    }
184
185    // Initialize Footer google map
186    var map;
187
188    function footer_map_initialize() {
189        // Set google map property
190        var myCenter = new google.maps.LatLng(40.7127837, -74.00594130000002);
191        var mapProp = {
192            center: myCenter,
193            zoom: 11,
194            scrollwheel: false,
195            mapTypeId: google.maps.MapTypeId.ROADMAP,
196            styles: [{ "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f2f2f2" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#46bcec" }, { "visibility": "on" }] }]
197        };
198        var map = new google.maps.Map(document.getElementById("footer-map"), mapProp);
199
200        // Set google map marker
201        var marker = new google.maps.Marker({
202            position: myCenter,
203            icon: 'images/map_marker.png'
204        });
205        marker.setMap(map);
206
207        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
208            map.setOptions({ 'draggable': false });
209        }
210    }
211
212    if (document.getElementById('footer-map') != null) {
213        google.maps.event.addDomListener(window, 'load', footer_map_initialize);
214    }
215
216    $('.icon-find').on('click', footer_map_initialize);
217
218    // Send mail to company
219    $(".alert-container").hide();
220    $("form[name='contact-form']").on('submit', function (e) {
221        e.preventDefault();
222        var url = "functions.php"; // the script where you handle the form input.
223        var thisForm = $(this);
224        var btnValue = $(this).find(".send_message").attr('value');
225        $(this).find(".send_message").attr('value', 'SUBMITTING...');
226        $(this).find(".send_message").attr('disabled', 'disabled');
227        $.ajax({
228            type: "POST",
229            url: url,
230            data: thisForm.serialize(), // serializes the form's elements.
231            success: function (data) {
232                // show response from the php script.
233                $(".alert-container").html(data);
234                $(".alert-container").show();
235                thisForm.trigger("reset");
236                thisForm.find(".send_message").attr('value', btnValue);
237                thisForm.find(".send_message").removeAttr('disabled');
238                $(".alert .close").on('click', function () {
239                    $(".alert-container").hide();
240                });
241            }
242        });
243        return false; // avoid to execute the actual submit of the form.
244    });
245
246});
247
248function headerFix() {
249
250    var window_height = $(window).height(),
251        document_height = $(document).height(),
252        topPos = $(document).scrollTop(),
253        header_height = $('header-part').height();
254
255    if (topPos > header_height) {
256        if ((window_height < document_height) && $('.header-part').hasClass('sticky')) {
257            $('.header-part').addClass('sticky-fixed');
258        }
259    } else {
260        $('.header-part').removeClass('sticky-fixed');
261    }
262}
263
264/* Equal height div for dynamic generated by js */
265
266equalheight = function (container) {
267
268    var currentTallest = 0,
269        currentRowStart = 0,
270        rowDivs = new Array(),
271        $el,
272        topPosition = 0;
273    $(container).each(function () {
274
275        $el = $(this);
276        $($el).height('auto')
277        topPostion = $el.position().top;
278
279        if (currentRowStart != topPostion) {
280            for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
281                rowDivs[currentDiv].height(currentTallest);
282            }
283            rowDivs.length = 0; // empty the array
284            currentRowStart = topPostion;
285            currentTallest = $el.height();
286            rowDivs.push($el);
287        } else {
288            rowDivs.push($el);
289            currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
290        }
291        for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
292            rowDivs[currentDiv].height(currentTallest);
293        }
294    });
295}
296
297
298// 20210731_追加
299
300//グロナビのスムーススクロール
301$(function () {
302    $('a[href^="#_"]').click(function () {
303        var adjust = 60;
304        var speed = 300;
305        var href = $(this).attr("href");
306        var target = $(href == "#_" || href == "" ? 'html' : href);
307        var position = target.offset().top - adjust;
308        $('body,html').animate({ scrollTop: position }, speed, 'swing');
309        return false;

310    });
311    $('.menu-icon a').on('click', function () {
312        $('#mCSB_1_container li a').click(function (event) {
313            $('.menu-icon a').trigger('click');
314        });
315    })
316});
317
318// 独自のタブメニューの記述追加
319$(function () {
320    const productMenuBtn = document.querySelectorAll('.product-menu-btn');
321    const productList = document.querySelectorAll('.product-list');
322
323    for (let i = 0; i < productMenuBtn.length; i++) {
324        productMenuBtn[i].addEventListener('click', function () {
325            productMenuBtn.forEach(function (item) {
326                item.classList.remove('current');
327            })
328            productMenuBtn[i].classList.add('current');
329            productList.forEach(function (item) {
330                item.classList.remove('show');
331            })
332            productList[i].classList.add('show');
333        })
334    }
335});
336
337//個人情報保護方針のモーダル
338$(function () {
339    $('#openModal01').click(function () {
340        $('#modalArea01').fadeIn();
341        scrollPosition = $(window).scrollTop();
342        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
343    });
344    $('#closeModal01 , #rr_closeModal, #modalBg01').click(function () {
345        $('#modalArea01').fadeOut();
346        $("body").removeClass("is-fixed")
347        window.scrollTo(0, scrollPosition)
348    });
349});
350
351//採用のモーダル
352$(function () {
353    $('#openModal100').click(function () {
354        $('#modalArea100').fadeIn();
355        scrollPosition = $(window).scrollTop();
356        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
357    });
358    $('#closeModal100 , #rr_closeModal, #modalBg100').click(function () {
359        $('#modalArea100').fadeOut();
360        $("body").removeClass("is-fixed")
361        window.scrollTo(0, scrollPosition)
362    });
363});
364
365//サンメリーのはじまりのモーダル
366$(function () {
367    $('#openModal02').click(function () {
368        $('#modalArea02').fadeIn();
369        scrollPosition = $(window).scrollTop();
370        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
371    });
372    $('#closeModal02 , #rr_closeModal, #modalBg02').click(function () {
373        $('#modalArea02').fadeOut();
374        $("body").removeClass("is-fixed")
375        window.scrollTo(0, scrollPosition)
376    });
377    $('#openModal03').click(function () {
378        $('#modalArea03').fadeIn();
379        scrollPosition = $(window).scrollTop();
380        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
381    });
382    $('#closeModal03 , #rr_closeModal, #modalBg03').click(function () {
383        $('#modalArea03').fadeOut();
384        $("body").removeClass("is-fixed")
385        window.scrollTo(0, scrollPosition)
386    });
387    $('#openModal04').click(function () {
388        $('#modalArea04').fadeIn();
389        scrollPosition = $(window).scrollTop();
390        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
391    });
392    $('#closeModal04 , #rr_closeModal, #modalBg04').click(function () {
393        $('#modalArea04').fadeOut();
394        $("body").removeClass("is-fixed")
395        window.scrollTo(0, scrollPosition)
396    });
397    $('#openModal05').click(function () {
398        $('#modalArea05').fadeIn();
399        scrollPosition = $(window).scrollTop();
400        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
401    });
402    $('#closeModal05 , #rr_closeModal, #modalBg05').click(function () {
403        $('#modalArea05').fadeOut();
404        $("body").removeClass("is-fixed")
405        window.scrollTo(0, scrollPosition)
406    });
407    $('#openModal06').click(function () {
408        $('#modalArea06').fadeIn();
409        scrollPosition = $(window).scrollTop();
410        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
411    });
412    $('#closeModal06 , #rr_closeModal, #modalBg06').click(function () {
413        $('#modalArea06').fadeOut();
414        $("body").removeClass("is-fixed")
415        window.scrollTo(0, scrollPosition)
416    });
417    $('#openModal07').click(function () {
418        $('#modalArea07').fadeIn();
419        scrollPosition = $(window).scrollTop();
420        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
421    });
422    $('#closeModal07 , #rr_closeModal, #modalBg07').click(function () {
423        $('#modalArea07').fadeOut();
424        $("body").removeClass("is-fixed")
425        window.scrollTo(0, scrollPosition)
426    });
427    $('#openModal08').click(function () {
428        $('#modalArea08').fadeIn();
429        scrollPosition = $(window).scrollTop();
430        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
431    });
432    $('#closeModal08 , #rr_closeModal, #modalBg08').click(function () {
433        $('#modalArea08').fadeOut();
434        $("body").removeClass("is-fixed")
435        window.scrollTo(0, scrollPosition)
436    });
437    $('#openModal09').click(function () {
438        $('#modalArea09').fadeIn();
439        scrollPosition = $(window).scrollTop();
440        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
441    });
442    $('#closeModal09 , #rr_closeModal, #modalBg09').click(function () {
443        $('#modalArea09').fadeOut();
444        $("body").removeClass("is-fixed")
445        window.scrollTo(0, scrollPosition)
446    });
447});
448
449//商品紹介のモーダル
450$(function () {
451    $('#openModal10').click(function () {
452        $('#modalArea10').fadeIn();
453        scrollPosition = $(window).scrollTop();
454        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
455    });
456    $('#closeModal10 , #rr_closeModal, #modalBg10').click(function () {
457        $('#modalArea10').fadeOut();
458        $("body").removeClass("is-fixed")
459        window.scrollTo(0, scrollPosition)
460    });
461
462    $('#openModal11').click(function () {
463        $('#modalArea11').fadeIn();
464        scrollPosition = $(window).scrollTop();
465        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
466    });
467    $('#closeModal11 , #rr_closeModal, #modalBg11').click(function () {
468        $('#modalArea11').fadeOut();
469        $("body").removeClass("is-fixed")
470        window.scrollTo(0, scrollPosition)
471    });
472
473    $('#openModal12').click(function () {
474        $('#modalArea12').fadeIn();
475        scrollPosition = $(window).scrollTop();
476        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
477    });
478    $('#closeModal12 , #rr_closeModal, #modalBg12').click(function () {
479        $('#modalArea12').fadeOut();
480        $("body").removeClass("is-fixed")
481        window.scrollTo(0, scrollPosition)
482    });
483
484    $('#openModal13').click(function () {
485        $('#modalArea13').fadeIn();
486        scrollPosition = $(window).scrollTop();
487        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
488    });
489    $('#closeModal13 , #rr_closeModal, #modalBg13').click(function () {
490        $('#modalArea13').fadeOut();
491        $("body").removeClass("is-fixed")
492        window.scrollTo(0, scrollPosition)
493    });
494
495    $('#openModal14').click(function () {
496        $('#modalArea14').fadeIn();
497        scrollPosition = $(window).scrollTop();
498        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
499    });
500    $('#closeModal14 , #rr_closeModal, #modalBg14').click(function () {
501        $('#modalArea14').fadeOut();
502        $("body").removeClass("is-fixed")
503        window.scrollTo(0, scrollPosition)
504    });
505
506    $('#openModal15').click(function () {
507        $('#modalArea15').fadeIn();
508        scrollPosition = $(window).scrollTop();
509        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
510    });
511    $('#closeModal15 , #rr_closeModal, #modalBg15').click(function () {
512        $('#modalArea15').fadeOut();
513        $("body").removeClass("is-fixed")
514        window.scrollTo(0, scrollPosition)
515    });
516
517    $('#openModal16').click(function () {
518        $('#modalArea16').fadeIn();
519        scrollPosition = $(window).scrollTop();
520        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
521    });
522    $('#closeModal16 , #rr_closeModal, #modalBg16').click(function () {
523        $('#modalArea16').fadeOut();
524        $("body").removeClass("is-fixed")
525        window.scrollTo(0, scrollPosition)
526    });
527
528    $('#openModal17').click(function () {
529        $('#modalArea17').fadeIn();
530        scrollPosition = $(window).scrollTop();
531        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
532    });
533    $('#closeModal17 , #rr_closeModal, #modalBg17').click(function () {
534        $('#modalArea17').fadeOut();
535        $("body").removeClass("is-fixed")
536        window.scrollTo(0, scrollPosition)
537    });
538
539    $('#openModal18').click(function () {
540        $('#modalArea18').fadeIn();
541        scrollPosition = $(window).scrollTop();
542        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
543    });
544    $('#closeModal18 , #rr_closeModal, #modalBg18').click(function () {
545        $('#modalArea18').fadeOut();
546        $("body").removeClass("is-fixed")
547        window.scrollTo(0, scrollPosition)
548    });
549
550    $('#openModal19').click(function () {
551        $('#modalArea19').fadeIn();
552        scrollPosition = $(window).scrollTop();
553        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
554    });
555    $('#closeModal19 , #rr_closeModal, #modalBg19').click(function () {
556        $('#modalArea19').fadeOut();
557        $("body").removeClass("is-fixed")
558        window.scrollTo(0, scrollPosition)
559    });
560
561    $('#openModal20').click(function () {
562        $('#modalArea20').fadeIn();
563        scrollPosition = $(window).scrollTop();
564        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
565    });
566    $('#closeModal20 , #rr_closeModal, #modalBg20').click(function () {
567        $('#modalArea20').fadeOut();
568        $("body").removeClass("is-fixed")
569        window.scrollTo(0, scrollPosition)
570    });
571
572    $('#openModal21').click(function () {
573        $('#modalArea21').fadeIn();
574        scrollPosition = $(window).scrollTop();
575        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
576    });
577    $('#closeModal21 , #rr_closeModal, #modalBg21').click(function () {
578        $('#modalArea21').fadeOut();
579        $("body").removeClass("is-fixed")
580        window.scrollTo(0, scrollPosition)
581    });
582
583    $('#openModal22').click(function () {
584        $('#modalArea22').fadeIn();
585        scrollPosition = $(window).scrollTop();
586        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
587    });
588    $('#closeModal22 , #rr_closeModal, #modalBg22').click(function () {
589        $('#modalArea22').fadeOut();
590        $("body").removeClass("is-fixed")
591        window.scrollTo(0, scrollPosition)
592    });
593
594    $('#openModal23').click(function () {
595        $('#modalArea23').fadeIn();
596        scrollPosition = $(window).scrollTop();
597        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
598    });
599    $('#closeModal23 , #rr_closeModal, #modalBg23').click(function () {
600        $('#modalArea23').fadeOut();
601        $("body").removeClass("is-fixed")
602        window.scrollTo(0, scrollPosition)
603    });
604
605    $('#openModal24').click(function () {
606        $('#modalArea24').fadeIn();
607        scrollPosition = $(window).scrollTop();
608        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
609    });
610    $('#closeModal24 , #rr_closeModal, #modalBg24').click(function () {
611        $('#modalArea24').fadeOut();
612        $("body").removeClass("is-fixed")
613        window.scrollTo(0, scrollPosition)
614    });
615
616    $('#openModal25').click(function () {
617        $('#modalArea25').fadeIn();
618        scrollPosition = $(window).scrollTop();
619        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
620    });
621    $('#closeModal25 , #rr_closeModal, #modalBg25').click(function () {
622        $('#modalArea25').fadeOut();
623        $("body").removeClass("is-fixed")
624        window.scrollTo(0, scrollPosition)
625    });
626
627    $('#openModal26').click(function () {
628        $('#modalArea26').fadeIn();
629        scrollPosition = $(window).scrollTop();
630        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
631    });
632    $('#closeModal26 , #rr_closeModal, #modalBg26').click(function () {
633        $('#modalArea26').fadeOut();
634        $("body").removeClass("is-fixed")
635        window.scrollTo(0, scrollPosition)
636    });
637
638    $('#openModal27').click(function () {
639        $('#modalArea27').fadeIn();
640        scrollPosition = $(window).scrollTop();
641        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
642    });
643    $('#closeModal27 , #rr_closeModal, #modalBg27').click(function () {
644        $('#modalArea27').fadeOut();
645        $("body").removeClass("is-fixed")
646        window.scrollTo(0, scrollPosition)
647    });
648
649    $('#openModal28').click(function () {
650        $('#modalArea28').fadeIn();
651        scrollPosition = $(window).scrollTop();
652        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
653    });
654    $('#closeModal28 , #rr_closeModal, #modalBg28').click(function () {
655        $('#modalArea28').fadeOut();
656        $("body").removeClass("is-fixed")
657        window.scrollTo(0, scrollPosition)
658    });
659
660    $('#openModal29').click(function () {
661        $('#modalArea29').fadeIn();
662        scrollPosition = $(window).scrollTop();
663        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
664    });
665    $('#closeModal29 , #rr_closeModal, #modalBg29').click(function () {
666        $('#modalArea29').fadeOut();
667        $("body").removeClass("is-fixed")
668        window.scrollTo(0, scrollPosition)
669    });
670
671    $('#openModal30').click(function () {
672        $('#modalArea30').fadeIn();
673        scrollPosition = $(window).scrollTop();
674        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
675    });
676    $('#closeModal30 , #rr_closeModal, #modalBg30').click(function () {
677        $('#modalArea30').fadeOut();
678        $("body").removeClass("is-fixed")
679        window.scrollTo(0, scrollPosition)
680    });
681

682    $('#openModal31').click(function () {
683        $('#modalArea31').fadeIn();
684        scrollPosition = $(window).scrollTop();
685        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
686    });
687    $('#closeModal31 , #rr_closeModal, #modalBg31').click(function () {
688        $('#modalArea31').fadeOut();
689        $("body").removeClass("is-fixed")
690        window.scrollTo(0, scrollPosition)
691    });
692
693    $('#openModal32').click(function () {
694        $('#modalArea32').fadeIn();
695        scrollPosition = $(window).scrollTop();
696        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
697    });
698    $('#closeModal32 , #rr_closeModal, #modalBg32').click(function () {
699        $('#modalArea32').fadeOut();
700        $("body").removeClass("is-fixed")
701        window.scrollTo(0, scrollPosition)
702    });
703
704    $('#openModal33').click(function () {
705        $('#modalArea33').fadeIn();
706        scrollPosition = $(window).scrollTop();
707        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
708    });
709    $('#closeModal33 , #rr_closeModal, #modalBg33').click(function () {
710        $('#modalArea33').fadeOut();
711        $("body").removeClass("is-fixed")
712        window.scrollTo(0, scrollPosition)
713    });
714
715    $('#openModal34').click(function () {
716        $('#modalArea34').fadeIn();
717        scrollPosition = $(window).scrollTop();
718        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
719    });
720    $('#closeModal34 , #rr_closeModal, #modalBg34').click(function () {
721        $('#modalArea34').fadeOut();
722        $("body").removeClass("is-fixed")
723        window.scrollTo(0, scrollPosition)
724    });
725
726    $('#openModal35').click(function () {
727        $('#modalArea35').fadeIn();
728        scrollPosition = $(window).scrollTop();
729        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
730    });
731    $('#closeModal35 , #rr_closeModal, #modalBg35').click(function () {
732        $('#modalArea35').fadeOut();
733        $("body").removeClass("is-fixed")
734        window.scrollTo(0, scrollPosition)
735    });
736
737    $('#openModal36').click(function () {
738        $('#modalArea36').fadeIn();
739        scrollPosition = $(window).scrollTop();
740        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
741    });
742    $('#closeModal36 , #rr_closeModal, #modalBg36').click(function () {
743        $('#modalArea36').fadeOut();
744        $("body").removeClass("is-fixed")
745        window.scrollTo(0, scrollPosition)
746    });
747
748    $('#openModal37').click(function () {
749        $('#modalArea37').fadeIn();
750        scrollPosition = $(window).scrollTop();
751        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
752    });
753    $('#closeModal37 , #rr_closeModal, #modalBg37').click(function () {
754        $('#modalArea37').fadeOut();
755        $("body").removeClass("is-fixed")
756        window.scrollTo(0, scrollPosition)
757    });
758
759    $('#openModal38').click(function () {
760        $('#modalArea38').fadeIn();
761        scrollPosition = $(window).scrollTop();
762        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
763    });
764    $('#closeModal38 , #rr_closeModal, #modalBg38').click(function () {
765        $('#modalArea38').fadeOut();
766        $("body").removeClass("is-fixed")
767        window.scrollTo(0, scrollPosition)
768    });
769
770    $('#openModal39').click(function () {
771        $('#modalArea39').fadeIn();
772        scrollPosition = $(window).scrollTop();
773        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
774    });
775    $('#closeModal39 , #rr_closeModal, #modalBg39').click(function () {
776        $('#modalArea39').fadeOut();
777        $("body").removeClass("is-fixed")
778        window.scrollTo(0, scrollPosition)
779    });
780
781    $('#openModal40').click(function () {
782        $('#modalArea40').fadeIn();
783        scrollPosition = $(window).scrollTop();
784        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
785    });
786    $('#closeModal40 , #rr_closeModal, #modalBg40').click(function () {
787        $('#modalArea40').fadeOut();
788        $("body").removeClass("is-fixed")
789        window.scrollTo(0, scrollPosition)
790    });
791
792    $('#openModal41').click(function () {
793        $('#modalArea41').fadeIn();
794        scrollPosition = $(window).scrollTop();
795        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
796    });
797    $('#closeModal41 , #rr_closeModal, #modalBg41').click(function () {
798        $('#modalArea41').fadeOut();
799        $("body").removeClass("is-fixed")
800        window.scrollTo(0, scrollPosition)
801    });
802
803    $('#openModal42').click(function () {
804        $('#modalArea42').fadeIn();
805        scrollPosition = $(window).scrollTop();
806        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
807    });
808    $('#closeModal42 , #rr_closeModal, #modalBg42').click(function () {
809        $('#modalArea42').fadeOut();
810        $("body").removeClass("is-fixed")
811        window.scrollTo(0, scrollPosition)
812    });
813
814    $('#openModal43').click(function () {
815        $('#modalArea43').fadeIn();
816        scrollPosition = $(window).scrollTop();
817        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
818    });
819    $('#closeModal43 , #rr_closeModal, #modalBg43').click(function () {
820        $('#modalArea43').fadeOut();
821        $("body").removeClass("is-fixed")
822        window.scrollTo(0, scrollPosition)
823    });
824
825    $('#openModal44').click(function () {
826        $('#modalArea44').fadeIn();
827        scrollPosition = $(window).scrollTop();
828        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
829    });
830    $('#closeModal44 , #rr_closeModal, #modalBg44').click(function () {
831        $('#modalArea44').fadeOut();
832        $("body").removeClass("is-fixed")
833        window.scrollTo(0, scrollPosition)
834    });
835
836    $('#openModal45').click(function () {
837        $('#modalArea45').fadeIn();
838        scrollPosition = $(window).scrollTop();
839        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
840    });
841    $('#closeModal45 , #rr_closeModal, #modalBg45').click(function () {
842        $('#modalArea45').fadeOut();
843        $("body").removeClass("is-fixed")
844        window.scrollTo(0, scrollPosition)
845    });
846
847    $('#openModal46').click(function () {

848        $('#modalArea46').fadeIn();
849        scrollPosition = $(window).scrollTop();
850        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
851    });
852    $('#closeModal46 , #rr_closeModal, #modalBg46').click(function () {
853        $('#modalArea46').fadeOut();
854        $("body").removeClass("is-fixed")
855        window.scrollTo(0, scrollPosition)
856    });
857
858    $('#openModal47').click(function () {
859        $('#modalArea47').fadeIn();
860        scrollPosition = $(window).scrollTop();
861        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
862    });
863    $('#closeModal47 , #rr_closeModal, #modalBg47').click(function () {
864        $('#modalArea47').fadeOut();
865        $("body").removeClass("is-fixed")
866        window.scrollTo(0, scrollPosition)
867    });
868
869    $('#openModal48').click(function () {
870        $('#modalArea48').fadeIn();
871        scrollPosition = $(window).scrollTop();
872        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
873    });
874    $('#closeModal48 , #rr_closeModal, #modalBg48').click(function () {
875        $('#modalArea48').fadeOut();
876        $("body").removeClass("is-fixed")
877        window.scrollTo(0, scrollPosition)
878    });
879
880    $('#openModal49').click(function () {
881        $('#modalArea49').fadeIn();
882        scrollPosition = $(window).scrollTop();
883        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
884    });
885    $('#closeModal49 , #rr_closeModal, #modalBg49').click(function () {
886        $('#modalArea49').fadeOut();
887        $("body").removeClass("is-fixed")
888        window.scrollTo(0, scrollPosition)
889    });
890
891    $('#openModal50').click(function () {
892        $('#modalArea50').fadeIn();
893        scrollPosition = $(window).scrollTop();
894        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
895    });
896    $('#closeModal50 , #rr_closeModal, #modalBg50').click(function () {
897        $('#modalArea50').fadeOut();
898        $("body").removeClass("is-fixed")
899        window.scrollTo(0, scrollPosition)
900    });
901
902    $('#openModal51').click(function () {
903        $('#modalArea51').fadeIn();
904        scrollPosition = $(window).scrollTop();
905        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
906    });
907    $('#closeModal51 , #rr_closeModal, #modalBg51').click(function () {
908        $('#modalArea51').fadeOut();
909        $("body").removeClass("is-fixed")
910        window.scrollTo(0, scrollPosition)
911    });
912
913    $('#openModal52').click(function () {
914        $('#modalArea52').fadeIn();
915        scrollPosition = $(window).scrollTop();
916        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
917    });
918    $('#closeModal52 , #rr_closeModal, #modalBg52').click(function () {
919        $('#modalArea52').fadeOut();
920        $("body").removeClass("is-fixed")
921        window.scrollTo(0, scrollPosition)
922    });
923
924    $('#openModal53').click(function () {
925        $('#modalArea53').fadeIn();
926        scrollPosition = $(window).scrollTop();
927        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
928    });
929    $('#closeModal53 , #rr_closeModal, #modalBg53').click(function () {
930        $('#modalArea53').fadeOut();
931        $("body").removeClass("is-fixed")
932        window.scrollTo(0, scrollPosition)
933    });
934
935    $('#openModal54').click(function () {
936        $('#modalArea54').fadeIn();
937        scrollPosition = $(window).scrollTop();
938        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
939    });
940    $('#closeModal54 , #rr_closeModal, #modalBg54').click(function () {
941        $('#modalArea54').fadeOut();
942        $("body").removeClass("is-fixed")
943        window.scrollTo(0, scrollPosition)
944    });
945
946    $('#openModal55').click(function () {
947        $('#modalArea55').fadeIn();
948        scrollPosition = $(window).scrollTop();
949        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
950    });
951    $('#closeModal55 , #rr_closeModal, #modalBg55').click(function () {
952        $('#modalArea55').fadeOut();
953        $("body").removeClass("is-fixed")
954        window.scrollTo(0, scrollPosition)
955    });
956
957    $('#openModal56').click(function () {
958        $('#modalArea56').fadeIn();
959        scrollPosition = $(window).scrollTop();
960        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
961    });
962    $('#closeModal56 , #rr_closeModal, #modalBg56').click(function () {
963        $('#modalArea56').fadeOut();
964        $("body").removeClass("is-fixed")
965        window.scrollTo(0, scrollPosition)
966    });
967
968    $('#openModal57').click(function () {
969        $('#modalArea57').fadeIn();
970        scrollPosition = $(window).scrollTop();
971        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
972    });
973    $('#closeModal57 , #rr_closeModal, #modalBg57').click(function () {
974        $('#modalArea57').fadeOut();
975        $("body").removeClass("is-fixed")
976        window.scrollTo(0, scrollPosition)
977    });
978
979    $('#openModal58').click(function () {
980        $('#modalArea58').fadeIn();
981        scrollPosition = $(window).scrollTop();
982        $("body").addClass("is-fixed").css({ 'top': -scrollPosition });
983    });
984    $('#closeModal58 , #rr_closeModal, #modalBg58').click(function () {
985        $('#modalArea58').fadeOut();
986        $("body").removeClass("is-fixed")
987        window.scrollTo(0, scrollPosition)
988    });
989});
990
991
992
993
994$(window).on("load", function () {
995    var _radio = [];
996    $('input.radio').on('click', function () {
997        var _this = $(this);
998        var _name = _this.attr('name');
999        var _val = _this.val();
1000
1001        if (_radio[_name] === '' || _radio[_name] === null || _radio[_name] === undefined) {
1002            _radio[_name] = _val;
1003        } else {
1004            if (_radio[_name] == _val) {
1005                _this.prop('checked', false);
1006                _radio[_name] = '';
1007            } else {
1008                _radio[_name] = _val;
1009            }
1010        }
1011    });
1012});
1013
1014// ラジオボタンとチェックボックスのチェック状態を確認画面から戻る時に維持
1015$(window).on("load", function () {
1016    const checkBox = document.querySelector('input[type="checkBox"]');
1017    const radioBtns = document.querySelectorAll('input[type="radio"]');
1018
1019    if (checkBox.checked == true) {
1020        checkBox.parentNode.classList.add('checked', 'focused');
1021    }
1022    radioBtns.forEach(function (radioBtn) {
1023        if (radioBtn.checked == true) {
1024            radioBtn.parentNode.classList.add('checked', 'focused');
1025        }
1026    })
1027});
1028
1029// ハンバーガーボタンをクリック時にサイトロゴを切り替える
1030$(function(){
1031    const imgs = ['main-logo.png', 'main-logo-white.png'];  // 画像ファイル名
1032    let index = 0;  // インデックス番号
1033

1034    // 初期画像の表示
1035    $('.img').attr('src', 'images/' + imgs[index]);
1036
1037    // ボタンクリックイベント
1038    $('.menu-icon a').click(function(){
1039        // 最後の画像判定
1040        if(index == imgs.length - 1){
1041        index = 0;
1042        }else{
1043        index++;
1044        }
1045        // 画像の切り替え
1046        $('.main-logo').attr('src', 'images/' + imgs[index]);
1047    });
1048});