https://mingeikan.or.jp/wp-content/themes/mingeikan/js/commons.js?2026924212703

1// UserAgentで振り分けてhtmlにclassを振る
2var agent       = navigator.userAgent; // ユーザーエージェント
3var htmlElement = document.documentElement; // html要素
4if(agent.search("Mac") != -1) { htmlElement.className += ' mac'; }
5if(agent.search("Windows") != -1){
6	htmlElement.className += ' win';
7	if((agent.search("Trident") != -1) || ((agent.search("MSIE") != -1))) {
8		htmlElement.className += ' ie';
9	}
10}
11if((agent.search("Chrome") != -1) && (agent.search("OPR") == -1)){ htmlElement.className += ' chrome'; }
12if((agent.search("Safari") != -1) && (agent.search("Chrome") == -1) && (agent.search("OPR") == -1) && (agent.search("Presto") == -1)) { htmlElement.className += ' safari'; }
13if(agent.search("Firefox") != -1) { htmlElement.className += ' firefox'; }
14if((agent.search("iPad")   != -1 || agent.search("Macintosh") != -1) && 'ontouchend' in document){ htmlElement.className += ' ipad'; }
15if(agent.search("iPhone")  != -1){ htmlElement.className += ' iphone'; }
16if(agent.search("Android") != -1){ htmlElement.className += ' android'; }
17
18// ヘッダの高さで止まる
19jQuery(window).on("load resize", function(){
20	var w = jQuery(window).width();
21	var x = 1000;
22	if (w <= x) {
23		var headerHight = 120; //ヘッダの高さ
24	} else {
25		var headerHight = 136; //ヘッダの高さ
26	}
27	jQuery('a[href^="#"].scroll').click(function(){
28		var href= jQuery(this).attr("href");
29		var target = jQuery(href == "#" || href == "" ? 'html' : href);
30		var position = target.offset().top-headerHight; //ヘッダの高さ分位置をずらす
31		jQuery("html, body").animate({scrollTop:position}, 400, "swing");
32		return false;
33	});
34    var url = jQuery(location).attr('href');
35    if (url.indexOf("?id=") == -1) {
36    } else {
37		url = url.replace("&lang=ja", "");
38		url = url.replace("&lang=en", "");
39        var url_sp = url.split("?id=");
40        var hash = '#' + url_sp[url_sp.length - 1];
41        var target2 = jQuery(hash);
42        var position2 = target2.offset().top-headerHight;
43        jQuery("html, body").animate({scrollTop:position2}, 400, "swing");
44    }
45});
46
47//トップにもどるをあとから表示
48jQuery(function() {
49	var header = jQuery('header');
50	var catheader = jQuery('#catheader');
51	var topBtn = jQuery('#pagetop');
52	topBtn.hide();
53	var w = jQuery(window).width();
54	var x = 735;
55	var y = 1240;
56	if (w > y) {
57		scroll = 280;
58		scroll2 = 310;
59	} else if ( w > x ) {
60		scroll = 180;
61		scroll2 = 220;
62	} else {
63		scroll = 110;
64		scroll2 = 150;
65	}
66
67	//スクロールが___に達したら
68	jQuery(window).scroll(function () {
69		if (jQuery(this).scrollTop() > 100) {
70			header.addClass('compact');
71			catheader.addClass('compact');
72			topBtn.fadeIn();
73		} else {
74			header.removeClass('compact');
75			catheader.removeClass('compact');
76			topBtn.fadeOut();
77		}
78	});
79
80	//スクロールしてトップ
81    topBtn.click(function () {
82		jQuery('body,html').animate({
83			scrollTop: 0
84		}, 500);
85		return false;
86    });
87    jQuery('.topbtn a').click(function () {
88		jQuery('body,html').animate({
89			scrollTop: 0
90		}, 500);
91		return false;
92    });
93});
94
95// グロバルナビ
96jQuery( function() {
97
98	// 画像の右クリック回避
99	jQuery('img').on('contextmenu', function(e) {
100//		return false;
101	});
102
103	// Search
104	jQuery('#searchbtn').click(function() {
105		jQuery('#searchpanel').toggleClass('active');
106	});
107	jQuery('#searchpanel span').click(function() {
108		jQuery('#searchpanel').toggleClass('active');
109	});
110
111	// Nav
112	jQuery('#navbtn').click(function() {
113		jQuery(this).toggleClass('active');
114		jQuery('#navs').toggleClass('active');
115	});
116	jQuery('#catbtn').click(function() {
117		jQuery(this).toggleClass('active');
118		jQuery('+ div:not(:animated)',this).animate({
119			height : 'toggle',
120			opacity : 'toggle'
121		}, 200 );
122	});
123	jQuery('#itemsearchtitle').click(function() {
124		jQuery(this).toggleClass('active');
125		jQuery('#itemsearch:not(:animated)').animate({
126			height : 'toggle',
127			opacity : 'toggle'
128		}, 200 );
129	});
130
131	// floormap
132	jQuery('.maplink01').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent01').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
133	jQuery('.maplink02').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent02').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
134	jQuery('.maplink03').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent03').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
135	jQuery('.maplink04').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent04').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
136	jQuery('.maplink05').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent05').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
137	jQuery('.maplink06').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent06').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
138
139	jQuery('.maplink11').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent11').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
140	jQuery('.maplink12').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent12').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
141	jQuery('.maplink13').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent13').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
142	jQuery('.maplink14').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent14').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
143	jQuery('.maplink15').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent15').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
144	jQuery('.maplink16').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent16').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
145	jQuery('.maplink17').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent17').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
146	jQuery('.maplink18').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent18').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
147
148	jQuery('.maplink21').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent21').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
149	jQuery('.maplink22').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent22').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
150	jQuery('.maplink23').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent23').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
151	jQuery('.maplink24').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent24').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
152	jQuery('.maplink25').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent25').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
153	jQuery('.maplink26').click(function() { jQuery('.mapcontent').fadeOut(100);　jQuery('#mapcontent26').fadeIn('slow'); jQuery('.mapmask').fadeIn(200); });
154
155	jQuery('.closebtn').click(function() {
156		jQuery('.mapcontent').fadeOut(200);
157		jQuery('.mapmask').fadeOut(200);
158	});
159	jQuery('.mapmask').click(function() {
160		jQuery('.mapcontent').fadeOut(200);
161		jQuery('.mapmask').fadeOut(200);
162	});
163
164	jQuery('#tabbox').tabs();
165	jQuery('#tabbox_en').tabs();
166
167});
168jQuery(window).on("load resize", function(){
169	var w = jQuery(window).width();
170	var x = 1000;
171	if (w <= x) {
172		jQuery(function() {
173//			jQuery('#catheader > div > div > ul > li').click(function() {
174//				jQuery('> div:not(:animated)', this).slideToggle(200);
175//			});
176			jQuery('#catheader li.has_child span').click(function() {
177				jQuery(this).toggleClass('active');
178				jQuery('+ ul:not(:animated)', this).animate({
179					height : 'toggle',
180					opacity : 'toggle'
181				}, 200 );
182			});
183			jQuery('#catheader.collectionnav li.has_child a').click(function() {
184				jQuery('+ span', this).toggleClass('active');
185				jQuery('+ span + ul:not(:animated)', this).animate({
186					height : 'toggle',
187					opacity : 'toggle'
188				}, 200 );
189			});
190		});
191	} else {
192		jQuery(function() {
193//			jQuery('#catheader > div > div > ul > li').hover(function() {
194//				jQuery('> div:not(:animated)', this).fadeIn(200);
195//			},
196//			function(){
197//				jQuery('> div:not(:animated)', this).fadeOut();
198//			});
199			jQuery('#catheader li.has_child').hover(function() {
200				jQuery(this).addClass('active');
201				jQuery('> ul:not(:animated)', this).animate({
202					height : 'toggle',
203					opacity : 'toggle'
204				}, 200 );
205			},
206			function(){
207				jQuery(this).removeClass('active');
208				jQuery('> ul', this).fadeOut(100);
209			});
210
211		});
212	}
213});
214jQuery(window).on("load resize", function(){
215	var w = jQuery(window).width();
216	var x = 735;
217	if (w <= x) {
218		jQuery(function() {
219
220			// Global Menu
221			jQuery('nav > div > ul > li.menu-item-has-children').click(function() {
222				jQuery(this).toggleClass('active');
223				jQuery('> div:not(:animated)', this).slideToggle(200);
224			});
225
226			// Foot Nav
227			jQuery('#footnav h2.on').click(function() {
228				jQuery(this).toggleClass('active');
229				jQuery('+ ul:not(:animated)', this).slideToggle(100);
230			});
231		});
232	} else {
233		jQuery(function() {
234
235			// Global Menu
236			jQuery('nav > div > ul > li').hover(function() {
237				jQuery('> a', this).addClass('active');
238				jQuery('> div:not(:animated)', this).slideToggle(200);
239			},
240			function(){
241				jQuery('> a', this).removeClass('active');
242				jQuery('> div', this).fadeOut();
243			});
244
245			// Language
246			jQuery('#lang').click(function() {
247				jQuery(this).toggleClass('active');
248				jQuery('#langbtn').toggleClass('active');
249				jQuery('#langmenu:not(:animated)').animate({
250					height : 'toggle',
251					opacity : 'toggle'
252				}, 100 );
253			});
254
255		});
256	}
257});
258
259
260
261
262
263
264
265
266
267// 住所自動入力
268jQuery(function() {
269    jQuery( 'input[name="zip2"]' ).keyup( function() {
270        AjaxZip3.zip2addr('zip1','zip2','address1','address2');
271    })
272});
273
274// 親要素
275jQuery(function(){
276	jQuery('p:has(img.alignleft),p:has(img.alignright)').addClass('img_to_div');
277});
278
279// Scroll Effect
280jQuery(window).on('load', function (){
281	var load = jQuery('.load');
282
283	load.each( function() {
284		jQuery(this).addClass('active');
285	});
286
287});
288
289// Fancybox　もうプラグイン使わない
290jQuery(function(){
291	jQuery("a:has(img)[href$='.jpg']").fancybox({
292//		title : '',
293		animationEffect : 'fade',
294	});
295	jQuery("a:has(img)[href$='.png']").fancybox({
296		title : '',
297		animationEffect : 'fade',
298	});
299	jQuery("a:has(img)[href$='.gif']").fancybox({
300		title : '',
301		animationEffect : 'fade',
302	});
303	var w = jQuery(window).width();
304	var x = 735;
305	if (w <= x) {
306		jQuery('a.iframe_movie').fancybox({
307			'type': 'iframe',
308			'autoSize': false,
309			'width': 320,
310			'height': 260,
311			'scrolling': 'no',
312			'centerOnScroll' : true
313		});
314	} else {
315		jQuery('a.iframe_movie').fancybox({
316			'type': 'iframe',
317			'autoSize': false,
318			'width': 854,
319			'height': 560,
320			'scrolling': 'no',
321			'centerOnScroll' : true
322		});
323	}
324});
325
326// 高さあわせ
327jQuery(function(){
328	jQuery('.matchheight').matchHeight();
329});
330
331// 友の会フォーム
332jQuery(function(){
333
334	jQuery('#reasonbox').hide();
335	jQuery( 'input[name="reason"]:radio' ).change( function() {
336		if ( jQuery(this).val() == 'その他' ) {
337			jQuery('#reasonbox').fadeIn();
338		} else {
339			jQuery('#reasonbox').fadeOut();
340		}
341	});
342	if ( jQuery('input[name="reason"]:checked').val() ==='その他' ) {
343		jQuery('#reasonbox').show();
344	}
345	if ( jQuery('input[name="reason"]:hidden').val() ==='その他' ) {
346		jQuery('.mw_wp_form_confirm #reasonbox').show();
347	}
348	if ( jQuery('input[name="reason"]:checked').val() ==='その他' ) {
349		jQuery('.mw_wp_form_confirm #reasonbox').show();
350	}
351
352});
353
354// 寄付フォーム
355jQuery(function(){
356
357
358	// 日本語
359	jQuery('.abroad').hide();
360	jQuery( 'input[name="country"]:radio' ).change( function() {
361		if ( jQuery(this).val() == '国内' ) {
362			jQuery('.domestic').fadeIn();
363			jQuery('.abroad').hide();
364			jQuery('#address5').val('');
365		} else {
366			jQuery('.domestic').hide();
367			jQuery('.abroad').fadeIn();
368			jQuery('#zip1').val('');
369			jQuery('#zip2').val('');
370			jQuery('#address1').val('');
371			jQuery('#address2').val('');
372			jQuery('#address3').val('');
373			jQuery('#address4').val('');
374		}
375	});
376	if ( jQuery('input[name="country"]:checked').val() ==='国内' ) {
377		jQuery('.domestic').show();
378		jQuery('.abroad').hide();
379		jQuery('#address5').val('');
380	}
381	if ( jQuery('input[name="country"]:checked').val() ==='国外' ) {
382		jQuery('.domestic').hide();
383		jQuery('.abroad').show();
384		jQuery('#zip1').val('');
385		jQuery('#zip2').val('');
386		jQuery('#address1').val('');
387		jQuery('#address2').val('');
388		jQuery('#address3').val('');
389		jQuery('#address4').val('');
390	}
391
392	if ( jQuery('input[name="country"]:hidden').val() ==='国内' ) {
393		jQuery('.mw_wp_form_confirm .domestic').show();
394		jQuery('.mw_wp_form_confirm .abroad').hide();
395	}
396	if ( jQuery('input[name="country"]:checked').val() ==='国内' ) {
397		jQuery('.mw_wp_form_confirm .domestic').show();
398		jQuery('.mw_wp_form_confirm .abroad').hide();
399	}
400	if ( jQuery('input[name="country"]:hidden').val() ==='国外' ) {
401		jQuery('.mw_wp_form_confirm .domestic').hide();
402		jQuery('.mw_wp_form_confirm .abroad').show();
403	}
404	if ( jQuery('input[name="country"]:checked').val() ==='国外' ) {
405		jQuery('.mw_wp_form_confirm .domestic').hide();
406		jQuery('.mw_wp_form_confirm .abroad').show();
407	}
408
409	jQuery('#receiptbox').hide();
410	jQuery( 'input[name="receipt"]:radio' ).change( function() {
411		if ( jQuery(this).val() == 'PDF形式でメール送付' || jQuery(this).val() == '郵送' ) {
412			jQuery('#receiptbox').fadeIn();
413		} else if ( jQuery(this).val() == '不要' ) {
414			jQuery('#receiptbox').fadeOut();
415			jQuery('#receipt_name').val('');
416		}
417	});
418	if ( jQuery('input[name="receipt"]:checked').val() ==='PDF形式でメール送付' || jQuery('input[name="receipt"]:checked').val() ==='郵送' ) {
419		jQuery('#receiptbox').show();
420	} else {
421		jQuery('#receiptbox').hide();
422		jQuery('#receipt_name').val('');
423	}
424	if ( jQuery('input[name="receipt"]:hidden').val() ==='PDF形式でメール送付' || jQuery('input[name="receipt"]:hidden').val() === '郵送' ) {
425		jQuery('.mw_wp_form_confirm #receiptbox').show();
426	}
427	if ( jQuery('input[name="receipt"]:checked').val() ==='PDF形式でメール送付' || jQuery('input[name="receipt"]:checked').val() === '郵送' ) {
428		jQuery('.mw_wp_form_confirm #receiptbox').show();
429	}
430
431	// 英語
432	jQuery("#pay_credit-1").prop("checked", true);
433	jQuery('.domestic2').hide();
434	jQuery( 'input[name="country"]:radio' ).change( function() {
435		if ( jQuery(this).val() == 'Japan' ) {
436			jQuery('.domestic2').fadeIn();
437			jQuery('.abroad2').hide();
438			jQuery('#address5').val('');
439		} else {
440			jQuery('.domestic2').hide();
441			jQuery('.abroad2').fadeIn();
442			jQuery('#zip1').val('');
443			jQuery('#zip2').val('');
444			jQuery('#address1').val('');
445			jQuery('#address2').val('');
446			jQuery('#address3').val('');
447			jQuery('#address4').val('');
448		}
449	});
450	if ( jQuery('input[name="country"]:checked').val() ==='Japan' ) {
451		jQuery('.domestic2').show();
452		jQuery('.abroad2').hide();
453		jQuery('#address5').val('');
454	}
455	if ( jQuery('input[name="country"]:checked').val() ==='Other' ) {
456		jQuery('.domestic2').hide();
457		jQuery('.abroad2').show();
458		jQuery('#zip1').val('');
459		jQuery('#zip2').val('');
460		jQuery('#address1').val('');
461		jQuery('#address2').val('');
462		jQuery('#address3').val('');
463		jQuery('#address4').val('');
464	}
465
466	if ( jQuery('input[name="country"]:hidden').val() ==='Japan' ) {
467		jQuery('.mw_wp_form_confirm .domestic2').show();
468		jQuery('.mw_wp_form_confirm .abroad2').hide();
469	}
470	if ( jQuery('input[name="country"]:checked').val() ==='Japan' ) {
471		jQuery('.mw_wp_form_confirm .domestic2').show();
472		jQuery('.mw_wp_form_confirm .abroad2').hide();
473	}
474	if ( jQuery('input[name="country"]:hidden').val() ==='Other' ) {
475		jQuery('.mw_wp_form_confirm .domestic2').hide();
476		jQuery('.mw_wp_form_confirm .abroad2').show();
477	}
478	if ( jQuery('input[name="country"]:checked').val() ==='Other' ) {
479		jQuery('.mw_wp_form_confirm .domestic2').hide();
480		jQuery('.mw_wp_form_confirm .abroad2').show();
481	}
482
483	jQuery('#receiptbox').hide();
484	jQuery( 'input[name="receipt"]:radio' ).change( function() {
485		if ( jQuery(this).val() == 'PDF file' || jQuery(this).val() == 'postal mail' ) {
486			jQuery('#receiptbox').fadeIn();
487		} else if ( jQuery(this).v

487al() == 'none' ) {
488			jQuery('#receiptbox').fadeOut();
489			jQuery('#receipt_name').val('');
490		}
491	});
492	if ( jQuery('input[name="receipt"]:checked').val() ==='PDF file' || jQuery('input[name="receipt"]:checked').val() ==='postal mail' ) {
493		jQuery('#receiptbox').show();
494	} else {
495		jQuery('#receiptbox').hide();
496		jQuery('#receipt_name').val('');
497	}
498	if ( jQuery('input[name="receipt"]:hidden').val() ==='PDF file' || jQuery('input[name="receipt"]:hidden').val() === 'postal mail' ) {
499		jQuery('.mw_wp_form_confirm #receiptbox').show();
500	}
501	if ( jQuery('input[name="receipt"]:checked').val() ==='PDF file' || jQuery('input[name="receipt"]:checked').val() === 'postal mail' ) {
502		jQuery('.mw_wp_form_confirm #receiptbox').show();
503	}
504
505});
506