https://www.iss.is.tohoku.ac.jp/tags/%E8%A5%BF%E5%85%AC%E5%9C%92%E4%BB%99%E5%8F%B0/ Recent content in 西公園，仙台 on Hugo ja-jp Sun, 12 Apr 2026 00:00:00 +0000 https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/ Sun, 12 Apr 2026 00:00:00 +0000 https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/ <p>2026年4月12日(日)に西公園で花見を行いました。</p> <div class="gallery-grid" id="my-gallery"> <div class="gallery-item"> <a href="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_2656.jpg" data-pswp-width="3024" data-pswp-height="4032" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_2656_hu_7c86dc9d9257111f.jpg" alt="IMG_2656.jpg" class="ba b--black-10 br2 shadow-4 hover-opacity"> </a> </div> <div class="gallery-item"> <a href="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_2657.jpg" data-pswp-width="4032" data-pswp-height="3024" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_2657_hu_3f1893d5a598a48b.jpg" alt="IMG_2657.jpg" class="ba b--black-10 br2 shadow-4 hover-opacity"> </a> </div> <div class="gallery-item"> <a href="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_3285.jpg" data-pswp-width="4032" data-pswp-height="3024" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_3285_hu_65beb7c2cfe53e12.jpg" alt="IMG_3285.jpg" class="ba b--black-10 br2 shadow-4 hover-opacity"> </a> </div> <div class="gallery-item"> <a href="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_3286.jpg" data-pswp-width="4032" data-pswp-height="3024" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2026-04-12-hanami/IMG_3286_hu_b03795e08716d566.jpg" alt="IMG_3286.jpg" class="ba b--black-10 br2 shadow-4 hover-opacity"> </a> </div> </div> <link rel="stylesheet" href="https://unpkg.com/photoswipe@5.4.3/dist/photoswipe.css"> <script type="module"> import PhotoSwipeLightbox from 'https://unpkg.com/photoswipe@5.4.3/dist/photoswipe-lightbox.esm.js'; const lightbox = new PhotoSwipeLightbox({ gallery: '#my-gallery', children: 'a', pswpModule: () => import('https://unpkg.com/photoswipe@5.4.3/dist/photoswipe.esm.js'), caption: (el) => el.querySelector('img').getAttribute('alt'), }); lightbox.init(); </script> <style> .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .gallery-item img { width: 100%; height: auto; display: block; transition: transform 0.2s ease-in-out; cursor: zoom-in; } .gallery-item img:hover { transform: scale(1.03); opacity: 0.8; } </style>