https://www.kurachic.jp/assets/js/carousels.js

1$(window).load(function() {
2
3	$('#brand-section ul').slick({
4		dots: true,
5		infinite: true,
6		speed: 200,
7		slidesToShow: 1,
8		centerMode: true,
9		centerPadding: "180px",
10		variableWidth: true,
11		arrows: false,
12		autoplay: true,
13		autoplaySpeed: 2000,
14		responsive: [
15			{
16				breakpoint: 540,
17				settings: {
18					touchMove: true,
19					adaptiveHeight: true,
20					centerMode: false,
21					variableWidth: false
22				}
23			}
24		]
25	});
26
27	$('#relative-article-container .slider').slick({
28		dots: true,
29		infinite: true,
30		speed: 200,
31		slidesToShow: 4,
32		centerMode: false,
33		variableWidth: true,
34		arrows: true,
35		autoplay: false,
36		autoplaySpeed: 2000,
37		appendArrows: '#arrows-relative',
38		prevArrow: '<a class="prev href="javascript:void(0);"><i class="ion-ios-arrow-back"></a>',
39		nextArrow: '<a class="next href="javascript:void(0);"><i class="ion-ios-arrow-forward"></a>',
40		responsive: [
41			{
42				breakpoint: 1024,
43				settings: {
44					slidesToShow: 3,
45				}
46			},
47			{
48				breakpoint: 768,
49				settings: {
50					slidesToShow: 2,
51				}
52			},
53			{
54				breakpoint: 540,
55				settings: {
56					slidesToShow: 1,
57					touchMove: true,
58					variableWidth: false,
59					centerMode: false
60				}
61			}
62		]
63	});
64
65	$('#pickup-article-container .slider').slick({
66		dots: true,
67		infinite: true,
68		speed: 200,
69		slidesToShow: 5,
70		centerMode: false,
71		variableWidth: true,
72		arrows: true,
73		autoplay: false,
74		autoplaySpeed: 2000,
75		appendArrows: '#arrows-pickup',
76		prevArrow: '<a class="prev href="javascript:void(0);"><i class="ion-ios-arrow-back"></a>',
77		nextArrow: '<a class="next href="javascript:void(0);"><i class="ion-ios-arrow-forward"></a>',
78		responsive: [
79			{
80				breakpoint: 1024,
81				settings: {
82					slidesToShow: 3,
83				}
84			},
85			{
86				breakpoint: 768,
87				settings: {
88					slidesToShow: 2,
89				}
90			},
91			{
92				breakpoint: 540,
93				settings: {
94					slidesToShow: 1,
95					touchMove: true,
96					variableWidth: false,
97					centerMode: false
98				}
99			}
100		]
101	});
102
103	$('.special-contents-carousel').slick({
104		dots: true,
105		infinite: true,
106		speed: 200,
107		slidesToShow: 1,
108		centerMode: true,
109		centerPadding: "180px",
110		variableWidth: true,
111		arrows: false,
112		autoplay: false,
113		autoplaySpeed: 2000,
114		responsive: [
115			{
116				breakpoint: 540,
117				settings: "unslick"
118			}
119		]
120	});
121
122	$(window).on("resize orientationchange", function () {
123		$(".special-contents-carousel").slick("resize");
124	});
125
126});