https://www.fontaine.jp/wp_fon/wp-content/themes/fontaine_ver2.0/js/home.js

1$(function() {
2  $('#input_prefecture').on('change', function() {
3    var url = $(this).val();
4    if(url != '') {
5      location.href = url;
6    }
7  })
8});
9
10$(function(){
11  var arr = [
12    "0px -600px",
13    "0px -1200px",
14    "0px -1800px",
15    "0px -2400px",
16    "0px -3000px",
17    "0px -3600px",
18    "0px -4200px",
19    "0px -4800px"
20  ];
21
22  $('.map ul').on({
23      'mouseenter' : function(){
24      position = $(this).parents().index();
25      $('.map').css('background-position', arr[position]);
26    },
27      'mouseleave' : function(){
28      $('.map').css('background-position', '0px 0px');
29    }
30  });
31
32  if (window.matchMedia( '(min-width: 769px)' ).matches) {
33    $('#modal-top').addClass('pc');
34    $('#modal-top').removeClass('sp');
35  } else {
36    $('#modal-top').addClass('sp');
37    $('#modal-top').removeClass('pc');
38  };
39  let index;
40
41  $('.bnr-modal').on('click', function(){
42    index = $(this).parent().parent().index();
43
44    $('html').css('overflow', 'hidden');
45    $('#modal-top').fadeIn();
46  });
47
48  $('.modal-content, .close').on('click', function(){
49    $('#modal-top').fadeOut();
50    $('html').css('overflow', 'auto');
51  });
52});
53
54$(function(){
55  $('#mv_pc').slick({
56    dots: true,
57    slidesToshow:1,
58    autoplay:true,
59    autoplayspeed:2000,
60    speed: 2000,
61    arrows: true,
62    centerMode: true,
63    centerPadding: '13%'
64  });
65  $('#mv_sp').slick({
66    slidesToshow:1,
67    autoplay:true,
68    autoplayspeed:2000,
69    speed: 2000,
70    dots: true,
71    arrows: true
72  });
73});
74
75$(window).on('load', function() {
76  var ww = $('.__slider_new li.slick-slide').width();
77  var width = $(window).width();
78  var x = 768;
79  if(x <= width) {
80    $('.__slider_new .slick-active').parent().css('margin-left', -ww +'px');
81  }
82});
83
84
85$(function(){
86  var $slider_new = $('.__slider_new');
87  $slider_new.slick({
88    slidesToShow: 2,
89    slidesToScroll: 1,
90    dots: false,
91    centerMode: true,
92    centerPadding: '20%',
93    infinite: true,
94    autoplay: true,
95    arrows: true,
96    // cssEase: 'linear',
97    autoplayspeed: 2000,
98    speed: 2000,
99    responsive: [
100      {
101        breakpoint: 768,
102        settings: {
103          slidesToShow: 1,
104          slidesToScroll: 1
105        }
106      }
107    ]
108  });
109
110});
111$(function(){
112  $('.popup-image').magnificPopup({
113    type: 'inline',
114    preliader: false
115  });
116});
117
118$(function(){
119  $('.popup-bnr').magnificPopup({
120    type: 'inline',
121    preliader: false
122  });
123});