:root{
  --panel: #ffffff;
  --forest-deep: #2c4a3a;
  --forest-mid: #4f7358;
  --moss-soft: #dfe6d6;
  --gold: #b6862c;
  --line: #ddd6c0;
  --line-soft: #e9e3d2;
}
*{box-sizing:border-box;}

/* =======================================
刊行物：分類詳細ページ（一覧カード）
========================================= */
.book_details .page-notice{
  font-size:0.8125rem;
  color:var(--gold);
  margin:14px 0 0;
}
.book_details .pub-grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}
.book_details .pub-card{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line-soft);
  border-radius:6px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
/*画像*/
.book_details .pub-card .photo{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--moss-soft);
  display:flex;
  align-items:center;
  justify-content:center;
}
.book_details .pub-card .photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:14px;
  display:block;
}
/*基本情報*/
.book_details .pub-card .body{
  padding:14px 16px 18px;
  flex:1 0 auto;
}
.book_details .pub-card h2{
  font-family:"YakuHanJP", "Shippori Mincho", serif;
  font-size:0.9375rem;
  font-weight:600;
  margin:0 0 6px;
  line-height:1.5;
}
/*発行データ*/
.book_details .pub-card .meta{
  display:block;
  font-size:0.75rem;
  color:var(--ink-soft);
  margin:0 0 6px;
}
/*内容紹介*/
.book_details .pub-card .desc{
  display:block;
  font-size:0.78125rem;
  line-height:1.6;
	text-align: justify;
  margin:10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: solid 0px;
}
/*内容を見る（PDF）ボタン*/
.book_details .pub-card .pub-links{
  margin-top:auto;
  padding:0 16px 16px;
}
.book_details .pub-card .pub-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  text-decoration:none;
  font-size:0.78125rem;
  line-height:1.4;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--forest-deep);
  background:var(--forest-deep);
  color:#fff;
  transition:background .15s ease, border-color .15s ease;
}
.book_details .pub-card .pub-link:hover{
  background:var(--forest-mid);
  border-color:var(--forest-mid);
}
.book_details .pub-card .pub-link .next_arrow{
  flex:none;
  width:7px; height:7px;
  border-top:1.6px solid currentColor;
  border-right:1.6px solid currentColor;
  transform:rotate(45deg);
}

@media (max-width:900px){
  .book_details .pub-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:560px){
  .book_details .pub-grid{grid-template-columns:1fr;}
}

/* =========================================================================
   2026.09 追加：展示図録ページ（book_te.cfm）対応
   - 価格表示（.price / 品切れ時の.is-soldout）
   - 「内容を見る（PDF）」「展覧会情報を見る」の2ボタン構成（.pub-linksを縦並びに）
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */
.book_details .pub-card .price{
  display:block;
  font-size:0.8125rem;
  font-weight:600;
  color:var(--forest-deep);
  margin:0 0 8px;
}
.book_details .pub-card .price.is-soldout{
  color:var(--ink-soft);
  font-weight:500;
}
.book_details .pub-card .pub-links{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.book_details .pub-card .pub-link.is-report{
  background:transparent;
  border-color:var(--gold);
  color:var(--gold);
}
.book_details .pub-card .pub-link.is-report:hover{
  background:var(--gold);
  color:#fff;
}

/* =========================================================================
   アクセシビリティ（背景色・文字色）切替への対応
   com_acce.css の html.theme-black / html.theme-yellow は
   --paper / --ink / --forest などの共通変数のみを上書きするため、
   book_details.css 独自の変数（--panel / --forest-deep / --forest-mid /
   --moss-soft / --gold）はそのままでは切り替わらない。
   book_list.css と同じ考え方で、.book_details にスコープを絞って上書きする。
   ========================================================================= */
html.theme-black .book_details{
  --panel: #1c1c1c;
  --forest-deep: #8fd18f;
  --forest-mid: #a8dba8;
  --moss-soft: #2a2f2a;
  --gold: #ffe987;
}

html.theme-yellow .book_details{
  --panel: #fffbcf;
  --forest-deep: #1a1a00;
  --forest-mid: #333300;
  --moss-soft: #fff59d;
  --gold: #663300;
}

/* =========================================================================
   2026.09 追加：「品切れ」表示を赤系色に
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */
:root{
  --soldout: #b3261e;
}
.book_details .pub-card .price.is-soldout{
  color:var(--soldout);
}
html.theme-black .book_details{
  --soldout: #ff8a80;
}
html.theme-yellow .book_details{
  --soldout: #8a1a10;
}

/* =========================================================================
   2026.09 追加：ふるさとファイルページ（book_fu.cfm）対応
   - シリーズ番号表示（.series）
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */
.book_details .pub-card .series{
  display:block;
  font-size:0.71875rem;
  color:var(--ink-soft);
  margin:0 0 4px;
}

/* =========================================================================
   2026.09 追加：その他図書ページ（book_so.cfm）対応
   - ページ内3分類の見出し（.section-title）
   - 目録リスト形式の内容紹介（.desc ul）
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */
.book_details .section-title{
  font-family:"YakuHanJP", "Shippori Mincho", serif;
  font-size:1.125rem;
  font-weight:600;
  color:var(--forest-deep);
  margin:40px 0 16px;
  padding-bottom:8px;
  border-bottom:2px solid var(--line);
}
.book_details .section-title:first-of-type{
  margin-top:40px;
}
.book_details .pub-card .desc ul{
  margin:0;
  padding-left:1.1em;
}
.book_details .pub-card .desc li{
  font-size:0.78125rem;
  line-height:1.6;
  margin:0 0 2px;
}

/* =========================================================================
   2026.09 追加：分類見出し（.section-title）を展覧会一覧ページと同じ
   「タグ＋見出し＋件数」構成に変更（既存の.section-titleに構造を追記）
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */
.book_details .section-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.book_details .section-title .heading{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.book_details .section-title .tag{
  font-size:0.6875rem;
  letter-spacing:.08em;
  color:var(--gold);
  font-weight:600;
}
.book_details .section-title h2{
  font-family:"YakuHanJP", "Shippori Mincho", serif;
  font-size:1.125rem;
  font-weight:600;
  color:var(--forest-deep);
  margin:0;
}
.book_details .section-title .count{
  flex:none;
  font-size:0.78125rem;
  color:var(--ink-soft);
}