https://www.iss.is.tohoku.ac.jp/tags/hokkaido/ Recent content in Hokkaido on Hugo ja-jp Sat, 01 Sep 2012 00:00:00 +0000 https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/ Sat, 01 Sep 2012 00:00:00 +0000 https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/ <p>STRセミナーにて研究発表を行いました。（9月10日～9月12日,北海道河東郡音更町）</p> <div class="gallery-grid" id="my-gallery"> <div class="gallery-item"> <a href="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image1.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image1_hu_1e8a0f0c0c0dc56d.JPG" alt="image1.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/2012-09-01-strhokkaido-2012/image10.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image10_hu_739059665573de5b.JPG" alt="image10.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/2012-09-01-strhokkaido-2012/image11.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image11_hu_615ba281d69a93ac.JPG" alt="image11.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/2012-09-01-strhokkaido-2012/image12.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image12_hu_4cb2541ea5430444.JPG" alt="image12.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/2012-09-01-strhokkaido-2012/image2.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image2_hu_5b9e03fb4b7dafe.JPG" alt="image2.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/2012-09-01-strhokkaido-2012/image3.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image3_hu_9e6e90a1dad55736.JPG" alt="image3.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/2012-09-01-strhokkaido-2012/image4.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image4_hu_d3d08d1b3c5da0d3.JPG" alt="image4.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/2012-09-01-strhokkaido-2012/image5.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image5_hu_cdfd24189f89054b.JPG" alt="image5.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/2012-09-01-strhokkaido-2012/image6.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image6_hu_e5d5490db719167e.JPG" alt="image6.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/2012-09-01-strhokkaido-2012/image7.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image7_hu_ed6ffb264045c389.JPG" alt="image7.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/2012-09-01-strhokkaido-2012/image8.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image8_hu_799a5aca82e49471.JPG" alt="image8.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/2012-09-01-strhokkaido-2012/image9.JPG" data-pswp-width="640" data-pswp-height="480" target="_blank"> <img src="https://www.iss.is.tohoku.ac.jp/news/2012-09-01-strhokkaido-2012/image9_hu_e14ec22c69f7a0bd.JPG" alt="image9.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>