/* セカンドページ（一覧）共通スタイル */
:root{--blue:#1a56db;--ink:#161b26;--sub:#6b7280;--line:#e8ebf0;--soft:#f5f7fb;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
header.top{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.top-inner{max-width:1320px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px}
.back{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--blue);white-space:nowrap}
.top-inner h1{font-size:16px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-head{margin:30px 0 4px}
.page-head .kicker{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:2px}
.page-head h2{font-size:24px;font-weight:900;margin-top:4px}
.page-head h2::before{content:"";display:inline-block;width:6px;height:24px;background:var(--blue);border-radius:3px;margin-right:11px;vertical-align:-3px}
.page-head p{font-size:13px;color:var(--sub);margin-top:6px}

/* クリエイター（縦長/正方アイコン）カード */
.cgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:22px 0 60px}
.ccard{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#f4f5f7;box-shadow:0 2px 10px rgba(0,0,0,.10);transition:transform .2s,box-shadow .2s}
.ccard:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(20,40,90,.18)}
.ccard img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.ccard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,0));z-index:1}
.ccard .nm{position:absolute;left:10px;bottom:10px;z-index:2;color:#fff;font-size:12px;font-weight:900;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.5);max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* タレント（丸アイコン）グリッド */
.tgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;margin:24px 0 60px}
.tcard{text-align:center}
.tcard img{width:92px;height:92px;border-radius:50%;object-fit:cover;margin:0 auto 8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.tcard .tn{font-size:13px;font-weight:700;line-height:1.3}

/* 商品カード */
.pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:22px 0 60px}
.pcard{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.09);transition:transform .2s,box-shadow .2s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(20,40,90,.15)}
.pimg{width:100%;aspect-ratio:1;overflow:hidden;background:var(--soft)}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.pcard:hover .pimg img{transform:scale(1.04)}
.pinfo{padding:9px 11px 12px}
.pttl{font-size:12px;font-weight:700;color:#111;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pcre{font-size:10px;color:var(--sub);font-weight:700;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ppr{font-size:13px;font-weight:900;color:var(--blue)}

@media(max-width:960px){.cgrid,.pgrid{grid-template-columns:repeat(4,1fr)}.tgrid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:640px){.wrap{padding:0 14px}.top-inner{padding:12px 14px}.cgrid,.pgrid{grid-template-columns:repeat(2,1fr);gap:10px}.tgrid{grid-template-columns:repeat(3,1fr);gap:14px}.tcard img{width:72px;height:72px}.page-head h2{font-size:20px}}