/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


.site-footer-copyright p:nth-child(2) {
display:none;
}


th {background-color: #ddd;}

/* 管理物件 ***************************/

.vanilla-gallery {
  text-align: center;
  margin-bottom: 2em;
}

.gallery-main img {
  max-width: 100%;
  height: 300px; /* ← お好みで調整、300〜400pxくらいがバランス良い */
  object-fit: contain; /* 画像を縮小して全部表示（上下余白あり） */
  border-radius: 6px;
  margin-bottom: 0.5em;
}

.gallery-caption {
  font-size: 0.95em;
  color: #555;
}

/* デフォルト：PC・タブレットでは横に並べる */
.gallery-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.gallery-thumbnails img {
  width: 80px;
  height: auto;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.gallery-thumbnails img.is-active {
  border-color: #0073aa;
}

/* ▼ スマホサイズ以下は横スクロールに変更 */
@media screen and (max-width: 768px) {
  .gallery-thumbnails {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    padding: 10px 0;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .gallery-thumbnails img {
    flex-shrink: 0;
    scroll-snap-align: center;
  }

  /* スクロールバーを非表示にしたい場合（任意） */
  .gallery-thumbnails::-webkit-scrollbar {
    display: none;
  }
}