https://www.klark.co.jp/wp-content/themes/lightning-child/assets/js/modal-multi.js

1$(function(){
2var nowModalMulti = null ;
3var modalClass = "modal-multi" ;
4var modals = document.getElementsByClassName( modalClass ) ;
5for(var i=0,l=modals.length; l>i; i++){
6	modals[i].onclick = function modalopen(){
7		this.blur() ;
8		var target = this.getAttribute( "data-target" ) ;
9		if( typeof( target )=="undefined" || !target || target==null ){
10			return false ;
11		}
12		nowModalMulti = document.getElementById( target ) ;
13		if( nowModalMulti == null ){
14			return false ;
15		}
16		if( $( "#modal-overlay" )[0] ) return false ;
17		$( "body" ).append( '<div id="modal-overlay"></div>' ) ;
18		$( "#modal-overlay" ).fadeIn( "fast" ) ;
19		centeringModal() ;
20		$( nowModalMulti ).fadeIn( "slow" ) ;
21		$(window).resize();
22		$( "#modal-overlay,#modal-close,.modal-close" ).unbind().click( function() {
23			$( "#" + target + ",#modal-overlay" ).fadeOut( "fast" , function() {
24				$( '#modal-overlay' ).remove() ;
25			} ) ;
26			nowModalMulti = null ;
27		} ) ;
28	}
29}
30	$( window ).resize( centeringModal ) ;
31	function centeringModal() {
32		if( nowModalMulti == null ) return false ;
33		var w = $( window ).width() ;
34		var h = $( window ).height() ;
35		var cw = $( nowModalMulti ).outerWidth() ;
36		var ch = $( nowModalMulti ).outerHeight() ;
37		$( nowModalMulti ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;
38	}
39} ) ;