/* ==========================================================================
   セミナー専用スタイル（archive-seminar.php / single-seminar.php でのみ読み込み）
   --------------------------------------------------------------------------
   /about/ と違い、このページは親テーマ LIQUID CORPORATE のレイアウト
   （container > row > mainarea + sidebar）の中で描画される。
   そのため局所リセットは持ち込まず、追加した要素にだけルールを当てている。
   全ルールを .seminar-archive / .seminar-single 配下にスコープし、
   変数もそこに置いて他ページへ漏れないようにする（aio-common.css と同じ考え方）。
   ヘッダー / フッターは aio-common.css が担当するのでここには含めない。
   ========================================================================== */

.seminar-archive,.seminar-single{
  --pink:#F2849E;
  --pink-strong:#E8688A;
  --pink-light:#FEF6F8;
  --pink-mid:#FBDCE4;
  --pink-dark:#C95876;
  --beige2:#F9F2EF;
  --text:#4A3338;
  --text-muted:#9C7D84;
  --text-light:#C4A8AF;
  --border:#F5DEE4;
  --white:#FFFFFF;
}

/* ---- 一覧カード（archive / 個別ページ下部の「開催予定」で共用） ---- */

.jsem-item{margin-bottom:1rem}
.jsem-item .post_links{display:block;text-decoration:none;color:inherit}
.jsem-item.is-finished{opacity:.68}

/* 親テーマが .list .post_links .list-block に display:table を当てているため、
   同じ要素を指す詳細度(0,4,0)で上書きする。ここを下げると表組みに戻る。 */
.jsem-item.list .post_links .jsem-block{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;background:var(--white);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.jsem-item .post_links:hover .jsem-block{border-color:var(--pink);box-shadow:0 4px 20px rgba(242,132,158,.12)}

/* アイキャッチ。縦横比を固定して、画像サイズがまちまちでも行の高さが揃うようにする */
.jsem-card-thumb{flex-shrink:0;width:200px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:var(--pink-light)}
.jsem-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.jsem-item .post_links:hover .jsem-card-thumb img{transform:scale(1.04)}

/* 日付ブロック（年 / 月日 / 曜日の3段） */
.jsem-date{flex-shrink:0;width:78px;text-align:center;padding:10px 6px;background:var(--pink-light);border:1px solid var(--pink-mid);border-radius:10px;line-height:1.25}
.jsem-date-y{display:block;font-size:11px;color:var(--pink-dark)}
.jsem-date-md{display:block;font-size:21px;font-weight:700;color:var(--pink-dark)}
.jsem-date-w{display:block;font-size:11px;color:var(--text-muted)}

/* 親テーマの .list-text は display:table-cell。block に戻したうえで伸縮させる */
.jsem-item.list .post_links .jsem-text{display:block;flex:1;min-width:0}

.jsem-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.jsem-cat{font-size:11px;color:var(--pink-dark);background:var(--pink-light);padding:3px 10px;border-radius:6px}
.jsem-status{font-size:11px;padding:3px 10px;border-radius:6px}
.jsem-status.is-open{color:#1E7A52;background:#E4F5EC}
.jsem-status.is-closed{color:var(--text-muted);background:var(--beige2)}
.jsem-status.is-past{color:var(--text-light);background:var(--beige2)}

.jsem-ttl.list-title{font-size:1.05rem;font-weight:600;line-height:1.7;margin:0 0 10px;color:var(--text)}

.jsem-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.jsem-meta li{font-size:12px;color:var(--text-muted);line-height:1.7}
.jsem-meta li b{font-weight:600;color:var(--text);margin-right:6px}

/* 「随時開催」など、決まった1日でないときのバッジ */
.jsem-date.jsem-date-note{display:flex;align-items:center;justify-content:center;width:96px;min-height:64px;font-size:12px;font-weight:600;color:var(--pink-dark);line-height:1.5}

/* ---- 個別ページ ---- */

.jsem-tags-single{margin-bottom:1.25rem}
.jsem-tags-single .jsem-cat,.jsem-tags-single .jsem-status{font-size:12px;padding:4px 12px}

.jsem-thumb{margin-bottom:1.75rem}
.jsem-thumb img{max-width:100%;height:auto;display:block;border-radius:14px}

/* 開催概要テーブル */
.jsem-summary{width:100%;border-collapse:collapse;margin-bottom:2.5rem;font-size:.95rem}
.jsem-summary th,.jsem-summary td{padding:13px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.jsem-summary tr:first-child th,.jsem-summary tr:first-child td{border-top:1px solid var(--border)}
.jsem-summary th{width:130px;background:var(--pink-light);font-weight:600;white-space:nowrap;color:var(--pink-dark)}

/* 申込ボタン */
.jsem-cta{text-align:center;padding:2.25rem 20px;margin:2.5rem 0;background:var(--pink-light);border-radius:16px}
.jsem-btn{display:inline-block;padding:15px 42px;background:var(--pink);color:var(--white);text-decoration:none;border-radius:30px;font-size:1rem;font-weight:600;transition:background .2s}
.jsem-btn:hover,.jsem-btn:focus{background:var(--pink-strong);color:var(--white);text-decoration:none}
.jsem-btn .icon{margin-right:6px}
.jsem-cta-note{margin:14px 0 0;font-size:.875rem;color:var(--text-muted);line-height:1.9}
.jsem-cta-note:first-child{margin-top:0}
.jsem-cta-note a{color:var(--pink-dark);text-decoration:underline}

/* ---- 過去アーカイブ（jineko.life）への導線 ---- */

.jsem-external{margin:3rem 0 1rem;padding:1.75rem 1.5rem;background:var(--pink-light);border:1px solid var(--pink-mid);border-radius:14px;text-align:center}
.jsem-external p{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.9}
.jsem-external-link{display:inline-block;padding:11px 28px;background:var(--white);color:var(--pink-dark);border:1.5px solid var(--pink-mid);border-radius:25px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
.jsem-external-link:hover,.jsem-external-link:focus{background:var(--pink-light);border-color:var(--pink);color:var(--pink-dark);text-decoration:none}

/* ---- スマホ ---- */

@media only screen and (max-width:768px){

  .jsem-item.list .post_links .jsem-block{flex-direction:column;gap:.9rem;padding:1.1rem}
  .jsem-card-thumb{width:100%}

  /* 日付は縦3段から横1行に組み替える */
  .jsem-date{width:auto;align-self:flex-start;display:flex;align-items:baseline;gap:8px;padding:7px 16px}
  .jsem-date-y,.jsem-date-md,.jsem-date-w{display:inline}
  .jsem-date-md{font-size:18px}

  .jsem-meta{flex-direction:column;gap:2px}

  /* 概要テーブルは1カラムに積む */
  .jsem-summary th,.jsem-summary td{display:block;width:auto;padding:10px 14px}
  .jsem-summary th{border-bottom:none;padding-bottom:4px}
  .jsem-summary tr:first-child td{border-top:none}

  .jsem-btn{display:block;padding:14px 20px}

  .jsem-external{padding:1.4rem 1.1rem}
  .jsem-external-link{display:block;padding:12px 16px}
}