https://www.y-style.store/view/asset/user-4-1-3-1e9652d75066bcde202659bac8bb71ed.js

1$(function() {
2    // ヘッダーのサイズ調整
3    headerAdjust();
4    $(window).on('scroll', function() {
5        headerAdjust();
6    });
7
8    // カレンダー特定日の設定
9    $('.day-list').each(function() {
10        var month = $(this).attr('data-month');
11        var day = $(this).attr('data-day');
12        var color = $(this).attr('data-color');
13
14        $('.makeshop-calendar' + month +' .day' + day).css({
15            'background-color': color,
16            'color': '#fff',
17            'font-weight': 'bold',
18            'height': '14px'
19        });
20    });
21
22    // 検索フォーム
23    $('.search-keyword, .search-price, .original-code').on('keypress', function(e) {
24        if (e.keyCode == 13) {
25            $('.search-url')[0].click();
26        }
27    });
28
29    // ハンバーガーメニュー
30    $('.openbtn').on('click', function() {
31        $(this).toggleClass('active');
32        $('#g-nav').toggleClass('panelactive');
33    });
34
35    // サイドメニューを閉じる
36    $('#g-nav a').on('click', function() {
37        $('.openbtn').removeClass('active');
38        $('#g-nav').removeClass('panelactive');
39    });
40
41    // サイドメニューのカテゴリー開閉
42    $('.accordion').on('click', function() {
43        $(this).toggleClass('on').next().slideToggle();
44        $('.accordion').not(this).removeClass('on').next('.close').slideUp();
45    });
46});
47
48function headerAdjust() {
49    var adjustPoint = 20;
50    var scrollTop = $(window).scrollTop();
51    if(scrollTop > adjustPoint) {
52        $('.header').addClass('fix');
53    } else {
54        $('.header').removeClass('fix');
55    }
56}
57
58function MakeShop_afterListCartEntry(data){
59    if (!data.result) {
60        data.method.modal(data.error.message, function() {
61            location.href = '/view/item/' + data.systemCode;
62        });
63
64        return false;
65    }
66}
67
68
69//ここから
70//base
71$(document).on('ready', function() {
72  $(".js-favorite-slider").slick({
73    autoplay: false,
74    autoplaySpeed: 3000,
75    arrows: true,
76    dots: false,
77    infinite: true,
78    slidesToShow: 4,
79    slidesToScroll: 1,
80    responsive: [
81    {
82      breakpoint: 1030,
83      settings: {
84        slidesToShow: 3,
85        slidesToScroll: 1,
86      }
87    },
88    {
89      breakpoint: 768,
90      settings: {
91        slidesToShow: 2,
92        slidesToScroll: 1,
93      }
94    }
95    ]
96  });
97  $(".js-side-slider").slick({
98    autoplay: true,
99    autoplaySpeed: 3000,
100    fade: true,
101    speed: 1500,
102    arrows: false,
103    dots: true,
104    infinite: true,
105    slidesToShow: 1,
106    slidesToScroll: 1,
107    responsive: [
108    {
109      breakpoint: 1024,
110      settings: {
111        fade: false,
112        slidesToShow: 2,
113        slidesToScroll: 1,
114      }
115    },
116    {
117      breakpoint: 768,
118      settings: {
119        slidesToShow: 1,
120        slidesToScroll: 1,
121      }
122    }
123    ]
124  });
125});
126function smoothScroll(selector){
127  jQuery("body,html").animate({
128    scrollTop:jQuery(selector).offset().top
129  },800,"swing");
130}
131
132function lerp(x,y,a){
133  return x+(y-x)*a;
134}
135function isPC(){
136  return (jQuery(window).width() > 767);
137}
138function easeOut(t,p){
139  return 1-Math.pow((1-t),p);
140}
141function clamp01(n){
142  return Math.min(Math.max(n,0),1);
143}
144function randomDelta(n,p){
145  return n - (n*p*0.5) + (n*Math.random()*p);
146}
147
148
149
150//トグルボタン
151$(window).on('load resize',function() {
152  if(isPC()){
153    $(".js-toggle-contents").fadeOut("fast");
154    $(".js-toggle-btn").removeClass("is-on");
155    $(".l-main-navi__overlay").fadeOut("fast");
156  }
157  toggleBtn();
158});
159function toggleBtn() {
160  $(".js-toggle-btn").off("click");
161  $(".js-toggle-btn").on("click",function() {
162    if(isPC()){
163      if ($(this).hasClass("is-on")) {
164        $(this).removeClass("is-on");
165        $(this).next(".js-toggle-contents").fadeOut("fast");
166        $(".l-main-navi__overlay").fadeOut("fast");
167      } else {
168        $(".js-toggle-btn").removeClass("is-on");
169        $(".js-toggle-btn").next().fadeOut("fast");
170        $(this).addClass("is-on");
171        $(this).next(".js-toggle-contents").fadeIn("fast");
172        $(".l-main-navi__overlay").fadeOut("fast");
173        $(".l-main-navi__overlay").fadeIn("fast");
174      }
175    } else {
176      $(this).toggleClass("is-on");
177      $(this).next(".js-toggle-contents").slideToggle("fast");
178    }
179  });
180}
181
182$(".l-main-navi__overlay").on("click",function() {
183  $(this).fadeOut();
184  $(".js-toggle-btn").removeClass("is-on");
185  $(".js-toggle-contents").fadeOut("fast");
186  $(".js-search-contents").removeClass("is-on");
187});
188
189
190
191//検索ボタン
192$(document).ready(function() {
193  $(".js-search-btn").on('click',function() {
194    $(".js-toggle-contents").fadeOut();
195    $(".js-toggle-btn").removeClass("is-on");
196    $(".js-navi-open").removeClass("is-on");
197    $(".js-search-contents").addClass("is-on");
198    $(".l-header-search__overlay").fadeIn("fast");
199    $('.l-header-search__input input[type="text"]').focus();
200    $(".l-main-navi__overlay").fadeOut("fast");
201  });
202  $(".l-header-search__overlay").on('click',function() {
203    $(".l-header-search__overlay").fadeOut("fast");
204    $(".js-search-contents").removeClass("is-on");
205  });
206});
207
208
209
210//SP hamburger
211$(document).ready(function() {
212  $(".js-navi-open").on('click',function() {
213    $(".l-header-search__contents").removeClass("is-on");
214    $(".l-header-search__btn").removeClass("is-on");
215    $(".l-header").toggleClass("is-open");
216    $(".l-main-navi").toggleClass("is-open");
217    $(".l-menu-btn").toggleClass("is-on");
218    $(".l-sp-main-navi__overlay").toggleClass("is-on");
219  });
220});
221
222//サイドカテゴリー
223$(document).ready(function() {
224  $(".js-side-toggle__btn").on('click',function() {
225    $(this).toggleClass("is-open")
226    $(this).next(".js-side-toggle__contents").slideToggle("400");
227  });
228});
229
230//スクロールヘッダー
231$(document).ready(function() {
232  $(window).on("load scroll", function() {
233    var value = $(this).scrollTop();
234    if ( value > 0) {
235      $(".l-header").addClass("is-fixed");
236    } else {
237      $(".l-header").removeClass("is-fixed");
238    }
239  });
240});
241
242const header = document.getElementById("js-header-scroll");
243const hH = header.clientHeight;
244const winH = window.innerHeight;
245const docH = document.documentElement.scrollHeight;
246const windBtm = docH - winH;
247
248let pos = 0;

