/* Simple PICK UP Carousel 1.0.9 */
.spc-section{margin:20px 0 26px;font-family:inherit}
.spc-heading{background:#222;color:#fff;font-size:23px;font-weight:700;line-height:1.35;padding:13px 18px;margin:0 0 12px}
.spc-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:visible;padding:0;margin:0}
.spc-card{min-width:0;border:1px solid #ddd;border-radius:5px;background:#fff;overflow:hidden;box-sizing:border-box;transition:box-shadow .2s ease}
.spc-link{display:block;height:100%;color:inherit;text-decoration:none}
.spc-compact-layout{display:grid;grid-template-columns:39% minmax(0,1fr);gap:0;min-height:132px;height:100%;align-items:stretch}
.spc-thumb-wrap{min-width:0;aspect-ratio:4/3;overflow:hidden;background:#f2f2f2;align-self:start;margin:12px 0 12px 12px;border-radius:3px}
.spc-thumb{width:100%;height:100%;display:block;object-fit:cover}
.spc-thumb-placeholder{background:#eee}
.spc-compact-content{min-width:0;padding:11px 12px 10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.spc-compact-content .spc-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0;margin:0 0 6px;font-size:16px;line-height:1.45;font-weight:700;word-break:break-word}
.spc-compact-content .spc-lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 5px;font-size:12px;line-height:1.45;color:#555}
.spc-compact-content .spc-date{padding:0;margin:0 0 5px;font-size:11px;line-height:1.4;color:#888;font-weight:400}
.spc-compact-content .spc-more{padding:0;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.spc-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}
.spc-archive-link-wrap{display:flex;justify-content:flex-end;margin-top:9px}
.spc-archive-link{display:inline-block;color:#555;text-decoration:none;font-size:13px;font-weight:600;padding:3px 2px}
.spc-archive-link:hover{text-decoration:underline;text-underline-offset:3px}

/* PICK UP一覧ページ */
.spc-archive{margin:30px 0}
.spc-archive-inner{max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.spc-archive-heading{font-size:30px;line-height:1.4;margin:0 0 24px}
.spc-archive-grid{display:flex;flex-direction:column;gap:14px}
.spc-archive-grid .spc-card{width:100%;margin:0;border:1px solid #ddd;border-radius:5px;background:#fff;box-sizing:border-box}
.spc-archive-grid .spc-link{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;align-items:stretch}
.spc-archive-thumb{width:220px;aspect-ratio:16/9;overflow:hidden;background:#f2f2f2}
.spc-archive-thumb .spc-thumb{width:100%;height:100%;object-fit:cover;display:block}
.spc-archive-content{min-width:0;padding:14px 18px 12px;display:flex;flex-direction:column;justify-content:center}
.spc-archive-content .spc-title{padding:0;margin:0 0 5px;font-size:20px;line-height:1.5}
.spc-archive-lead{font-size:14px;line-height:1.6;color:#555;margin:0 0 6px}
.spc-archive-content .spc-date{padding:0;margin:0 0 2px;font-size:12px;color:#888}
.spc-archive-content .spc-more{padding:0;font-size:14px}

@media (max-width:767px){
  .spc-section{margin:16px 0 22px}
  .spc-heading{font-size:20px;padding:11px 13px;margin-bottom:10px}
  .spc-track{display:flex;gap:11px;overflow-x:auto;padding:0 2px 7px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .spc-track::-webkit-scrollbar{display:none}
  .spc-card{flex:0 0 88%;scroll-snap-align:start}
  .spc-compact-layout{grid-template-columns:36% minmax(0,1fr);min-height:116px}
  .spc-thumb-wrap{margin:10px 0 10px 10px;aspect-ratio:4/3}
  .spc-compact-content{padding:9px 10px 8px}
  .spc-compact-content .spc-title{font-size:15px;line-height:1.42;margin-bottom:4px}
  .spc-compact-content .spc-lead{font-size:11px;line-height:1.4;margin-bottom:3px}
  .spc-compact-content .spc-date{font-size:10px;margin-bottom:3px}
  .spc-compact-content .spc-more{font-size:11px}
  .spc-archive-link-wrap{margin-top:6px}
  .spc-archive-link{font-size:12px}
  .spc-archive{margin:20px 0}
  .spc-archive-inner{padding:0 10px}
  .spc-archive-heading{font-size:24px;margin-bottom:16px}
  .spc-archive-grid{display:flex;flex-direction:column;gap:12px}
  .spc-archive-grid .spc-link{grid-template-columns:120px minmax(0,1fr)}
  .spc-archive-thumb{width:120px;aspect-ratio:16/9}
  .spc-archive-content{padding:9px 10px 8px}
  .spc-archive-content .spc-title{font-size:15px;line-height:1.45;margin-bottom:3px}
  .spc-archive-lead{font-size:11px;line-height:1.45;margin-bottom:3px}
  .spc-archive-content .spc-date{font-size:10px;margin-bottom:1px}
  .spc-archive-content .spc-more{font-size:12px}
}
