fancybox.jsを使ってタッチやレスポンシブに対応可能なlightboxモーダル表示方法をご紹介します。 タッチやレスポンシブ対応可能なlightboxモーダル表示のCSS記述 ※jquery.fancybox.cssファイルを読み込みます。ギャラリー画像(a[data-fancybox] img)、モーダル表示時のcaption(.fancybox__caption)のCSS記述です。必要に応じて変更して下さい。 <style> body { margin: 20px 10px; padding: 0; font-size: 14px; text-align: center; } h1{ text-align: center; font-size: 22px; line-height: 2em; padding-bottom: 20px; } a[data-fancybox] im