/* member ページだけの見た目。生成元 gen_site_w.py gen_member() */

.tools{display:flex;align-items:center;gap:2px 20px;flex-wrap:wrap;margin-top:clamp(14px,1.8vw,22px)}
.tools .lb2{font:500 13px/1 var(--gt);letter-spacing:.1em;color:var(--ink3);margin-right:6px}
.plist{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,1.7vw,26px);row-gap:clamp(40px,5vw,72px);padding:clamp(48px,7vh,90px) 0 clamp(90px,13vh,170px)}
.plist>*{min-width:0}
.pc{grid-column:span 3;display:block;perspective:900px}
.pc:nth-child(7n+1),.pc:nth-child(7n+2),.pc:nth-child(7n+3){grid-column:span 4}
.pc figure{overflow:hidden;border-radius:8px;background:var(--paper2);transform-style:preserve-3d;transition:transform .5s var(--e-cubic)}
.pc img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s var(--e-cubic)}
.pc:hover img{transform:scale(1.04)}
.pc .ph{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6eefb,#cfdff6)}
.pc .ph span{font:600 clamp(44px,4.6vw,72px)/1 var(--mc);color:#5a7395}
.pc .nm{margin-top:14px;font:700 17px/1.6 var(--gt);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;transition:color .35s var(--e-cubic)}
.pc:hover .nm{color:var(--acc)}
.pc .nm small{font:500 11.5px/1 var(--gt);letter-spacing:.1em;color:var(--ink3)}
.pc .rl{margin-top:3px;font:500 13px/1.7 var(--gt);color:var(--ink2)}
.pc.moving{transition:transform .6s var(--e-expo)}
.plist.has-sub{padding-bottom:clamp(30px,4vh,56px)}   /* 下に Creative Partner の枠が続く時は詰める（2026-09-09） */
.partner .plist-sub{padding-top:0}
.partner .h2row{margin-bottom:clamp(22px,3vw,40px)}
@media (max-width:820px){
  .plist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:28px}
  .pc,.pc:nth-child(7n+1),.pc:nth-child(7n+2),.pc:nth-child(7n+3){grid-column:span 1}
  .pc img,.pc .ph{aspect-ratio:4/5}
  .pc .nm{font-size:16px}.pc .rl{font-size:13px}
}