// クリック時の処理
$('ul li a').click(function() {
// クリックした画像の子要素（img）のsrc属性をimgSrcの変数位に設定
var imgSrc = $(this).children().attr('src');
// bigimg内の子要素（img）のsrc属性を、imgSrcに書き換える（＝モーダル内で拡大画像として表示される）
$('.bigimg').children().attr('src', imgSrc);
// モーダルを表示させる
$('.modal').fadeIn();
// モーダル表示中に画面の縦スクロールをさせない処理
$('body,html').css('overflow-y', 'hidden');
// aタグの遷移を無効化
return false
});


// 「✕」ボタン時の処理（「✕」以外どこでも閉じるようにclassを当ててみた）
$('.close-btn').click(function() {
// モーダルを非表示に
$('.modal').fadeOut();
// 無効化していた、縦スクロールの有効化の処理
$('body,html').css('overflow-y', 'visible');
return false
});