/* TORICO Instagram フィード表示（静的サイト側）
   現行TOPのInstagram枠に馴染むよう、8枚を正方形グリッドで並べる最小スタイル。
   実際の配置時に現行サイトの余白・カラムに合わせて微調整すること。 */

.torico-ig-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.torico-ig-item {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 4px;
  background: #f0f0f0;
}
.torico-ig-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s ease, opacity .3s ease;
}
.torico-ig-item:hover img {
  transform: scale(1.05);
  opacity: .9;
}
.torico-ig-more {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  letter-spacing: .04em;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

@media (max-width: 768px) {
  .torico-ig-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  .torico-ig-grid .torico-ig-item:nth-child(n+7) { display: none; }
}