@charset "UTF-8";
/* ============================================================
   ゆらぎの手 ── イベント掲載パーツ 共通スタイル
   yuraginote-events.css   v1.0 / 2026-08-26
   ------------------------------------------------------------
   ・すべてのセレクタが .yn-events の中だけに閉じています。
     既存ページのCSSと干渉しません。
   ・色・字は先頭の「--yn-」変数だけ書き換えれば全体が変わります。
   ============================================================ */

.yn-events{
  /* ── 曙光トーン（既存チラシと同じ） ── */
  --yn-paper:#fdfaf3;      /* 紙 */
  --yn-kinari:#fbf5e6;     /* 生成り */
  --yn-ink:#1f1612;        /* 墨 */
  --yn-ink-soft:#3d2f28;
  --yn-mist:#7d7268;       /* 補助文字 */
  --yn-line:#e3d8c2;       /* 罫 */
  --yn-shu:#9a3d31;        /* 朱（CTA・強調） */
  --yn-shu-deep:#6e2820;
  --yn-gold:#8a5e0a;
  --yn-gold-light:#a8772a;
  --yn-night:#363f6e;      /* 夜の青 */

  --yn-serif:'Shippori Mincho','Yu Mincho','YuMincho','Hiragino Mincho ProN',serif;
  --yn-sans:'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
  --yn-latin:'Cormorant Garamond','Times New Roman',serif;

  --yn-max:960px;          /* セクション最大幅 */
  --yn-radius:4px;

  box-sizing:border-box;
  max-width:var(--yn-max);
  margin:0 auto;
  padding:clamp(32px,6vw,72px) clamp(16px,4vw,28px);
  font-family:var(--yn-sans);
  color:var(--yn-ink);
  font-size:16px;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
.yn-events *,.yn-events *::before,.yn-events *::after{box-sizing:border-box;}
.yn-events img{max-width:100%;height:auto;display:block;}
.yn-events a{color:inherit;}

/* ── セクション見出し ───────────────────────── */
.yn-events .yn-head{text-align:center;margin:0 0 clamp(28px,5vw,48px);}
.yn-events .yn-head h1,
.yn-events .yn-head h2{
  font-family:var(--yn-serif);font-weight:600;
  font-size:clamp(20px,3.4vw,27px);letter-spacing:.42em;
  margin:0 0 10px;padding-left:.42em;color:var(--yn-ink);line-height:1.6;
}
.yn-events .yn-head .yn-en{
  font-family:var(--yn-latin);font-size:12px;letter-spacing:.34em;
  color:var(--yn-gold-light);text-transform:uppercase;margin:0;padding-left:.34em;
}
.yn-events .yn-head .yn-rule{
  width:56px;height:1px;background:var(--yn-line);margin:18px auto 0;
}

/* ── カード ─────────────────────────────── */
.yn-events .yn-list{display:flex;flex-direction:column;gap:clamp(24px,4vw,36px);}

.yn-events .yn-card{
  position:relative;display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);
  background:var(--yn-paper);border:1px solid var(--yn-line);border-radius:var(--yn-radius);
  overflow:hidden;box-shadow:0 1px 2px rgba(31,22,18,.04),0 12px 32px -18px rgba(31,22,18,.28);
  transition:box-shadow .3s ease,transform .3s ease;
}
.yn-events .yn-card:hover{box-shadow:0 2px 4px rgba(31,22,18,.05),0 20px 44px -20px rgba(31,22,18,.34);transform:translateY(-2px);}
.yn-events .yn-card::before{ /* 左辺の朱 */
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--yn-shu);z-index:2;
}
.yn-events .yn-card--past{opacity:.72;filter:saturate(.55);}
.yn-events .yn-card--past::before{background:var(--yn-mist);}
.yn-events .yn-card--past:hover{transform:none;}

/* 画像 */
.yn-events .yn-card__visual{position:relative;background:var(--yn-kinari);min-height:100%;}
.yn-events .yn-card__visual img{width:100%;height:100%;object-fit:cover;object-position:center top;}

/* 日付リボン */
.yn-events .yn-date{
  position:absolute;top:0;left:3px;z-index:3;
  background:rgba(253,250,243,.94);border-bottom:1px solid var(--yn-line);border-right:1px solid var(--yn-line);
  padding:10px 14px 8px;text-align:center;line-height:1;backdrop-filter:blur(2px);
}
.yn-events .yn-date__ym{font-family:var(--yn-latin);font-size:11px;letter-spacing:.18em;color:var(--yn-gold);display:block;margin-bottom:4px;}
.yn-events .yn-date__d{font-family:var(--yn-latin);font-size:32px;font-weight:600;color:var(--yn-ink);display:block;letter-spacing:.02em;}
.yn-events .yn-date__w{font-family:var(--yn-latin);font-size:10px;letter-spacing:.24em;color:var(--yn-mist);display:block;margin-top:4px;}

