/* Office N igtiles v1.0 — Instagram自動タイル（レスポンシブ・美タイル） */
.igtiles{max-width:760px;margin:8px auto 0;padding:16px 14px 18px;background:#fff;border-radius:18px;box-shadow:0 6px 22px rgba(0,0,0,.10);text-align:left}
.igt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.igt-id{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.igt-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:
  radial-gradient(circle at 30% 110%,#feda75 0%,#fa7e1e 30%,#d62976 60%,#962fbf 82%,#4f5bd5 100%);position:relative}
.igt-icon::before{content:"";position:absolute;inset:8px;border:2.5px solid #fff;border-radius:9px}
.igt-icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:2.5px solid #fff;border-radius:50%}
.igt-user{font-weight:800;font-size:15px;color:#222;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.igt-follow{flex:0 0 auto;padding:9px 18px;border-radius:999px;color:#fff!important;font-weight:800;font-size:13px;text-decoration:none;background:linear-gradient(90deg,#fa7e1e,#d62976);box-shadow:0 3px 10px rgba(214,41,118,.30);transition:transform .15s ease,box-shadow .15s ease}
.igt-follow:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(214,41,118,.40)}
.igt-grid{list-style:none;margin:0;padding:0;display:grid;gap:6px;
  grid-template-columns:repeat(auto-fill,minmax(clamp(96px,30vw,180px),1fr))}
.igt-item{margin:0;padding:0}
.igt-link{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#f2f2f2}
.igt-media{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.igt-link:hover .igt-media,.igt-link:focus-visible .igt-media{transform:scale(1.06)}
.igt-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,10,25,.34);opacity:0;transition:opacity .25s ease}
.igt-link:hover .igt-hover,.igt-link:focus-visible .igt-hover{opacity:1}
.igt-badge{position:absolute;top:7px;right:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.55)}
.igt-more{display:block;margin:14px auto 0;width:fit-content;padding:10px 24px;border-radius:999px;font-weight:800;font-size:13.5px;color:#c2185b!important;text-decoration:none;border:2px solid #d62976;transition:background .2s ease,color .2s ease}
.igt-more:hover{background:linear-gradient(90deg,#fa7e1e,#d62976);color:#fff!important;border-color:transparent}
@media (max-width:480px){
  .igtiles{padding:13px 10px 15px;border-radius:14px}
  .igt-grid{gap:4px;grid-template-columns:repeat(3,1fr)}
  .igt-user{font-size:13.5px}
  .igt-follow{padding:8px 14px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .igt-media,.igt-follow,.igt-hover{transition:none}
  .igt-link:hover .igt-media{transform:none}
}