https://hirose-fx.jp/vup/zarlp/js/main.js

1$(document).ready(function(){
2$(function(){
3TweenMax.set($('.topimg_li01'),{opacity:0});
4TweenMax.set($('.topimg_li02'),{opacity:0});
5TweenMax.set($('.topimg_li03'),{opacity:0});
6	var tween = TweenMax.to($('.topimg_li01'),1,{opacity:1,onComplete:next}
7		);
8		tween.delay(0.3);
9	function next(){
10		TweenMax.to($('.topimg_li02'),0.7,{opacity:1,onComplete:next2}
11		);
12	}
13	function next2(){
14		TweenMax.to($('.topimg_li03'),0.7,{opacity:1}
15		);
16	}
17});
18});
19	
20
21
22
23
24$(function(){
25	
26	$(window).scroll(function(){
27	if($(this).scrollTop()>400){
28		$('.header_inlink01').css('display','none');
29		$('#header').css('height','50px');
30		$('#header').css('background-image','none');
31		$('.logo_sp').css('padding-top','8px');
32		$('.logo_sp img').css('width','112px');
33		$('.header_inlink02 li a').fadeIn(200);
34		$('#attention').css('display','block');
35		$('.swaprank').css('display','none');
36		$('#header .headleft h1').css('display','none');
37
38		$('.logo_pc').css('display','none');
39
40		$('.logo_sp').css('text-align','left');
41		$('#header').css('position','fixed');
42		$('.header_inlink02').css('display','flex');
43		$('.subtitle').css('display','none');
44		$('.logo_sp_in').css('display','none');
45
46
47	}else if($(this).scrollTop()<400){
48		$('.header_inlink01').fadeIn(400);
49		$('#header').css('height','');
50		$('#header').css('background-image','');
51		$('.logo_sp').css('padding-top','');
52		$('.logo_sp img').css('width','');
53		$('.header_inlink02 li a').css('display','none');
54		$('#attention').css('display','none');
55		$('.swaprank').css('display','block');
56		$('#header .headleft h1').css('display','block');
57
58		// $('.logo_sp').css('text-align','center');
59		$('#header').css('position','static');
60		$('.header_inlink02').css('display','none');
61		$('.subtitle').css('display','block');
62
63		$('.logo_pc').css('display','');
64		$('.logo_sp_in').css('display','');
65	}
66	});
67
68
69});
70
71
72