:root{
  --panel: #ffffff;/* 2026.09 修正: ページ背景(--paper:#f1eee2)と近すぎたため白に変更 */
  --forest-deep: #2c4a3a;
  --forest-mid: #4f7358;
  --moss-soft: #dfe6d6;
  --gold: #b6862c;
  --line: #ddd6c0;
  --line-soft: #e9e3d2;
}
*{box-sizing:border-box;}

/* =======================================
刊行物：分類カード一覧（トップページ）
========================================= */
.book_list .cat-grid{
margin-top: 50px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}
.book_list .cat-card{
  position:relative;
  background:var(--panel);
  border:1px solid var(--line-soft);
  border-radius:6px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
/*画像*/
.book_list .cat-card .photo{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--moss-soft);
  display:flex;
  align-items:center;
  justify-content:center;
}
.book_list .cat-card .photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:14px;
  display:block;
}
/*基本情報*/
.book_list .cat-card .body{
  padding:18px 20px 22px;
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
}
/*カテゴリ名＋点数バッジ*/
.book_list .cat-card .title-row{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 12px;
}
.book_list .cat-card h2{
  font-family:"YakuHanJP", "Shippori Mincho", serif;
  font-size:1.0625rem;
  font-weight:600;
  margin:0;
  line-height:1.4;
}
.book_list .cat-card h2 a{
  text-decoration:none;
  color:inherit;
}
.book_list .cat-card h2 a:hover{
  color:var(--forest-mid);
}
/*点数（名称のうしろに置く円形バッジ／一覧を見るボタンとは別の見た目にする）*/
.book_list .cat-card .count{
  flex:none;
  width:38px;
  height:38px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:1px;
  border-radius:50%;
  background:var(--gold);
  color:#fff;
  line-height:1;
  text-align:center;
}
.book_list .cat-card .count strong{
  font-size:0.8125rem;
  font-weight:700;
}
.book_list .cat-card .count small{
  font-size:0.53125rem;
  font-weight:500;
}
/*注記　※販売は致しておりません、など*/
.book_list .cat-card .note{
  display:block;
  font-size:0.78125rem;
  color:var(--gold);
  margin:0 0 12px;
}
/*リンク先のないカード（活用の手引き）*/
.book_list .cat-card.is-noaction .body{
  padding-bottom:20px;
}
/*一覧を見るボタン*/
.book_list .cat-card .cat-links{
  margin-top:auto;
  padding-top:6px;
}
.book_list .cat-card .cat-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_list .cat-card .cat-link:hover{
  background:var(--forest-mid);
  border-color:var(--forest-mid);
}
.book_list .cat-card .cat-link .next_arrow{
  flex:none;
  width:7px; height:7px;
  border-top:1.6px solid currentColor;
  border-right:1.6px solid currentColor;
  transform:rotate(45deg);
}

/* =======================================
ご注文のページ　ボタン
========================================= */
.book_list .order-box{
  margin-top:56px;
  text-align:center;
}
.book_list .order-box a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  font-size:0.9375rem;
  color:#fff;
  background:var(--gold);
  border-radius:999px;
  padding:12px 30px;
  transition:opacity .15s ease;
}
.book_list .order-box a:hover{
  opacity:.85;
}

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

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

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