/* =========================================================
   プレスリリース一覧（tmpl-press-list.php）と個別記事（tmpl-press-single.php）
   2026-10 作成。このファイルはプレスリリースの2テンプレートからだけ読み込まれる。
   ========================================================= */

/* ---------- 一覧ページ ---------- */
.prx{
  --prx-ink:#111; --prx-text:#333; --prx-muted:#777; --prx-line:#e3e3e3; --prx-draft:#d9480f;
  --prx-en:"Helvetica Neue",Helvetica,Arial,sans-serif;
  max-width:1200px; margin:0 auto; padding:0 0 48px; /* トップページの「ワイド」幅に合わせる */
  color:var(--prx-text); font-size:15px; line-height:1.75;
}
.prx a{ color:inherit; text-decoration:none; }
.prx ul{ list-style:none; margin:0; padding:0; }
.prx h1,.prx h2,.prx p,.prx dl,.prx dd{ margin:0; padding:0; }
.prx h1::before,.prx h1::after,.prx h2::before,.prx h2::after{ content:none; }
.prx img{ display:block; width:100%; height:100%; object-fit:cover; }

/* 見出し */
.prx .prx-hero{ text-align:center; padding:36px 0 28px; }
.prx .prx-hero__en{ font:700 44px/1 var(--prx-en); letter-spacing:.08em; color:var(--prx-ink); }
.prx .prx-hero__ja{ margin-top:12px; font-size:16px; font-weight:700; line-height:1.5; color:var(--prx-ink); background:none; border:0; }
.prx .prx-hero__desc p{ max-width:640px; margin:16px auto 0; font-size:14px; color:#555; }

/* テーマ別タブ（Q&Aページと同じ黒枠） */
.prx .prx-tabs{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin:4px 0 30px; }
.prx .prx-tabs__item{ display:flex; align-items:center; justify-content:center; padding:10px 6px; border:2px solid var(--prx-ink); background:#fff; color:var(--prx-ink); font-size:14px; font-weight:700; line-height:1.35; text-align:center; transition:background .2s,color .2s; }
.prx .prx-tabs__item:hover,
.prx .prx-tabs__item.is-current{ background:var(--prx-ink); color:#fff; }

/* 日付・テーマ・NEW・下書きの小さなラベル */
.prx .prx-date{ font:700 13px/1 var(--prx-en); letter-spacing:.04em; color:var(--prx-ink); white-space:nowrap; }
.prx .prx-pill{ display:inline-block; padding:4px 9px; border:1px solid var(--prx-ink); border-radius:999px; font-size:11px; font-weight:700; line-height:1; color:var(--prx-ink); white-space:nowrap; }
.prx .prx-new{ display:inline-block; padding:4px 7px; background:var(--prx-ink); color:#fff; font:700 10px/1 var(--prx-en); letter-spacing:.1em; }
.prx .prx-draft{ display:inline-block; padding:4px 7px; background:var(--prx-draft); color:#fff; font-size:10px; font-weight:700; line-height:1; }
.prx .prx-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }

/* ボタン（サイトの ALL VIEW ボタンと同じ形） */
.prx .prx-btns{ display:flex; flex-wrap:wrap; gap:10px; }
.prx .prx-btn{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border:1px solid #333; border-radius:5px; background:#fff; color:var(--prx-ink); font-size:13px; font-weight:700; line-height:1.4; transition:background .2s,color .2s; }
.prx .prx-btn:hover{ background:#333; color:#fff; }
.prx .prx-btn--fill{ background:var(--prx-ink); border-color:var(--prx-ink); color:#fff; }
.prx .prx-btn--fill:hover{ background:#444; }

/* 最新1件 */
.prx .prx-feat{ display:grid; grid-template-columns:1.1fr 1fr; gap:28px; padding:22px; border:1px solid var(--prx-line); background:#fff; }
.prx .prx-feat__img{ display:block; aspect-ratio:16/9; overflow:hidden; background:#eee; }
.prx .prx-feat__title{ margin:12px 0 10px; font-size:19px; font-weight:700; line-height:1.55; color:var(--prx-ink); background:none; border:0; padding:0; }
.prx .prx-feat__title a:hover{ text-decoration:underline; }
.prx .prx-feat__excerpt{ margin:0 0 16px; font-size:14px; color:#555; }

/* 月見出し＋一覧 */
.prx .prx-month{ display:flex; align-items:center; gap:14px; margin:38px 0 6px; font:700 22px/1 var(--prx-en); letter-spacing:.06em; color:var(--prx-ink); background:none; border:0; padding:0; }
.prx .prx-month::after{ content:""; flex:1; height:1px; background:var(--prx-ink); }
.prx .prx-list__link{ position:relative; display:grid; grid-template-columns:132px 104px minmax(0,1fr); gap:18px; align-items:center; padding:14px 30px 14px 0; border-bottom:1px solid var(--prx-line); }
.prx .prx-list__link::after{ content:""; position:absolute; right:8px; top:50%; width:9px; height:9px; margin-top:-5px; border-top:2px solid var(--prx-ink); border-right:2px solid var(--prx-ink); transform:rotate(45deg); }
.prx .prx-list__img{ display:block; aspect-ratio:16/9; overflow:hidden; background:#eee; }
.prx .prx-list__meta{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.prx .prx-list__title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:15px; font-weight:700; line-height:1.6; color:var(--prx-ink); }
.prx .prx-list__link:hover .prx-list__title{ text-decoration:underline; }
.prx .prx-empty{ padding:40px 0; text-align:center; color:var(--prx-muted); }

/* ページ送り */
.prx .prx-pager{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:32px 0 8px; }
.prx .prx-pager__item{ display:flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 10px; border:1px solid var(--prx-ink); font:700 13px/1 var(--prx-en); color:var(--prx-ink); }
.prx .prx-pager__item.is-current,
.prx a.prx-pager__item:hover{ background:var(--prx-ink); color:#fff; }

/* NEWS・取材窓口 */
.prx .prx-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:48px; }
.prx .prx-box{ padding:22px 22px 18px; border:1px solid var(--prx-line); background:#fff; }
.prx .prx-box__en{ font:700 18px/1 var(--prx-en); letter-spacing:.08em; color:var(--prx-ink); background:none; border:0; padding:0; }
.prx .prx-box__ja{ margin:6px 0 14px; font-size:12px; font-weight:700; color:#555; }
.prx .prx-box__list li{ display:grid; grid-template-columns:86px minmax(0,1fr); gap:10px; align-items:baseline; padding:9px 0; border-top:1px solid #eee; font-size:14px; }
.prx .prx-box__list a{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.prx .prx-box__list a:hover{ text-decoration:underline; }
.prx .prx-box__more{ display:block; margin-top:4px; padding-top:12px; border-top:1px solid #eee; text-align:right; font-size:13px; font-weight:700; color:var(--prx-ink); }
.prx .prx-box__dl{ display:grid; grid-template-columns:76px minmax(0,1fr); gap:6px 10px; margin-bottom:16px; font-size:14px; }
.prx .prx-box__dl dt{ font-weight:700; color:var(--prx-ink); }
.prx .prx-box__dl dd{ color:#444; }

@media screen and (max-width:767px){
  .prx{ font-size:14px; padding-bottom:40px; }
  .prx .prx-hero{ padding:26px 0 18px; }
  .prx .prx-hero__en{ font-size:30px; }
  .prx .prx-hero__desc p{ font-size:13px; text-align:left; }
  .prx .prx-tabs{ display:flex; gap:6px; overflow-x:auto; margin:0 -16px 22px; padding:0 16px 4px; scrollbar-width:none; }
  .prx .prx-tabs::-webkit-scrollbar{ display:none; }
  .prx .prx-tabs__item{ flex:none; padding:8px 12px; font-size:13px; }
  .prx .prx-feat{ grid-template-columns:1fr; gap:12px; padding:0; border:0; }
  .prx .prx-feat__title{ margin:8px 0 6px; font-size:16px; }
  .prx .prx-feat__excerpt{ font-size:13px; }
  .prx .prx-feat .prx-btn{ flex:1; justify-content:center; padding:11px 8px; }
  .prx .prx-month{ margin-top:28px; font-size:18px; }
  .prx .prx-list__link{ grid-template-columns:104px minmax(0,1fr); grid-template-rows:auto 1fr; gap:6px 12px; align-items:start; padding:12px 0; }
  .prx .prx-list__link::after{ display:none; }
  .prx .prx-list__img{ grid-row:1 / span 2; }
  .prx .prx-list__meta{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px; }
  .prx .prx-list__title{ -webkit-line-clamp:3; font-size:14px; }
  .prx .prx-bottom{ grid-template-columns:1fr; gap:14px; margin-top:36px; }
  .prx .prx-box__list li{ grid-template-columns:78px minmax(0,1fr); font-size:13px; }
  .prx .prx-box .prx-btn{ flex:1; justify-content:center; }
}

/* ---------- 個別記事（本文の .prx-art） ---------- */
/* サイトの投稿は本文が画面幅いっぱいに広がるため、プレスリリース記事だけトップページの「ワイド」幅（1200px）に収める */
body.post-template-tmpl-press-single .main .article{ max-width:1200px; margin-left:auto; margin-right:auto; }
.prx-art{ font-size:16px; line-height:1.9; color:#222; }
.article .prx-art p{ margin:0 0 1em; }
.article .prx-art .prx-lead{ font-size:16px; line-height:1.95; }
.article .prx-art h2.prx-h{
  margin:36px 0 14px; padding:0 0 8px;
  background:none; border:0; border-bottom:2px solid #111; border-radius:0; box-shadow:none;
  font-size:18px; font-weight:700; line-height:1.5; color:#111;
}
.article .prx-art h2.prx-h::before,
.article .prx-art h2.prx-h::after{ content:none; display:none; }
.article .prx-art ul.prx-points{ margin:0 0 1em; padding:0 0 0 1.3em; list-style:disc; border:0; background:none; }
.article .prx-art ul.prx-points li{ margin:4px 0; padding:0; border:0; background:none; list-style:disc; }
.article .prx-art ul.prx-points li::before{ content:none; }
.article .prx-art table.prx-table{ display:table; width:100%; margin:0; border:0; border-collapse:collapse; font-size:15px; line-height:1.7; }
.article .prx-art table.prx-table tr{ background:none; }
.article .prx-art table.prx-table th,
.article .prx-art table.prx-table td{ padding:12px 10px; border:0; border-bottom:1px solid #e3e3e3; background:none; text-align:left; vertical-align:top; }
.article .prx-art table.prx-table th{ width:8.5em; background:#f7f7f7; font-weight:700; color:#111; white-space:nowrap; }
.article .prx-art a.prx-rel{
  display:block; padding:14px 18px; border:2px solid #111; color:#111; text-decoration:none; transition:background .2s;
}
.article .prx-art a.prx-rel:hover{ background:#f5f5f5; }
.article .prx-art .prx-rel__k{ display:block; font:700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:.12em; color:#777; }
.article .prx-art .prx-rel__t{ display:block; margin:6px 0 2px; font-size:16px; font-weight:700; }
.article .prx-art .prx-rel__m{ display:block; font-size:13px; color:#555; }
.article .prx-art .prx-src{ margin:30px 0 0; text-align:center; }
.article .prx-art a.prx-btn{
  display:inline-flex; align-items:center; gap:8px; padding:14px 28px;
  border:1px solid #333; border-radius:5px; background:#fff; color:#111;
  font-size:15px; font-weight:700; line-height:1.4; text-decoration:none; transition:background .2s,color .2s;
}
.article .prx-art a.prx-btn:hover{ background:#333; color:#fff; }
.article .prx-art .prx-credit{ margin:18px 0 0; font-size:12px; color:#888; text-align:center; }

@media screen and (max-width:767px){
  .prx-art{ font-size:15px; }
  .article .prx-art table.prx-table{ font-size:14px; }
  .article .prx-art table.prx-table th{ width:6.5em; white-space:normal; }
  .article .prx-art a.prx-btn{ display:flex; justify-content:center; padding:14px 12px; }
}