https://fanpla.jp/static/original/assets/js/common.js?=20260924184212

1function anchor() {
2	$('a[href^="#"]').click(function(){
3		var Hash = $(this.hash), $Hash = $(Hash);
4		if ($Hash.length > 0) {
5			var HashOffset = $Hash.offset().top;
6			$('html,body').animate({
7				scrollTop: HashOffset
8			}, 300);
9		}
10		return false;
11	});
12}
13
14function drawer() {
15	$('.drawer__btn,.drawer__close,.drawer__cover').on('click',function(){
16		$('body').toggleClass('drawer-visible');
17	});
18}
19
20function loaded(){
21	setTimeout(function(){
22		$('body').addClass('loaded');
23	},10);
24}
25
26function accordion(){
27	$('.module--accordion dt').on('click',function(){
28		$(this).parent('.module--accordion').toggleClass('visible');
29		$(this).slideToggle();
30		$(this).next().slideToggle();
31	});
32}
33
34function imagePanelPC(){
35	var $Large = $('#panelLarge'),
36			$Small = $('#panelSmall');
37			$('.blank__item').remove();
38			$('#blockArtist').removeClass('panel--start');
39			$('#panelLarge,#panelSmall').find('.list--thumb__wrap .thumb__item').unwrap('.list--thumb__wrap');
40			$('#panelLarge,#panelSmall').removeClass('panelnum2 panelnum3 panelnum4 panelnum5 panelnum6 panelnum7 panelnum8 panelnum9 panelnum10 panelnum11 panelnum12 panelnum13 panelnum14 panelnum15 panelnum16');
41
42	//$Large
43	var $LargeItem = $Large.children('.thumb__item'),
44			$LargeItemuNum = $LargeItem.length,
45			$LargeWrapNum = Math.ceil($LargeItemuNum/8);
46			$Large.addClass('panelnum'+$LargeWrapNum);
47			do {
48				$Large.children('.thumb__item:lt(8)').wrapAll('<div class="list--thumb__wrap"></div>');
49			}while($Large.children('.thumb__item').length);
50
51		setTimeout(function(){
52			var $lastBlock = $('#panelLarge .list--thumb__wrap:last-child'),
53				item = $lastBlock.children('.thumb__item').length,
54				num = (8 - item);
55			if( item < 8 ){
56				for (var i = 1; i <= num; i++){
57					$lastBlock.append('<div class="thumb__item blank__item"></div>');
58				}
59			}
60		},500);
61
62	//$Small
63	var $SmallItem = $Small.children('.thumb__item'),
64			$SmallItemuNum = $SmallItem.length,
65			$SmallWrapNum = Math.ceil($SmallItemuNum/16);
66			$Small.addClass('panelnum'+$SmallWrapNum );
67			do {
68				$Small.children('.thumb__item:lt(16)').wrapAll('<div class="list--thumb__wrap"></div>');
69			}while($Small.children('.thumb__item').length);
70			$('#blockArtist').addClass('panel--start');
71
72		setTimeout(function(){
73			var $lastBlock = $('#panelSmall .list--thumb__wrap:last-child'),
74				item = $lastBlock.children('.thumb__item').length,
75				num = (16 - item);
76			if( item < 16 ){
77				for (var i = 1; i <= num; i++){
78					$lastBlock.append('<div class="thumb__item blank__item"></div>');
79				}
80			}
81		},500);
82
83}
84
85
86function imagePanelSP(){
87var $Large = $('#panelLarge'),
88		$Small = $('#panelSmall');
89		$('.blank__item').remove();
90		$('#blockArtist').removeClass('panel--start');
91		$('#panelLarge,#panelSmall').find('.list--thumb__wrap .thumb__item').unwrap('.list--thumb__wrap');
92		$('#panelLarge,#panelSmall').removeClass('panelnum2 panelnum3 panelnum4 panelnum5 panelnum6 panelnum7 panelnum8 panelnum9 panelnum10 panelnum11 panelnum12 panelnum13 panelnum14 panelnum15 panelnum16');
93
94		//$Large
95		var $LargeItem = $Large.children('.thumb__item'),
96				$LargeItemuNum = $LargeItem.length,
97				$LargeWrapNum = Math.ceil($LargeItemuNum/4);
98
99				$Large.addClass('panelnum'+$LargeWrapNum);
100				do {
101					$Large.children('.thumb__item:lt(4)').wrapAll('<div class="list--thumb__wrap"></div>');
102				}while($Large.children('.thumb__item').length);
103
104		setTimeout(function(){
105			var $lastBlock = $('#panelLarge .list--thumb__wrap:last-child'),
106				item = $lastBlock.children('.thumb__item').length,
107				num = (4 - item);
108			if( item < 4 ){
109				for (var i = 1; i <= num; i++){
110					$lastBlock.append('<div class="thumb__item blank__item"></div>');
111				}
112			}
113		},500);
114
115		//$Small
116		var $SmallItem = $Small.children('.thumb__item'),
117				$SmallItemuNum = $SmallItem.length,
118				$SmallWrapNum = Math.ceil($SmallItemuNum/12);
119
120				$Small.addClass('panelnum'+$SmallWrapNum );
121				do {
122					$Small.children('.thumb__item:lt(12)').wrapAll('<div class="list--thumb__wrap"></div>');
123				}while($Small.children('.thumb__item').length);
124
125			setTimeout(function(){
126				var $lastBlock = $('#panelSmall .list--thumb__wrap:last-child'),
127					item = $lastBlock.children('.thumb__item').length,
128					num = (12 - item);
129				if( item < 12 ){
130					for (var i = 1; i <= num; i++){
131						$lastBlock.append('<div class="thumb__item blank__item"></div>');
132					}
133				}
134			},500);
135
136
137		$('#blockArtist').addClass('panel--start');
138}
139
140function scroll() {
141  $(window).on('scroll', function () {
142    if ($(this).scrollTop() > 300) {
143      $('body').addClass('scrolling');
144    } else {
145      $('body').removeClass('scrolling');
146    }
147  });
148}
149
150function hight_align() {
151	if($('.list--issue').length){
152
153		var target_txt = $('.list--issue');
154		var issue_txt;
155		var maxHeight = 0;
156		
157		function heightSync(target_txt){
158			target_txt.each(function(){
159				maxHeight = 0;
160				issue_txt = $(this).find('.issue--txt');
161				issue_txt.height('auto');
162				issue_txt.each(function(){
163				if($(this).height() > maxHeight) {
164					maxHeight = $(this).height();
165				}
166				});
167				issue_txt.height(maxHeight);
168			});
169		}
170		heightSync(target_txt);
171	}
172
173	if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/i)){
174	}else{
175		if($('.list--service').length){
176
177			var myBreakPoint = 960;//ブレイクポイント
178			var target = $('.list--service');

179			var target_upper;
180			var target_lower;
181			var point_upper;
182			var point_lower;
183			var maxHeight = 0;
184			
185			function heightSync(target){
186				target.each(function(){
187					maxHeight = 0;
188					target_upper = $(this).find('.tit.upper');
189					target_upper.height('auto');
190					target_upper.each(function(){
191					if($(this).height() > maxHeight) {
192						maxHeight = $(this).height();
193					}
194					});
195					target_upper.height(maxHeight);
196
197					maxHeight = 0;
198					target_lower = $(this).find('.tit.lower');
199					target_lower.height('auto');
200					target_lower.each(function(){
201					if($(this).height() > maxHeight) {
202						maxHeight = $(this).height();
203					}
204					});
205					target_lower.height(maxHeight);
206					
207					maxHeight = 0;
208					point_upper = $(this).find('.wrap-point.upper');
209					point_upper.height('auto');
210					point_upper.each(function(){
211					if($(this).height() > maxHeight) {
212						maxHeight = $(this).height();
213					}
214					});
215					point_upper.height(maxHeight);
216
217					maxHeight = 0;
218					point_lower = $(this).find('.wrap-point.lower');
219					point_lower.height('auto');
220					point_lower.each(function(){
221					if($(this).height() > maxHeight) {
222						maxHeight = $(this).height();
223					}
224					});
225					point_lower.height(maxHeight);
226				});
227			}
228			
229			heightSync(target);
230			
231			$(window).resize(function(){
232				var w = $(window).width();
233				if(w > myBreakPoint) {
234				heightSync(target);
235				} else {
236					$('.tit').height('auto');
237					$('.wrap-point').height('auto');
238				}
239				
240			});
241			
242		}
243	}
244}
245
246
247$(function(){
248	loaded();
249	drawer();
250	anchor();
251	accordion();
252	hight_align();
253
254	if($('body').hasClass('page--home')){
255		scroll();
256		//ticket
257		if($('.section--ticket .list--column li').hasClass('thumb-l')){
258			$('.section--ticket .list--column .thumb-l').eq(0).addClass('main-panel');
259		}else{
260			$('.section--ticket .list--column').addClass('list--horizontal');
261		}
262		//topics
263		if($('.section--topics .list--topics li').hasClass('thumb-l')){
264			$('.section--topics .list--topics .thumb-l').eq(0).addClass('main-panel');
265		}else{
266			$('.section--topics .list--topics').addClass('list--horizontal');
267		}
268		//news
269		if($('.section--news .list--topics li').hasClass('thumb-l')){
270			$('.section--news .list--topics .thumb-l').eq(0).addClass('main-panel');
271		}else{
272			$('.section--news .list--topics').addClass('list--horizontal');
273		}
274		/*
275		var widthFlag = '';
276		$(function() {
277			$(window).on('load resize', function() {
278				widthCheck();
279			});
280		});
281		*/
282		// 画面サイズのチェック
283		/*
284		function widthCheck() {
285    	var winWidth = $(window).width();
286		  if(winWidth <= 960 && widthFlag != 'sp') {
287		  	widthFlag = 'sp';
288				imagePanelSP();
289			} else if(winWidth > 960 && widthFlag != 'pc') {
290			 	widthFlag = 'pc';
291				imagePanelPC();
292	    }
293		}
294		*/
295
296		var sliderImg = $(".section--banner .list--bnr li").length;
297		if (window.matchMedia('screen and (max-width: 960px)').matches) {
298      if (sliderImg > 1) {
299        $(".section--banner .list--bnr").slick({
300          autoplay: false,
301          centerMode: false,
302          dots: false,
303          arrows: true,
304          centerPadding: "10%",
305          slidesToShow: 1,
306          infinite:false
307        });
308      } else {
309        $(".section--banner").addClass("section--bnr--single");
310      }
311    }else{
312      if (sliderImg > 3) {
313        $(".section--banner .list--bnr").slick({
314					autoplay: false,
315          centerMode: false,
316          dots: false,
317          arrows: true,
318          centerPadding: "36%",
319          slidesToShow: 3,
320          infinite:false,
321          responsive: [{
322            breakpoint: 960,
323            settings: {
324              centerMode: false,
325              slidesToShow: 1,
326              centerPadding: "10%",
327            }
328          }]
329        });
330      } else {
331        $(".section--banner").addClass("section--bnr--single");
332      }
333    }
334
335		if (window.matchMedia('screen and (max-width: 960px)').matches) {
336      $(".page--home .section--service .list--carousel").slick({
337        autoplay: false,
338        centerMode: false,
339        dots: false,
340        arrows: false,
341        centerPadding: "10%",
342        slidesToShow: 1,
343        infinite:false
344      });
345    }
346
347		$('.page--home .section--artist .list--top').slick({

348			arrows: false,
349			autoplay: true,
350			autoplaySpeed: 0,
351			cssEase: 'linear',
352			speed: 11000,
353			slidesToShow: 5,
354			slidesToScroll: 1,
355			responsive: [{
356			breakpoint: 960,
357				settings: {
358					arrows: false,
359					autoplay: true,
360					autoplaySpeed: 0,
361					cssEase: 'linear',
362					speed: 11000,
363					slidesToShow: 2,
364					slidesToScroll: 1,
365				}
366			}]
367		});
368		$('.page--home .section--artist .list--bottom').slick({
369			arrows: false,
370			autoplay: true,
371			autoplaySpeed: 0,
372			cssEase: 'linear',
373			speed: 11000,
374			slidesToShow: 5,
375			slidesToScroll: 1,
376			rtl: true,
377			responsive: [{
378				breakpoint: 960,
379				settings: 'unslick'
380			}]
381		});
382	}
383	var sliderImg = $(".page--list-service .section--banner .list--bnr li").length;
384	if (window.matchMedia('screen and (max-width: 960px)').matches) {
385		if (sliderImg > 1) {
386		  $(".page--list-service .section--banner .list--bnr").slick({
387			autoplay: false,
388			centerMode: false,
389			dots: false,
390			arrows: true,
391			centerPadding: "10%",
392			slidesToShow: 1,
393			infinite:false
394		  });
395		} else {
396		  $(".page--list-service .section--banner").addClass("section--bnr--single");
397		}
398	  }else{
399		if (sliderImg > 3) {
400		  $(".page--list-service .section--banner .list--bnr").slick({
401					  autoplay: false,
402			centerMode: false,
403			dots: false,
404			arrows: true,
405			centerPadding: "36%",
406			slidesToShow: 3,
407			infinite:false,
408			responsive: [{
409			  breakpoint: 960,
410			  settings: {
411				centerMode: false,
412				slidesToShow: 1,
413				centerPadding: "10%",
414			  }
415			}]
416		  });
417		} else {
418		  $(".page--list-service .section--banner").addClass("section--bnr--single");
419		}
420	  }
421
422
423	var sliderImg = $(".page--list-service .section--service-result .list--bnr li").length;
424	if (window.matchMedia('screen and (max-width: 768px)').matches) {
425		if (sliderImg > 1) {
426		  $(".page--list-service .section--service-result .list--bnr").slick({
427			autoplay: false,
428			centerMode: false,
429			dots: false,
430			arrows: true,
431			centerPadding: "10%",
432			slidesToShow: 1,
433			infinite:false
434		  });
435		} else {
436		  $(".page--list-service .section--service-result").addClass("section--bnr--single");
437		}
438	  }else{
439		if (sliderImg > 3) {
440		  $(".page--list-service .section--service-result .list--bnr").slick({
441					  autoplay: false,
442			centerMode: false,
443			dots: false,
444			arrows: true,
445			centerPadding: "36%",
446			slidesToShow: 3,
447			infinite:false,
448			responsive: [{
449			  breakpoint: 960,
450			  settings: {
451				centerMode: false,
452				slidesToShow: 1,
453				centerPadding: "10%",
454			  }
455			}]
456		  });
457		} else {
458		  $(".page--list-service .section--service-result").addClass("section--bnr--single");
459		}
460	  }
461});
462