https://princess-session.com/assets/js/index.js?20250921093005

1// ローディング //
2$(window).on('load', function () {
3	var urlHash = location.hash;
4	if (urlHash === "") {
5		setTimeout(function () {$('#loading .heart').addClass('fadein');}, 800);
6		setTimeout(function () {$('#loading .light').addClass('fadein');}, 1100);
7		setTimeout(function () {$('#loading .light2').addClass('fadein');}, 1800);
8		setTimeout(function () {$('#loading').fadeOut(1000);}, 2000);
9	} else {
10		$('#loading').fadeOut(800);
11	}
12});
13
14// メニュー //
15$('header .btn-nav').click(function(){
16	$('header nav').toggleClass('open');
17	$(this).toggleClass('close');
18	return false;
19});
20$('header nav ul li a').click(function () {
21	$('header nav').removeClass('open');
22	$('header .btn-nav').removeClass('close');
23});
24
25$(function() {
26	var w = $(window).width();
27	var x = 900;
28	if (w < x || window.matchMedia('(max-width: 901px)').matches) {
29		$('header .btn-nav').hide();
30		$(window).scroll(function () {
31			if ($(this).scrollTop() > 100) {
32				$('header .btn-nav').fadeIn();
33			} else {
34				$('header .btn-nav').fadeOut();
35			}
36		});
37	}
38});
39
40$(window).on('load scroll', function(){
41	var offset = $('#wrapper').offset();
42	if($(window).scrollTop() > offset.top) {
43		$('#top .info').addClass('fixed');
44	} else {
45		$('#top .info').removeClass('fixed');
46	}
47});
48
49// フェード //
50$(window).on('load scroll',function (){
51	$('.fade , .load').each(function(){
52		var position = $(this).offset().top;
53		var scroll = $(window).scrollTop();
54		var windowHeight = $(window).height();
55		if (scroll > position - windowHeight + 100){
56			$(this).addClass('fadein');
57		} else {
58			$(this).removeClass('fadein');
59		}
60	});
61});
62
63// スライダー //
64var sliderThumbnail = new Swiper('.main-thumb', {
65	slidesPerView: 2,
66	threshold: 9999,
67});
68var slider = new Swiper('.main-img', {
69	loop: true,
70	slidesPerView: 1,
71	effect: 'fade',
72	fadeEffect: {crossFade: true},
73	thumbs: {swiper: sliderThumbnail}
74});
75
76var slider = new Swiper('#movie .movie-list', {
77	slidesPerView: 1.3,
78	loop: true,
79	spaceBetween: 10,
80	centeredSlides: true,
81	autoplay: {
82		delay: 5000,
83		disableOnInteraction: false
84	},
85	breakpoints: {
86		900: {
87			slidesPerView: 1.5,
88		},
89		1200: {
90			slidesPerView: 2,
91			spaceBetween: 30,
92		}
93	},
94	pagination: {
95		el: ".swiper-pagination",
96		clickable: true
97	}
98});
99
100// スムーススクロール //
101var urlHash = location.hash;
102if(urlHash) {
103	$('body,html').stop().scrollTop(0);
104		setTimeout(function(){
105		var target = $(urlHash);
106		var position = target.offset().top;
107		$('html,body').animate({scrollTop: position}, 500, "swing");
108		return false;
109	}, 100);
110}
111$('a[href^="#"]:not(.popup)').click(function(){
112	var href = $(this).attr("href");
113	var target = $(href == "#" || href == "" ? 'html' : href);
114	var position = target.offset().top;
115	$('html,body').animate({scrollTop: position}, 500, "swing");
116	return false;
117});
118
119// ポップアップ //
120$('.popup').magnificPopup({
121	type: 'inline',
122	mainClass: 'mfp-fade',
123	fixedContentPos: true,
124	removalDelay: 200
125});
126$('.popup-iframe').magnificPopup({
127	type: 'iframe',
128	mainClass: 'mfp-fade',
129	removalDelay: 200
130});
131
132// NEWSアコーディオン //
133$('#news .title').on('click', function() {
134	$(this).next().slideToggle();
135	$(this).toggleClass('close');
136});
137$('a[href^="#"]').on('click', function(){
138	var href = $(this).attr("href");
139	var title = $(href).find('#news .title');
140	if($(href).children('#news .detail').css('display') == 'none'){
141		$(title).trigger('click');
142	}
143});
144$(location.hash).children('#news .title').trigger('click');
145
146$('.stop').on('click', function(){
147	videoControl("stopVideo");
148});