/* ===================================================================
   セミナー（会員限定の動画・資料） — inc/jspg-seminar.php 用
   =================================================================== */

/* 会員限定バッジ（jspg-events.css の .jspg-badge を流用） */
#main .jspg-badge--member { color: #0A55C8; background: #e6eefb; }

/* --- 一覧 --- */
#main .jspg-seminar-list { list-style: none; margin: 0 0 2em; padding: 0; }
#main .jspg-seminar-item { margin: 0 0 1em; padding: 0; list-style: none; }
#main .jspg-seminar-item > a {
  display: flex;
  gap: 1.2em;
  padding: 1.1em 1.3em;
  color: inherit;
  text-decoration: none;
  background: #fff;
  border: 1px solid #d5dbe1;
  border-left: 6px solid #0A55C8;
  border-radius: 8px;
}
#main .jspg-seminar-item > a:hover { background: #f1f5f6; }
#main .jspg-seminar-item__thumb { flex: 0 0 7rem; }
#main .jspg-seminar-item__thumb img { display: block; width: 100%; height: auto; border-radius: 4px; }
#main .jspg-seminar-item__body { flex: 1; min-width: 0; display: block; }
#main .jspg-seminar-item__body > span { display: block; }
#main .jspg-seminar-item__date { font-size: .9rem; color: #555; }
#main .jspg-seminar-item__title { font-size: 1.1rem; font-weight: 700; line-height: 1.6; color: #1565c0; margin: .15em 0; }
#main .jspg-seminar-item__org,
#main .jspg-seminar-item__counts { font-size: .9rem; color: #555; }
#main .jspg-seminar-item__excerpt { margin-top: .5em; font-size: .95rem; line-height: 1.7; }

/* --- 各開催ページ --- */
#main .jspg-seminar-meta { margin: 0 0 1.5em; color: #555; }
#main .jspg-seminar-meta > span + span { margin-left: 1em; }
#main .jspg-seminar-h { margin-top: 2.5em; }

#main .jspg-seminar-toc { margin: 0 0 1em 1.4em; }
#main .jspg-seminar-speaker { margin: .8em 0 .5em; color: #555; }
#main .jspg-seminar-note { margin-top: .6em; font-size: .95rem; color: #444; }

/* 動画は16:9。横幅いっぱいに広げる */
#main .jspg-seminar-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: .5em 0 1em;
  background: #000;
}
#main .jspg-seminar-video iframe {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}

#main .jspg-seminar-files { list-style: none; margin: 0 0 1.5em; padding: 0; }
#main .jspg-seminar-files li { margin: 0 0 .5em; padding: 0; list-style: none; }
#main .jspg-seminar-filemeta { margin-left: .5em; font-size: .85rem; color: #777; }

#main .jspg-seminar-back { margin-top: 3em; }

/* --- パスワード入力 --- */
#main .jspg-seminar-lock {
  max-width: 34rem;
  margin: 1em 0 2em;
  padding: 1.4em 1.6em;
  background: #f5f5f5;
  border-radius: 8px;
}
#main .jspg-seminar-lock .post-password-form p { margin-bottom: .8em; }
#main .jspg-seminar-lock input[type="password"] { max-width: 100%; }
#main .jspg-seminar-lock__note { margin: 1em 0 0; font-size: .85rem; color: #666; }

@media (max-width: 30rem) {
  #main .jspg-seminar-item > a { display: block; }
  #main .jspg-seminar-item__thumb { display: block; width: 60%; margin-bottom: .8em; }
}