/* style_hosted.css */




/* ===== 主催事業 固有スタイル ===== */
.section{
  max-width: 1100px; 
  margin: 0 auto;
  border: none;
}
.section-header{display: block;}
.sec-label{font-size:10px;letter-spacing:0.2em;color:var(--en);text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:36px;padding-bottom:16px;border-bottom:1px solid var(--paper3);letter-spacing:0.05em;}
.sec-title::before{content:'';display:block;width:24px;height:2px;background:var(--en);margin-bottom:14px;}

/* ===== ヒーロー ===== */
.page-hero{padding:64px 56px 56px;border-bottom:1px solid var(--paper3);}
.page-hero-en{font-size:11px;letter-spacing:0.2em;color:var(--en);margin-bottom:12px;}
.page-hero-title{font-size:32px;font-weight:600;color:var(--ink);letter-spacing:0.05em;margin-bottom:16px;}
.page-hero-desc{font-size:14px;color:var(--ink-mid);line-height:2;}

/* ===== カテゴリフィルター ===== */
.filter-bar{padding:32px 56px 0;display:flex;gap:8px;flex-wrap:wrap;}
.filter-btn{padding:8px 20px;font-size:12px;letter-spacing:0.05em;border:1px solid var(--paper3);background:var(--paper);color:var(--ink-mid);cursor:pointer;transition:all 0.2s;}
.filter-btn:hover{border-color:var(--en);color:var(--en);}
.filter-btn.active{background:var(--en);color:#fff;border-color:var(--en);}

/* ===== 事業カードグリッド ===== */
.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

.event-card{background:var(--paper);border:1px solid var(--paper3);overflow:hidden;cursor:pointer;transition:box-shadow 0.25s,transform 0.25s;text-decoration:none;display:block;}
.event-card:hover{box-shadow:0 8px 32px rgba(139,26,26,0.10);transform:translateY(-2px);}
.event-card img{aspect-ratio: 1; width: 100%; object-fit: cover;}

.event-card-img{width:100%;aspect-ratio:1/1;background:var(--paper2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.event-card-img-placeholder{width:64px;height:64px;opacity:0.15;}

/* カテゴリ別アクセントカラー（左ボーダー） */
.hp-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.event-card-body{
  padding:16px 18px 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.event-card-cat{font-size:9px;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:8px;}

.event-card-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.6;letter-spacing:0.03em;margin-bottom:10px;}
.event-card-detail{font-size:11px;color:var(--ink-lt);line-height:1.8;}
.event-card-link{display:flex;align-items:center;gap:4px;font-size:11px;/color:var(--en)*/;margin-top:14px;letter-spacing:0.05em;}
.event-card-link::after{content:'→';}

/* ===== 非表示制御 ===== */
.category-section.hidden{display:none;}

/* ===== レスポンシブ ===== */
@media screen and (max-width:767px){
  .event-grid{grid-template-columns:repeat(2,1fr);}
  nav{padding:0 20px;}
  .page-hero,.category-section,.filter-bar,.breadcrumb,.footer-inner{padding-left:20px;padding-right:20px;}
}

/* ===== カードの配色 ===== */
.event-card{ border-top: 3px solid currentColor; }
.event-card[data-cat="アート・文化活動"] { color: #8B1A1A; }
.event-card[data-cat="音楽体験・活用"]   { color: #1A4D8B; }
.event-card[data-cat="社会・つながり"]   { color: #8B6020; }
.event-card[data-cat="企業×アーツカウンシル"] { color: #1A6B3A; }