https://ikkitousen.com/js/main.js?v=0419

1var jqvw;
2var jqvh;//画面高さ
3var visw;
4var vish;//ビジュアルエリアの高さ
5var vistop;
6var visdy = 0;//初期位置
7var visdl = 0;//表示までのディレイ
8var tate_dl= 0 ;//縦表示の際のディレイ
9var vem = 15;
10var vy_logo_d;
11$(window).load(function(){
12	jqvw = $(window).innerWidth();
13	jqvh = $(window).innerHeight();
14	visw = $("#MainVisual .kv-container .bg").width();
15	vish = $("#MainVisual .kv-container .bg").height();
16	var vemText = $("body").css("font-size");
17	vemText = vemText.replace("px", "");
18	vem = Number(vemText);
19	//console.log("jqvw:"+jqvw +"/jqvh:"+jqvh+"/visw:"+visw+"/vish:"+vish+"/vem:"+vem);
20
21	$("body").addClass("init");
22	//ビジュアルエリアが画面サイズよりも縦長の場合
23	if(vish>jqvh){
24	//yoko
25		$("body").addClass("yoko");
26	}else{
27	//tate
28		$("body").addClass("tate");
29		tate_dl = -5000;
30	}
31	//console.log("visdy:"+visdy +"/visdt:"+visdt);
32
33	setTimeout(function(){
34		startAnm();
35	}, visdl);
36});
37function startAnm(){
38	$("body").addClass("s1");
39	setTimeout(function(){
40		$("body").addClass("s2");
41	}, 2500);
42	setTimeout(function(){
43		$("body").addClass("s3");
44	}, 3500);
45	setTimeout(function(){
46		$("body").addClass("s4");
47	}, 4500);
48}
49$(function(){
50	// newsGet(3,"./news.html");
51	$("a.cb-cmt").colorbox({inline:true, href:$(this).attr('href'),width:"100%",opacity:0.9});
52	$(".d-bt").click(function(){
53		parent.$.fn.colorbox.close(); return false;
54	});
55});
56function chgMovie(id){
57	$('#Movie .video-embed iframe').attr('src', '');
58	$('#Movie .video-embed iframe').attr('src', 'https://www.youtube.com/embed/'+id);
59}
60
61
62const ww = window.innerWidth;
63
64var max_chara = 0;
65var crt_chara = 1;
66$(document).ready( function(){
67	max_chara = $('#CharaData .character-data').length;
68	//chgChara(1);
69});
70function chgChara(num){
71	crt_chara = num;
72	var scrollTop = $(window).scrollTop();
73	//$('#CharaCont').attr('data-character',"c" + num);
74	//cursor
75	$('#CharaCsrL').removeClass("off");
76	$('#CharaCsrR').removeClass("off");
77	//if( num == 1 ){$('#CharaCsrL').addClass("off"); }
78	//if( num == max_chara ){$('#CharaCsrR').addClass("off"); }
79	//data
80	//$('#CharaData .character-data').removeClass("crt");
81	//$('#CharaData .character-data#C'+num).addClass("crt");
82	$('#CharaStage .character-data-container').html("");
83	$('#CharaData .character-data#C'+num).clone(true).appendTo('#CharaStage .character-data-container');
84	$('#CharaStage').removeClass("off");
85	$('#CharaStage .character-data-frame').css("top",scrollTop);
86
87
88	//$('body,html').animate({ scrollTop: 0 }, 100);
89}
90function movChara(num){
91	var vc = crt_chara + num;
92	// if( vc < 1 ){ vc = 1 }
93	// if( vc > max_chara ){ vc = max_chara }
94	if( vc < 1 ){ vc = max_chara }
95	if( vc > max_chara ){ vc = 1 }
96	//console.log(vc);
97	chgChara(vc);
98}
99function closeChara(){
100	$('#CharaStage').addClass("off");
101}
102
103var max_cmt = 0;
104var crt_cmt = 1;
105$(document).ready( function(){
106	max_cmt = $('#CommentData .comment-data').length;
107	//chgComment(1);
108});
109function chgComment(num){
110	crt_cmt = num;
111	var scrollTop = $(window).scrollTop();
112	//$('#CommentCont').attr('data-comment',"cmt" + num);
113	//cursor
114	$('#CommentCsrL').removeClass("off");
115	$('#CommentCsrR').removeClass("off");
116	if( max_cmt == 1 ){$('#CommentCsrL').addClass("off"); }
117	if( max_cmt == 1 ){$('#CommentCsrR').addClass("off"); }
118	//if( num == 1 ){$('#CommentCsrL').addClass("off"); }
119	//if( num == max_cmt ){$('#CommentCsrR').addClass("off"); }
120	//data
121	//$('#CommentData .comment-data').removeClass("crt");
122	//$('#CommentData .comment-data#C'+num).addClass("crt");
123	$('#CommentStage .comment-data-container').html("");
124	$('#CommentData .comment-data#CMT'+num).clone(true).appendTo('#CommentStage .comment-data-container');
125	$('#CommentStage').removeClass("off");
126	$('#CommentStage .comment-data-frame').css("top",scrollTop);
127	//$('body,html').animate({ scrollTop: 0 }, 100);
128}
129function movComment(num){
130	var vc = crt_cmt + num;
131	// if( vc < 1 ){ vc = 1 }
132	// if( vc > max_cmt ){ vc = max_cmt }
133	if( vc < 1 ){ vc = max_cmt }
134	if( vc > max_cmt ){ vc = 1 }
135	//console.log(vc);
136	chgComment(vc);
137}
138function closeComment(){
139	$('#CommentStage').addClass("off");
140}
141
142var max_cmt_m = 0;
143var crt_cmt_m = 1;
144$(document).ready( function(){
145	max_cmt_m = $('#CommentMData .comment-data').length;
146	//chgComment(1);
147});
148function chgCommentM(num){
149	crt_cmt_m = num;
150	var scrollTop = $(window).scrollTop();
151	//cursor
152	$('#CommentCsrL').addClass("off");
153	$('#CommentCsrR').addClass("off");
154	//data
155	$('#CommentStage .comment-data-container').html("");
156	$('#CommentMData .comment-data#CMTM'+num).clone(true).appendTo('#CommentStage .comment-data-container');
157	$('#CommentStage').removeClass("off");
158	$('#CommentStage .comment-data-frame').css("top",scrollTop);
159	//$('body,html').animate({ scrollTop: 0 }, 100);
160}
161// function movCommentM(num){
162// 	var vc = crt_cmt_m + num;
163// 	if( vc < 1 ){ vc = 1 }
164// 	if( vc > max_cmt_m ){ vc = max_cmt_m }
165// 	console.log(vc);
166// 	chgCommentM(vc);
167// }
168// function closeCommentM(){
169// 	$('#CommentStage').addClass("off");
170// }
171
172//const ww = window.innerWidth;
173
174var max_story = 0;
175var crt_story = 1;
176var slider_story;
177$(document).ready( function(){
178	max_story = $('#StoryData .story-data').length-1 ;
179	chgStory(max_story);
180	//console.log($('.story-navi .cs img').attr('src'));
181});
182function chgStory(num){
183	crt_story = num;
184	$('#StoryCont').attr('data-story',"s" + num);
185	//navi
186	$('#StoryNavi ul li').removeClass("crt");
187	$('#StoryNavi ul li.n'+(num)).addClass("crt");
188	//for sp
189	//var offset_nv = $('#StoryNavi ul li.crt').position().left;
190	//var w_nv = $('#StoryNavi ul li.crt').outerWidth();
191	//var scrl_nv =  (ww / 2) - (w_nv/2) - offset_nv;
192	//$('#StoryNavi .story-navi').animate({scrollLeft: scrl_nv * -1} , 500);

193	//console.log( offset_nv + "/" +  w_nv + "/" +  scrl_nv);
194	//cursor
195	//$('#StoryCsrL').removeClass("off");
196	//$('#StoryCsrR').removeClass("off");
197	//if( num == 1 ){$('#StoryCsrL').addClass("off"); }
198	//if( num == max_story ){$('#StoryCsrR').addClass("off"); }
199	//data
200	$('#StoryData .story-data').removeClass("crt");
201	$('#StoryData .story-data#S'+num).addClass("crt");
202	//slider
203	if(slider_story){
204		slider_story.slick('unslick'); 
205	}
206	slider_story = $('#StoryData .story-data.crt .ep-slider-sceneImage');
207	slider_story.on('beforeChange', function(event, slick, currentSlide, nextSlide){
208	    //console.log(currentSlide);
209		chgBgImg(nextSlide+1);
210	});
211	chgBgImg(1);
212	slider_story.slick({
213	  autoplay: true,
214	  fade: true,
215	  adaptiveHeight: true,
216	  centerMode:false,
217	  slidesToShow: 1,
218	  infinite: true,
219	  arrows:false,
220	  dots:false,
221	  responsive: [
222	    {
223	      breakpoint: 768,
224	      settings: {
225	        
226	      }
227	    }
228	  ]
229	});
230}
231function chgBgImg(num){
232	$('#StoryBgSlider .bg-sceneImage').fadeOut(500).fadeIn(500);
233	setTimeout(function(){
234		$('#StoryBgSlider .bg-sceneImage').css('background-image','url(../assets/story/'+crt_story+'_'+num+'.jpg)')
235	}, 500);
236	
237}
238function movStory(num){
239	var vc = crt_story + num;
240	if( vc < 1 ){ vc = 1 }
241	if( vc > max_story ){ vc = max_story }
242	//console.log(vc);
243	chgStory(vc);
244}
245function chgImg(num){
246	//console.log(num);
247	slider_story.slick('slickGoTo',num-1);
248}
249
250$(document).ready( function(){
251	//colorbox
252	var ua = checkAgent();
253	if(ua == "smp" || ua == "tab"){
254		$('.rel-banner ul').slick({
255	  		//prevArrow:'#BannerCsrL',
256	  		//nextArrow:'#BannerCsrR',
257	  		autoplay: true,
258	  		slidesToShow: 1,
259	  		centerMode: true,
260			centerPadding:'3em',
261	  		infinite: true,
262	  		dots:false,
263	  		arrows:false,
264	  		focusOnSelect: false
265		});
266	}else if(ua == "pc"){
267
268	}
269});