@import url('/ベースhtml/assets/css/style.css');

.campaign-list{
  max-width: 1120px;
  margin: 0 auto;
}



/* campaign.css — styles specific to campaign pages
   Add your campaign-specific CSS rules here. */

/* Example placeholder */
.campaign-archive .campaign-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.campaign-detail .campaign-header{margin-bottom:24px}

/* Page title image */
.page-title{
  text-align: center;
  margin: 32px 0;
}
.page-title img{
  max-width: fit-content;
}
/* .page-title img{max-width:100%;height:140px;object-fit:contain} */

/* List item layout */
/* .campaign-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.campaign-list .campaign-item{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.campaign-thumb{width:100%;height:220px;overflow:hidden;flex:0 0 auto}
.campaign-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.campaign-meta{padding:18px}
.campaign-title{font-size:1.125rem;margin:0 0 8px;color:#222}
.campaign-date{color:#999;font-size:0.85rem;margin-bottom:6px}
.campaign-period{display:inline-block;background:#f2f2f2;color:#666;padding:6px 10px;border-radius:20px;font-size:0.85rem;margin-bottom:8px}
.campaign-caption{color:#555;margin-top:8px;font-size:0.95rem;line-height:1.6} */

/* New: styles for the banner list output (campaign_bnr_*) */
.campaign_bnr_list{display:flex;flex-wrap:wrap;gap:28px;list-style:none;padding:0;margin:0}
/* .campaign_bnr_item{width:calc(50% - 14px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.06);display:flex;flex-direction:column} */
/* .campaign_bnr_item a{display:block;color:inherit;text-decoration:none}
.campaign_bnr_item img{width:100%;height:220px;object-fit:cover;display:block} */
.campaign_bnr_caption{padding:14px 16px 8px;font-size:1rem;color:#222;margin:0}
/* .campaign_bnr_bottom{padding:0 16px 18px;display:flex;align-items:center;gap:8px} */
.campaign-period{display:inline-block;background:#f2f2f2;color:#666;padding:6px 10px;border-radius:20px;font-size:0.85rem}
.campaign-badge{display:inline-block;background:#fff;border:1px solid #e6e6e6;color:#666;padding:6px 10px;border-radius:20px;font-size:0.85rem}
/* Old-style list (終了したキャンペーン) */
.campaign-old-entries{max-width:1120px;margin:0 auto;padding:0 16px}
.campaign-old-row{border-bottom:1px solid #e6e6e6;padding:18px 0}
.campaign-old-meta{font-size:0.9rem;color:#999;display:flex;gap:12px;align-items:center;margin-bottom:6px}
.campaign-old-date{min-width:120px}
.campaign-old-cat{background:#f2f2f2;padding:4px 8px;border-radius:12px;color:#666;font-size:0.85rem}
.campaign-old-title{font-size:1rem;color:#222}
.campaign-old-title a{color:inherit;text-decoration:none}
.campaign-old-title a:hover{text-decoration:underline}

/* Categories */
.campaign-categories{color:#666;font-size:0.85rem;margin-bottom:8px}

@media (max-width:767px){
   /* .campaign-list{grid-template-columns:1fr}
   .campaign-thumb{height:160px}
   .page-title img{height:100px} */
}

/* Slight visual tuning to match sample layout */
/* .campaign-archive .wrap, .campaign-old-list .wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.campaign-list .campaign-item .campaign-meta .campaign-title{font-weight:600}
.campaign-item a{color:inherit;text-decoration:none}
.campaign-item a:hover .campaign-title{text-decoration:underline} */
e} */