/* 本文 */
.yn-events .yn-card__body{padding:clamp(20px,3vw,30px) clamp(20px,3vw,32px);display:flex;flex-direction:column;}

.yn-events .yn-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;}
.yn-events .yn-tag{
  font-size:11px;letter-spacing:.1em;line-height:1;padding:5px 9px;border:1px solid var(--yn-line);
  color:var(--yn-mist);background:var(--yn-kinari);border-radius:2px;white-space:nowrap;
}
.yn-events .yn-tag--open{border-color:var(--yn-shu);color:#fff;background:var(--yn-shu);}
.yn-events .yn-tag--few{border-color:var(--yn-gold);color:#fff;background:var(--yn-gold);}
.yn-events .yn-tag--full{border-color:var(--yn-mist);color:#fff;background:var(--yn-mist);}
.yn-events .yn-tag--closed{border-color:var(--yn-mist);color:var(--yn-mist);background:transparent;}

.yn-events .yn-kicker{
  font-size:11.5px;letter-spacing:.13em;color:var(--yn-gold);margin:0 0 8px;line-height:1.7;
}
.yn-events .yn-card__title{
  font-family:var(--yn-serif);font-weight:700;color:var(--yn-ink);
  font-size:clamp(19px,2.6vw,24px);line-height:1.55;letter-spacing:.03em;margin:0 0 10px;
}
.yn-events .yn-card__title a{text-decoration:none;}
.yn-events .yn-card__title a:hover{color:var(--yn-shu);}
.yn-events .yn-card__lead{
  font-size:14px;line-height:2;color:var(--yn-ink-soft);margin:0 0 16px;
}

/* メタ表 */
.yn-events .yn-meta{list-style:none;margin:0 0 18px;padding:14px 0 0;border-top:1px solid var(--yn-line);}
.yn-events .yn-meta li{display:flex;gap:12px;font-size:13.5px;line-height:1.85;padding:3px 0;}
.yn-events .yn-meta dt,.yn-events .yn-meta .yn-k{
  flex:0 0 4.6em;color:var(--yn-mist);font-size:12px;letter-spacing:.14em;padding-top:.28em;
}
.yn-events .yn-meta .yn-v{flex:1 1 auto;min-width:0;color:var(--yn-ink-soft);}
.yn-events .yn-meta .yn-v strong{font-weight:700;color:var(--yn-ink);}
.yn-events .yn-meta .yn-note{display:block;font-size:12px;color:var(--yn-mist);}

/* ボタン */
.yn-events .yn-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.yn-events .yn-btn{
  display:inline-block;font-family:var(--yn-serif);font-weight:600;font-size:14px;letter-spacing:.16em;
  padding:12px 26px;border-radius:2px;text-decoration:none;text-align:center;
  background:var(--yn-shu);color:#fff;border:1px solid var(--yn-shu);
  transition:background .25s ease,border-color .25s ease;
}
.yn-events .yn-btn:hover{background:var(--yn-shu-deep);border-color:var(--yn-shu-deep);}
.yn-events .yn-btn--ghost{background:transparent;color:var(--yn-ink-soft);border-color:var(--yn-line);}
.yn-events .yn-btn--ghost:hover{background:var(--yn-kinari);color:var(--yn-ink);border-color:var(--yn-gold-light);}
.yn-events .yn-btn--disabled{background:var(--yn-kinari);color:var(--yn-mist);border-color:var(--yn-line);pointer-events:none;}

/* 注記 */
.yn-events .yn-foot{
  margin:clamp(28px,5vw,44px) 0 0;padding-top:18px;border-top:1px solid var(--yn-line);
  font-size:12px;line-height:2;color:var(--yn-mist);text-align:center;
}
.yn-events .yn-foot a{color:var(--yn-gold);}

/* ── スマホ ───────────────────────────── */
@media (max-width:719px){
  .yn-events .yn-card{grid-template-columns:1fr;}
  .yn-events .yn-card__visual{aspect-ratio:16/10;min-height:0;}
  .yn-events .yn-card__visual img{object-position:center 28%;}
  .yn-events .yn-date__d{font-size:27px;}
  .yn-events .yn-meta dt,.yn-events .yn-meta .yn-k{flex-basis:4.2em;}
  .yn-events .yn-btn{flex:1 1 100%;}
}

/* ── 個別ページ用の追加パーツ ───────────────── */
.yn-events .yn-hero{margin:0 0 clamp(28px,5vw,44px);}
.yn-events .yn-hero img{width:100%;border:1px solid var(--yn-line);border-radius:var(--yn-radius);}
.yn-events .yn-hero figcaption{font-size:11.5px;color:var(--yn-mist);margin-top:8px;text-align:right;line-height:1.8;}

.yn-events .yn-block{margin:0 0 clamp(30px,5vw,48px);}
.yn-events .yn-block h3{
  font-family:var(--yn-serif);font-weight:600;font-size:16px;letter-spacing:.3em;
  margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid var(--yn-line);color:var(--yn-ink);
}
.yn-events .yn-block p{font-size:14.5px;line-height:2.1;color:var(--yn-ink-soft);margin:0 0 1.1em;}
.yn-events .yn-block p:last-child{margin-bottom:0;}
.yn-events .yn-quote{
  border-left:3px solid var(--yn-shu);background:var(--yn-kinari);
  padding:16px 20px;margin:0 0 20px;font-family:var(--yn-serif);
  font-size:15px;line-height:2;color:var(--yn-ink);
}
.yn-events .yn-quote cite{display:block;font-family:var(--yn-sans);font-style:normal;font-size:12px;color:var(--yn-mist);margin-top:10px;letter-spacing:.06em;}

/* タイムテーブル */
.yn-events .yn-time{list-style:none;margin:0;padding:0;}
.yn-events .yn-time > li{display:flex;gap:16px;padding:12px 0;border-bottom:1px dotted var(--yn-line);}
.yn-events .yn-time > li:last-child{border-bottom:0;}
.yn-events .yn-time .yn-t{
  flex:0 0 6.6em;font-family:var(--yn-latin);font-size:14px;letter-spacing:.06em;
  color:var(--yn-gold);padding-top:.2em;
}
.yn-events .yn-time .yn-c{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.95;color:var(--yn-ink-soft);}
.yn-events .yn-time .yn-c b{display:block;font-family:var(--yn-serif);font-weight:700;color:var(--yn-ink);font-size:15px;letter-spacing:.04em;}

/* 登壇者 */
.yn-events .yn-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
.yn-events .yn-person{border:1px solid var(--yn-line);background:var(--yn-paper);padding:18px;border-radius:var(--yn-radius);}
.yn-events .yn-person .yn-role{font-size:11px;letter-spacing:.2em;color:var(--yn-gold);margin:0 0 6px;}
.yn-events .yn-person .yn-name{font-family:var(--yn-serif);font-weight:700;font-size:17px;letter-spacing:.06em;margin:0 0 10px;color:var(--yn-ink);}
.yn-events .yn-person p{font-size:13px;line-height:1.95;color:var(--yn-ink-soft);margin:0;}
.yn-events .yn-person a{color:var(--yn-gold);font-size:12.5px;text-decoration:none;border-bottom:1px solid currentColor;}

/* 情報表 */
.yn-events .yn-info{width:100%;border-collapse:collapse;font-size:14px;}
.yn-events .yn-info th,.yn-events .yn-info td{border-bottom:1px solid var(--yn-line);padding:13px 8px;text-align:left;vertical-align:top;line-height:1.9;}
.yn-events .yn-info th{width:6.5em;font-weight:400;font-size:12.5px;letter-spacing:.16em;color:var(--yn-mist);white-space:nowrap;}
.yn-events .yn-info td{color:var(--yn-ink-soft);}
.yn-events .yn-info td strong{color:var(--yn-ink);}

/* 大きなCTA帯 */
.yn-events .yn-cta{
  text-align:center;background:var(--yn-kinari);border:1px solid var(--yn-line);
  border-radius:var(--yn-radius);padding:clamp(26px,4vw,40px) 20px;
}
.yn-events .yn-cta p{font-size:13.5px;color:var(--yn-ink-soft);margin:0 0 18px;line-height:1.95;}
.yn-events .yn-cta .yn-btn{font-size:15px;padding:15px 44px;}
.yn-events .yn-cta small{display:block;margin-top:16px;font-size:11.5px;color:var(--yn-mist);line-height:1.9;}
.yn-events .yn-cta small a{color:var(--yn-gold);}

@media print{
  .yn-events .yn-card{break-inside:avoid;box-shadow:none;}
  .yn-events .yn-btn{border:1px solid var(--yn-ink);color:var(--yn-ink)!important;background:none!important;}
}