249let lastPos = 0;
250
251const onScroll = function () {
252  if (pos > hH && pos > lastPos) {
253    header.classList.add("is-unpinned");
254    $(".js-toggle-btn").removeClass("is-on");
255    $(".js-toggle-btn").next().fadeOut();
256    $(".js-toggle-contents").fadeOut();
257    $(".js-search-contents").removeClass("is-on");
258    $(".l-header-search__overlay").fadeOut();
259    $(".l-main-navi__overlay").fadeOut();
260    $(".js-navi-open").removeClass("is-on");
261    $(".l-main-navi").removeClass("is-open");
262    $(".l-sp-main-navi__overlay").removeClass("is-on");
263  }
264  if (pos < hH || pos < lastPos || windBtm <= pos) {
265    header.classList.remove("is-unpinned");
266  }
267  lastPos = pos;
268};
269
270window.addEventListener("scroll", function () {
271  pos = window.scrollY;
272  onScroll();
273});
274
275
276// スクロール終了時に発火
277var timeoutId ;
278
279window.addEventListener("scroll", function() {
280  clearTimeout( timeoutId ) ;
281  timeoutId = setTimeout(function() {
282    $(".l-header").removeClass("is-unpinned");
283  }, 3000);
284});
285
286// 商品一覧のソートを切り替える
287(function () {
288  $('.js-sort-switch').on('change', function () {
289    location.href = $(this).val();
290  });
291}());
292
293$(document).ready(function() {
294  $(".js-matchHeight").matchHeight();
295});
296
297
298
299document.addEventListener('DOMContentLoaded', function () {
300  const buttons = document.querySelectorAll('.p-group-button');
301  const contents = document.querySelectorAll('.p-group-content');
302
303  buttons.forEach(button => {
304    button.addEventListener('click', function (event) {
305      event.preventDefault();
306      const contentToShow = this.getAttribute('data-content');
307
308      contents.forEach(content => {
309        if (content.getAttribute('data-content') === contentToShow) {
310          content.style.display = 'flex';
311        } else {
312          content.style.display = 'none';
313        }
314      });
315    });
316  });
317});
318
319
320document.querySelectorAll('.p-group-button').forEach(button => {
321  button.addEventListener('click', function(event) {
322      event.preventDefault();
323      document.querySelectorAll('.p-group-button.is-on').forEach(activeButton => {
324          activeButton.classList.remove('is-on');
325      });
326      this.classList.add('is-on');
327  });
328});
329
330
331function checkWidth() {
332  var input = document.querySelector('input[type="text"].search-keyword');
333  if (window.innerWidth <= 1210) {
334    input.placeholder = '';
335  } else {
336    input.placeholder = 'キーワード検索';
337  }
338}
339checkWidth();
340window.addEventListener('resize', checkWidth);
341
342
343document.addEventListener("DOMContentLoaded", function() {
344  const video = document.getElementsByClassName('c-movie');
345  const observer = new IntersectionObserver((entries) => {
346    entries.forEach(entry => {
347      if (entry.isIntersecting) {
348        video.play();
349        observer.unobserve(video);
350      }
351    });
352  }, {
353    threshold: 0.5
354  });
355  observer.observe(video);
356});
357
358
359var parallaxTargets = null;
360window.addEventListener("load",()=>{
361	parallaxTargets = document.querySelectorAll("img[data-parallax]");
362	if(parallaxTargets){
363		parallaxTargets.forEach(p=>{p.style.objectFit="cover";});
364		window.addEventListener("resize",parallaxHandler,{passive:true});
365		window.addEventListener("scroll",parallaxHandler,{passive:true});
366		parallaxHandler();
367	}
368});
369function parallaxHandler(){
370	parallaxTargets.forEach(p=>{
371		let r = p.getBoundingClientRect();
372		p.style.objectPosition = "center "+((r.top+r.height) / (window.innerHeight+r.height) * 100)+"%";
373	});
374}
375
376
377document.addEventListener("DOMContentLoaded", function() {
378  const buttons = document.querySelectorAll('.c-jounal-category-btn');
379  const lists = document.querySelectorAll('.c-jounal-list');
380
381  buttons.forEach(button => {
382    button.addEventListener('click', function() {
383      const targetId = this.getAttribute('data-target');
384      const targetList = document.getElementById(targetId);
385
386      buttons.forEach(btn => btn.classList.remove('is-on'));
387      lists.forEach(list => list.classList.remove('is-active'));
388
389      this.classList.add('is-on');
390      targetList.classList.add('is-active');
391    });

392  });
393
394  document.querySelector('.c-jounal-category-btn.is-on').click();
395});
396
397
398$(function() {
399  $('.c-review-inner').matchHeight();
400});
401
402document.addEventListener('DOMContentLoaded', function () {
403  var splide01 = new Splide('.p-main-slider', {
404    type: 'fade',// loop
405    arrows: false,
406    perPage: 1,
407    perMove: 1,
408    focus: 'center',
409    gap: '30px',
410    // padding: {
411    //   left: '10%',
412    //   right: '10%',
413    // },
414    autoplay: true,
415    speed: 1500,
416    interval: 4000,
417    pauseOnHover: false,
418    pauseOnFocus: false,
419    resetProgress: false,
420    autoRestart: true,
421    rewind: true,
422    breakpoints: {
423      767: {
424        perPage: 1,
425        gap: 0,
426        padding: {
427          left: 0,
428          right: 0,
429        },
430      },
431    },
432  });
433
434  splide01.mount();
435});
436
437
438
439document.addEventListener('DOMContentLoaded', function () {
440  var splide02 = new Splide('#p-banner-wrapper', {
441    type: 'loop',
442    arrows: false,
443    perPage: 3,
444    focus: 'center',
445    gap: '10px',
446    padding: {
447      left: '5%',
448      right: '5%',
449    },
450    autoplay: true,
451    speed: 1500,
452    interval: 4000,
453    breakpoints: {
454      767: {
455        perPage: 1.5,
456        padding: {
457          left: 0,
458          right: 0,
459        },
460      },
461    },
462  });
463
464  splide02.mount();
465});
466
467
468document.addEventListener('DOMContentLoaded', function () {
469  var splide03 = new Splide('#p-ranking-splide', {
470    type: 'loop',
471    arrows: false,
472    perPage: 3,
473    focus: 'center',
474    gap: '30px',
475    padding: {
476      left: '15%',
477      right: '15%',
478    },
479    pagination: false,
480    breakpoints: {
481      767: {
482        perPage: 1.5,
483        gap: '10px',
484        padding: {
485          left: 0,
486          right: 0,
487        },
488      },
489    },
490  });
491
492  splide03.mount();
493});
494
495// document.addEventListener('DOMContentLoaded', function() {
496//   new Splide('.c-review-slider', {
497//     type      : 'loop',
498//     perPage   : 2,
499//     perMove   : 1,
500//     arrows    : false,
501//     pagination: true,
502//     gap       : '40px',
503//     breakpoints: {
504//       767: {
505//         perPage: 1,
506//       },
507//     },
508//   }).mount();
509// });
510
511document.addEventListener('DOMContentLoaded', function() {
512  new Splide('.c-item-staff-review-slider', {
513    type      : 'loop',
514    perPage   : 1,
515    perMove   : 1,
516    arrows    : false,
517    pagination: true,
518  }).mount();
519});
520
521const splide04 = new Splide(".p-favorite .splide", {
522  type: "loop",
523  pauseOnHover: false,
524  pauseOnFocus: false,
525  destroy: true,
526  arrows: false,
527  pagination: false,
528  breakpoints: {
529    500: {
530      destroy: false,
531      perPage: 2,
532    },
533  },
534}).mount();
535
536
537const splide05 = new Splide(".p-checked .splide", {
538  type: "loop",
539  pauseOnHover: false,
540  pauseOnFocus: false,
541  destroy: true,
542  arrows: false,
543  pagination: false,
544  breakpoints: {
545    500: {
546      destroy: false,
547      perPage: 2,
548    },
549  },
550}).mount();
551
552// LP
553
554
555
556
557$(function() {
558  $('.c-item-recommend-scene-lead').matchHeight();
559});
560
561
562
563//ここまで
564
565
566
567// favorite
568function MakeShop_afterFavoriteEntry(data) {
569    
570    $('a[href="' + data.source + '"]').addClass('favorite-active');
571    
572    if (!data.result) {
573        data.method.modal(data.error.message);
574    }
575
576    return false;
577}
578function MakeShop_afterListFavoriteRemove(data) {
579    if (!data.result) {
580        data.method.modal(data.error.message);
581        return false;
582    }
583    $('a[href="' + data.source + '"]').addClass('favorite-active').siblings('.favorite-active').removeClass('favorite-active');
584    return false;
585}
586function MakeShop_afterListFavoriteEntry(data) {
587    
588    $('a[href="' + data.source + '"]').addClass('favorite-active');
589    
590    if (!data.result) {
591        data.method.modal(data.error.message);
592    }
593
594    return false;
595}
596function MakeShop_afterListFavoriteRemove(data) {
597    
598    $('a[href="' + data.source + '"]').removeClass('favorite-active');
599
600    if (data.result) {
601        // お気に入りから削除が成功した場合
602        data.method.modal('お気に入りから削除しました');
603    } else {
604        // お気に入りから削除が失敗した場合
605        data.method.modal(data.error.message);
606    }
607
608    return false;
609}
610$(function() {
611  $('.gallery').slick({
612      infinite: true,
613      prevArrow: '<div class="slick-prev"></div>',
614      nextArrow: '<div class="slick-next"></div>'
615  });
616
617  $('.choice-btn').slick({
618      infinite: true,
619      slidesToShow: 100,
620      focusOnSelect: true,
621      asNavFor: '.gallery'
622  });
623
624  $('.gallery').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
625      $('.choice-btn .slick-slide').removeClass('slick-current').eq(nextSlide).addClass('slick-current');
626  });
627
628  $('.modal-close, .modal-bg').on('click', function() {
629      $('.modal-area').fadeOut();
630  });
631
632  $('img.option-image').on('click', function() {
633      showOptionImage($(this).attr('data-option-image'));

634  });
635});
636
637function MakeShop_afterItemOptionChange(data) {
638  if (data.isSoldout) {
639      $('.instock').removeClass('on').addClass('off');
640      $('.outstock').removeClass('off').addClass('on');
641  } else {
642      $('.instock').removeClass('off').addClass('on');
643      $('.outstock').removeClass('on').addClass('off');
644  }
645
646  showOptionImage(data.imageL);
647}
648
649function MakeShop_afterCartEntry(data) {
650  if (data.result) {
651      $('.cart-badge').text(data.totalQuantity).show();
652      $('.modal-area').fadeIn();
653  } else {
654      data.method.modal(data.error.message);
655  }
656
657  return false;
658}
659
660function showOptionImage(url) {
661  if (url == '') {
662      return;
663  }
664
665  $('div.item-image ul.choice-btn img[src="' + url + '"]').trigger('click');
666}
667
668
669
670
671$(document).ready(function(){
672  // Slider 1 settings
673  $('.slider1').slick({
674      slidesToShow: 1,
675      slidesToScroll: 1,
676      autoplay: false,
677      autoplaySpeed: 2000,
678      infinite: true,
679      dots: false,
680      nextArrow: '<button type="button" class="slick-next"></button>',
681      prevArrow: '<button type="button" class="slick-prev"></button>'
682  });
683
684  // Slider 2 settings
685  $('.slider2').slick({
686      slidesToShow: 5,
687      centerMode: true,
688      centerPadding: '20',
689      autoplay: false,
690      autoplaySpeed: 3000,
691      infinite: true,
692      focusOnSelect: true,
693      responsive: [
694          {
695              breakpoint: 768,
696              settings: {
697                  slidesToShow: 3
698              }
699          },
700          {
701              breakpoint: 480,
702              settings: {
703                  slidesToShow: 1
704              }
705          }
706      ],
707      nextArrow: '<button type="button" class="slick-next"></button>',
708      prevArrow: '<button type="button" class="slick-prev"></button>'
709  });
710
711  // Sync sliders
712  $('.slider1').on('afterChange', function(event, slick, currentSlide, nextSlide){
713      $('.slider2').slick('slickGoTo', currentSlide);
714  });
715
716  $('.slider2').on('afterChange', function(event, slick, currentSlide, nextSlide){
717      $('.slider1').slick('slickGoTo', currentSlide);
718  });
719});
720
721
722const splide06 = new Splide(".c-item-media-slider-inner", {
723  type: 'loop',
724  perPage: 3,
725  perMove: 1,
726  focus: 'center',
727  gap: 20,
728  arrows: false,
729  pagination: false,
730  breakpoints: {
731		1200: {
732			perPage: 2,
733		},
734		900: {
735			perPage: 1,
736		},
737  },
738}).mount();
739
740
741// お気に入りボタン
742// function MakeShop_afterFavoriteEntry(data) {
743// if (!data.result) {
744// data.method.modal(data.error.message);
745// return false;
746// }
747// $('a[href="' + data.source + '"]').addClass('hide').siblings('.favorite-on').removeClass('hide');
748// return false;
749// }
750// function MakeShop_afterFavoriteRemove(data) {
751// if (!data.result) {
752// data.method.modal(data.error.message);
753// return false;
754// }
755// $('a[href="' + data.source + '"]').addClass('hide').siblings('.favorite-off').removeClass('hide');
756// return false;
757// }