https://athena-ptr.co.jp/3.2/js/index.js

1(function() {
2	"use strict";	
3	var tag = document.createElement("script"), firstScriptTag = document.getElementsByTagName("script")[0];
4	tag.src = "https://www.youtube.com/iframe_api";
5	firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
6	function onYouTubeIframeAPIReady(){
7		var youtubeid = $('#mv .mv_mov').attr('data-youtubeid');
8		new YT.Player("player", {
9			width: 560,
10			height: 315,
11			videoId: youtubeid,
12			playerVars:{
13				loop: 1,
14				playlist: youtubeid,
15				controls: 0,
16				disablekb: 0,
17				fs: 0,
18				iv_load_policy: 3,
19				modestbranding: 1,
20				playsinline: 1,
21				rel: 0,
22				showinfo: 0
23			},
24			events:{
25				"onReady": onPlayerReady,
26				"onStateChange": onPlayerStateChange
27			}
28		});
29	}
30	function onPlayerReady(evt){
31		//独自jsで$('#mv').addClass('playstop');すると自動再生・ミュートキャンセル
32		if(!$('#mv').hasClass('playstop')){
33			evt.target.mute();
34			evt.target.playVideo();
35		}
36		movFunc();
37	}
38	function onPlayerStateChange(evt){
39		if(evt.data === YT.PlayerState.ENDED){
40			evt.target.playVideo();
41		}
42	}
43	if($('#mv .mv_mov')){
44		window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
45	}
46})();
47
48var h2fs;
49var mvliw = 0;
50var unix = $('body').data('ini');
51var mvChangeTimer;
52
53$(function(){
54	
55	/*------#mv-----*/
56	
57	if($.trim($('#mv .mv_text h2').html()) == ''){
58		$('body:not(.edit_view) #mv .mv_text h2').remove();
59	}
60	if($.trim($('#mv .mv_text p').html()) == ''){
61		$('body:not(.edit_view) #mv .mv_text p').remove();
62	}
63
64	h2fs = parseFloat($('#mv .mv_text h2').css('font-size'));
65	if($('#load').length){
66		if($('#mv .mv_img').length){
67			$('#mv').css({opacity: 0});
68		}
69	}else{
70		if($('#mv .mv_img').length){
71			$('#mv .mv_img li:nth-of-type(1) img').addClass('no_animation');
72		}
73	}
74	if($('#mv .mv_img').length){
75		mvliw = $('#mv .mv_img li').width();
76	}
77	
78	/*------#mv:after to .mv_text_ind-----*/
79	
80	if($('.mv_text_ind').length){
81		function getPseudo(selector,type,property){
82			let propertys = window.getComputedStyle($(selector)[0],type);
83			let data = propertys.getPropertyValue(property);
84			return data;
85		}
86		let data = getPseudo('#mv','::after','background');
87		$('.mv_text_ind').css({background: data});
88	}
89	
90	/*------mv_mp4_pv-----*/
91	
92	if(($('body:not(.edit_view) .mv_mp4').length || $('body:not(.edit_view) .mv_mp4_pv').length) && $('body:not(.edit_view) #load').length){
93		$('#mv video').removeAttr('autoplay');
94		$(window).on('load',function(){
95			$('#mv video').get(0).play();
96		});
97	}
98	if($('body:not(.edit_view) .mv_mp4_pv').length){
99		if($('.mv_text h2').html() == '' || !$('.mv_text h2').html()){
100			$('.mv_text h2').remove();
101		}
102		if($('.mv_text p').html() == '' || !$('.mv_text p').html()){
103			$('.mv_text p').remove();
104		}
105		if(!$('.mv_text h2').length && !$('.mv_text p').length){
106			$('.mv_text').remove();
107		}
108
109		$(window).load(function(){
110			var delay;
111			var duration;
112			var $mv_text = $('.mv_text');
113			if($('.mv_textimg').length){
114				$mv_text = $('.mv_textimg');
115			}
116			delay = parseInt($mv_text.css('transition-delay'), 10);
117			duration = parseInt($mv_text.css('transition-duration'), 10);
118			$mv_text.delay(delay*1000 + duration*1000).queue(function(){
119				$mv_text.remove();
120			});
121		});
122	}
123	
124	/*------conv-----*/
125
126	var color = $('#mv .mv_text h2').css('color');
127	$('#mv:not(:has(.mv_textimg)) #conv, #mv:not(:has(.mv_textimg)) #conv .tel a').css({color: color});
128	$('#mv:not(:has(.mv_textimg)) #conv .w').css({borderColor: color});
129	$('#mv:not(:has(.mv_textimg)) #conv svg').css({fill: color});
130
131});
132
133$(window).load(function(){
134	mvFunc();
135});
136
137function movFunc(){
138	var $mvmov = $('#mv .mv_mov');
139	var $yframe = $('#mv .mv_mov iframe');
140	function ResizeYT(){
141		if($mvmov.width()*0.56 > $mvmov.height()){
142			$yframe.css({width: '100%'});
143			$yframe.css({height: $yframe.width()*0.56});
144			$yframe.css({marginTop: ($yframe.height() - $mvmov.height())/-2, marginLeft: 0});
145		}else{
146			$yframe.css({height: '100%'});
147			$yframe.css({width: $yframe.height()/0.56});
148			$yframe.css({marginTop: 0, marginLeft: ($yframe.width() - $mvmov.width())/-2});

149		}
150	}
151	$(window).on('resize', ResizeYT);
152	ResizeYT();
153}
154
155/*230706 tn cls*/
156/*
157var video_r;
158function mp4Func(){
159	var path = $('#mv .mv_mp4 video').attr('src');
160	var element = document.createElement('video');
161	element.onloadedmetadata = function(){
162		var video_w = element.videoWidth ;
163		var video_h = element.videoHeight;
164		video_r = video_w / video_h;
165		ResizeMP4();
166	}
167	element.src = path;
168	element.load();
169}
170function ResizeMP4(){
171	if($('#mv.mv_mp4_cover .mv_mp4').length || $('#mv.mv_mp4_cover2 .mv_mp4').length){
172		var $mvmp4 = $('#mv .mv_mp4');
173		var $video = $('#mv .mv_mp4 video');
174		var mvmp4_r = $mvmp4.width() / $mvmp4.height();
175		if(video_r > mvmp4_r){
176			//$mvmp4より横長
177			$video.css({height: '100%'});
178			$video.css({width: $video.height() * video_r});
179		}else{
180			//$mvmp4より縦長
181			$video.css({width: '100%'});
182			$video.css({height: $video.width() / video_r});
183		}
184		$video.css({marginTop: ($video.height() - $mvmp4.height())/-2, marginLeft: ($video.width() - $mvmp4.width())/-2});
185	}
186}
187$(function(){
188	if($('#mv .mv_mp4').length){
189		mp4Func();
190	}
191	$(window).on('resize', ResizeMP4);
192});
193*/
194
195function mvFunc(){
196	
197	if($('#mv .mv_mov').length){
198		if($('#mv .mv_mov .youtube_block')){
199			$('#mv .mv_mov iframe').unwrap();
200		}
201		movFunc();
202	}
203	//ResizeMP4();
204	
205	if($('#mv .mv_img').length){
206		
207		var z = 1;
208		var flg = 0;
209		var mvSpd = $("#mv").data('animation-duration') * 1000 * 1.4;
210		var mvCount = $('#mv .mv_img > li').length;
211		var mvNum = 0;
212		$('#mv').stop().animate({opacity: 1}, 2000, 'easeInOutCubic');
213		$("#mv .mv_img li img").css({animationDuration: mvSpd+'ms'});
214		
215		/*------#mv.slide04 05-----*/
216		
217		if($('#mv.slide04').length || $('#mv.slide05').length){
218			var NTrate = 0;
219			var NTh = 0;
220			var loadedCount = 0;
221			var total = $('#mv .mv_img li').length;
222			$('#mv .mv_img li').each(function(index){
223				const imgSrc = $(this).find('img').attr('src');
224				const NTimg = new Image();
225				NTimg.onload = function(){
226					const rate = this.height / this.width;
227					if(rate > NTrate){
228						NTrate = rate;
229					}
230					loadedCount++;
231					if(loadedCount === total){
232						NTh = $('#mv .mv_img li').width() * NTrate;
233						if(NTh !== 0){
234							$('#mv').css('height', NTh + 'px');
235						}
236					}
237				};
238				NTimg.src = imgSrc;
239			});
240			function ResizeNT(){
241				NTh = $('#mv .mv_img li img').width() * NTrate;
242				if(NTh !== 0){
243					$('#mv').css('height', NTh + 'px');
244				}
245			}
246			$(window).on('resize', ResizeNT);
247			$(window).on('load', function(){
248				ResizeNT();
249			});
250		}
251		
252		/*------#mv.slide06 07-----*/
253		
254		if($('#mv.slide06').length || $('#mv.slide07').length){
255			if(window.innerWidth >= 768 || (typeof mvNum67 !== 'undefined' && typeof mvNum67 === 'number')){
256				$('#mv .mv_img li:nth-of-type(2)').addClass('show r');
257				$("#mv .mv_img li img").css({animationDuration: mvSpd*2+'ms'});
258				mvNum = 1;
259			}else{
260				$("#mv .mv_img li img").css({animationDuration: mvSpd*4+'ms'});
261			}
262		}
263		
264		/*------#mv.slide08-----*/
265		
266		var mvNum8 = 0;
267		if($('#mv.slide08').length){
268			mvSpd = mvSpd / 1.4;
269			if(mvCount > 1){
270				if(mvCount == 2){
271					for(var i=1; i<=2; i++){
272						$('#mv .mv_img li:nth-of-type('+i+')').clone().appendTo($('#mv .mv_img'));
273					}
274					mvCount = 4;
275				}else if(mvCount == 3){
276					for(var i=1; i<=3; i++){
277						$('#mv .mv_img li:nth-of-type('+i+')').clone().appendTo($('#mv .mv_img'));
278					}
279					mvCount = 6;
280				}
281				$('#mv .mv_img').clone().insertAfter($('#mv .mv_img'));
282				$('#mv>ul').wrapAll('<div class="mv_imgs"></div>');
283				$('#mv .mv_imgs').css({animationDuration: mvSpd*mvCount+'ms'});
284				$('#mv .mv_imgs li img').css({animationDuration: mvSpd*mvCount+'ms'});
285				for(var i=1; i<=mvCount; i++){
286					$('#mv .mv_imgs ul li:nth-of-type('+i+'n) img').css({animationDelay: mvSpd*(i-mvCount)+'ms'});
287				}
288			}else{
289				$('#mv.slide08 .mv_img li img').attr('style', '');
290			}
291		}
292		
293		/*------#mv.slide09 10-----*/
294		
295		if($('#mv.slide09').length || $('#mv.slide10').length){
296			$("#mv .mv_img li").css({animationDuration: mvSpd+'ms'});
297		}
298		
299		/*------setting-----*/
300		
301		if(mvCount > 1){
302			if($('#mv.slide06').length || $('#mv.slide07').length){
303				if(window.innerWidth >= 768){
304					if(mvCount > 2){
305						clearInterval(mvChangeTimer);
306						StartMVTimer();
307					}
308				}else{
309					clearInterval(mvChangeTimer);
310					StartMVTimer();
311				}
312			}else{
313				clearInterval(mvChangeTimer);
314				StartMVTimer();
315			}
316		}else{
317			$('#mv .mv_arrow, #mv .mv_pointer').css({display: "none"});
318			$('#mv .mv_img img').css({opacity: 1});
319		}
320		mvChange(mvNum);//初回
321		
322		function mvChange(n){
323			if($('#mv.slide08').length){
324			}else{
325				z ++;
326				if(mvNum === mvCount){
327					mvNum = 1;
328				}else{
329					mvNum ++;
330				}
331				if(!n){
332					n = mvNum;
333				}
334				var $tgtImg = $('#mv .mv_img li:nth-of-type('+n+')');
335				$tgtImg.removeClass('show r');
336				setTimeout(function(){
337					$tgtImg.addClass('show').css({zIndex: z});
338				},50);
339				
340				if($('#mv.slide06').length || $('#mv.slide07').length){
341					if(z%2 == 0 && z > 2){//偶数
342						$tgtImg.addClass('r');
343					}
344				}
345			}
346			
347			$('#mv .mv_pointer li').removeClass('current');
348			$('#mv .mv_pointer li:nth-of-type('+mvNum+')').addClass('current');
349			
350			flg = 0;
351			function noEventInt(){
352				flg = 1;
353				clearInterval(noEventIntTimer);
354				if(z > 2){
355					$('#mv .mv_img li:nth-of-type(1) img').removeClass('no_animation');
356				}
357			}
358			function noEventIntST(){
359				//noEventIntTimer = setInterval(noEventInt, mvSpd*0.25);
360				noEventIntTimer = setInterval(noEventInt, mvSpd*0);
361			}
362			noEventIntST();
363		}
364		function StartMVTimer(){
365			if($('#mv.slide06').length || $('#mv.slide07').length){
366				if(window.innerWidth >= 768){
367					mvChangeTimer = setInterval(mvChange, mvSpd*0.7);
368				}else{
369					mvChangeTimer = setInterval(mvChange, mvSpd*0.7*2);
370				}
371			}else if($('#mv.slide08').length){
372				//mvChangeTimer = setInterval(mvChange, mvSpd);
373			}else{
374				mvChangeTimer = setInterval(mvChange, mvSpd*0.7);
375			}
376		}
377		
378		/*------mv pointer-----*/
379		
380		for(var i = 0; i < mvCount; i++){
381			$('#mv .mv_pointer').append('<li></li>');
382		}
383		$('#mv .mv_pointer li:eq(0)').addClass('current');
384		$('#mv .mv_pointer li').click(function(){
385			var pointerIndex = $('#mv .mv_pointer li').index(this);
386			if(mvNum !== pointerIndex+1){
387				clearInterval(mvChangeTimer);
388				mvNum = pointerIndex;
389				mvChange(pointerIndex + 1);
390				StartMVTimer();
391			}
392			return false;
393		});
394		function ResizeArrow(){
395			$('.over+#mv_outer .mv_arrow').css({marginTop: $('header').height()/2});
396		}
397		$(window).on('resize', ResizeArrow);
398		ResizeArrow();
399		
400		/*------mv nav-----*/
401		

402		$('#mv .mv_arrow_next span').click(function(){
403			if(flg === 1){
404				clearInterval(mvChangeTimer);
405				mvChange();
406				StartMVTimer();
407			}
408			return false;
409		});
410		$('#mv .mv_arrow_prev span').click(function(){
411			if(flg === 1){
412				clearInterval(mvChangeTimer);
413				if(mvNum === 1){
414					mvNum = mvCount - 1;
415					mvChange(mvCount);
416				}else{
417					mvNum = mvNum - 2;
418					mvChange(mvNum + 1);
419				}
420				StartMVTimer();
421			}
422			return false;
423		});
424		
425	}
426	
427	/*------mv p-----*/
428	
429	/*.none .static .move*/
430	var MvP = $('#mv .mv_text p').html();
431	var MvPpos;
432	if($('.mv_text').hasClass('t_align_left')){
433		MvPpos = ' align-left';
434	}else if($('.mv_text').hasClass('t_align_center')){
435		MvPpos = ' align-center';
436	}else if($('.mv_text').hasClass('t_align_right')){
437		MvPpos = ' align-right';
438	}
439	function ResizeMvP(){
440		if($('#mv .mv_textimg').length){
441			$('.MvP').remove();
442		}else{
443			if(MvP !== '' && $('#mv .mv_text p').css('display') == 'none' && $('#mv .mv_text p').hasClass('move')){
444				if($('.MvP').length == 0){
445					$('#main').prepend('<section class="MvP width_fixed contents_box01'+MvPpos+' block_text_1"><div class="content_wrapper"><div class="wrapper_item"><div class="inner_item_txt"><p>'+MvP+'</p></div></div></div></section>');
446				}
447			}else if(MvP !== '' && $('#mv .mv_text p').css('display') == 'none' && !$('#mv .mv_text p').hasClass('none')){
448				if($('.MvP').length == 0){
449					$('#main').prepend('<section class="MvP width_fixed contents_box01'+MvPpos+' block_text_1"><div class="content_wrapper"><div class="wrapper_item"><div class="inner_item_txt"><p>'+MvP+'</p></div></div></div></section>');
450				}
451			}else{
452				$('.MvP').remove();
453			}
454		}
455		if((unix >= 1683764100 || unix == 1528180833) && $('#mv .mv_text p').hasClass('none')){
456			$('#mv .mv_text p').parents('.mv_text').addClass('none');
457		}
458	}
459	$(window).on('resize', ResizeMvP);
460	ResizeMvP();
461	
462	/*------mv h2-----*/
463	
464	var h2longest = 0;
465	var h2shortest = 24;
466	var h2str = $('#mv .mv_text h2').html();
467	if(typeof h2str !== 'undefined'){
468		h2str = h2str.replace(/\s+/g, "");
469		var h2array = h2str.split('<br>');
470		for(var i = 0; i < h2array.length; i++){
471			if(h2longest < h2array[i].length){
472				h2longest = h2array[i].length;
473			}
474		}
475	}
476	
477	function ResizeFS(){
478		if($('#mv .mv_text:not(.wmode_horizontal)').length){
479			var maxW = $('#mv .mv_text:not(.wmode_horizontal) h2').width();
480			if(h2longest >= 24){//一行最大24文字
481				$('#mv .mv_text:not(.wmode_horizontal) h2').css({fontSize: maxW / 24});
482			}else{
483				if(maxW < h2fs*(h2longest + 0.1)){
484					$('#mv .mv_text:not(.wmode_horizontal) h2').css({fontSize: maxW / (h2longest + 0.1)});
485				}else{
486					$('#mv .mv_text:not(.wmode_horizontal) h2').css({fontSize: h2fs + 'px'});
487				}
488			}
489		}
490		if($('#mv .mv_text.wmode_horizontal').length){
491			var maxH = $('#mv .mv_text.wmode_horizontal').height() - parseInt($('#mv .mv_text.wmode_horizontal').css('padding-top'), 10) - parseInt($('#mv .mv_text.wmode_horizontal').css('padding-bottom'), 10);
492			if(h2longest >= 24){//一行最大24文字
493				$('#mv .mv_text.wmode_horizontal h2').css({fontSize: maxH / 24});
494			}else{
495				if(maxH < h2fs*(h2longest + 0.1)){
496					if(maxH / (h2longest + 0.1) <= 15.5){
497						$('#mv .mv_text.wmode_horizontal h2').css({fontSize: 24});
498					}else{
499						$('#mv .mv_text.wmode_horizontal h2').css({fontSize: maxH / (h2longest + 0.1)});
500					}
501				}else{
502					$('#mv .mv_text.wmode_horizontal h2').css({fontSize: h2fs + 'px'});
503				}
504			}
505			var mh = $('#mv .mv_text>div').height() + parseInt($('#mv .mv_text>div').css('padding-top'), 10) + parseInt($('#mv .mv_text>div').css('padding-bottom'), 10) - 10;
506			$('#mv .mv_text.wmode_horizontal').css({alignItems: 'stretch', paddingBottom: 50});
507			if(mh < $('.mv_text').height()){
508				$('#mv .mv_text.wmode_horizontal').css({alignItems: 'center', paddingBottom: 50, boxSizing: 'border-box'});
509			}
510		}
511	}
512	$(window).on('resize', ResizeFS);
513	ResizeFS();
514	
515	/*------mv minH-----*/
516	
517	function ResizeMvminH(){
518		if($('#mv .mv_text:not(.wmode_horizontal)').length){
519			$('#mv').css({minHeight: $('#mv .mv_text:not(.wmode_horizontal)>div').height() + 150});
520		}
521		if($('#mv .mv_text.wmode_horizontal').length){
522			if($('#mv .mv_text.wmode_horizontal').width() < $('#mv .mv_text.wmode_horizontal>div').width()){
523				var sa = $('#mv .mv_text.wmode_horizontal>div').width() - $('#mv .mv_text.wmode_horizontal').width();
524				$('#mv').css({minHeight: $('#mv .mv_text.wmode_horizontal>div').height() + sa + 150});
525			}
526		}
527	}
528	$(window).on('resize', ResizeMvminH);
529	ResizeMvminH();
530	
531	/*------mv_textimg-----*/
532	
533	function ResizeMvTextimg(){
534		$('#mv .mv_textimg_pc img, #mv .mv_textimg_sp img').css({maxHeight: $('#mv').innerHeight()});
535	}
536	$(window).on('resize', ResizeMvTextimg);
537	ResizeMvTextimg();
538}
539	

540/*------追従フッターをページトップで表示する-----*/
541
542function ResizeFixFooter(){
543	if($('#fixbtn.DEVELOP778.scrolled').length){
544		var mvh = window.innerHeight - $('#fixbtn .fixbtnwrap').height() - parseInt($('#mv_outer').css('padding-top'), 10) - parseInt($('#mv_outer').css('padding-bottom'), 10);
545		if(!$('header.over').length){
546			mvh = mvh - $('header').height();
547		}
548		if($('#mv').css('min-height') !== 'none' && parseInt($('#mv').css('min-height'), 10) > mvh){
549			$('#mv').css({minHeight: '0'});
550		}
551		if($('#mv .mv_mp4').css('max-height') == 'none'){
552			$('#mv .mv_mp4').css({maxHeight: mvh});
553		}
554		if($('#mv video').css('max-height') == 'none'){
555			$('#mv video').css({maxHeight: mvh});
556		}
557		if(mvh >= $('#mv').height()){
558			mvh = $('#mv').height();
559		}
560		$('#mv').css({maxHeight: mvh});
561	}
562}
563$(window).load(function(){
564	ResizeFixFooter();
565});
566//$(window).on('resize', ResizeFixFooter);