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


  /* ================================
 共通のページヘッダー  なし
======================================*/



 /* =======================================
開催中みだし　終了した見出し　セクション見出
========================================= */
 .tenrankai_list .section-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin:72px 0 32px;
  }
/*全体*/
  .tenrankai_list .section-title .heading{
    position:relative;
    padding-bottom:16px;
  }
/*文字　NOW SHOWING*/
  .section-title .tag{
    display:block;
    font-size:0.8rem;
    letter-spacing:.08em;
    color:var(--gold);
    margin:0 0 4px;
  }
/*文字　開催中の展覧会*/
  .tenrankai_list .section-title h2{
    font-family:"Shippori Mincho", serif;
    font-size:clamp(0.6, 4.4vw, 1.8rem);
    font-weight:700;
    color:var(--forest-deep);
    margin:0;
    line-height:1.3;
    letter-spacing:.01em;
  }
/*バー　ゴールド*/
 .tenrankai_list  .section-title .heading::after{
    content:"";
    position:absolute;
    left:0; bottom:0;
    width:64px; height:5px;
    border-radius:3px;
    background:var(--gold);
  }
/*点数*/
 .tenrankai_list  .section-title .count{
    font-size:13px;
    color:var(--ink-soft);
    white-space:nowrap;
    padding-bottom:18px;
  }

 /* =======================================

共通　開催中/終了した　展覧会一覧：グリッド

========================================= */
 .tenrankai_list  .grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
  }
/*展覧会情報　カード形式
-------------------------------------------*/
 .tenrankai_list  .item-card{
    background:var(--panel);
    border:1px solid var(--line-soft);
    border-radius:6px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    display:flex;
    flex-direction:column;
    transition:transform .18s ease, box-shadow .18s ease;
  }
 .tenrankai_list .item-card:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(44,74,58,0.10);
  }
/*画像
-------------------------------------------*/
  .item-card .photo{
    aspect-ratio:16/10;
    overflow:hidden;
    background:var(--moss-soft);
    filter:grayscale(.15) brightness(.97);
  }
  .tenrankai_list .item-card .photo img{
	  width:100%; 
	  height:100%; 
	  object-fit:cover;
	  display:block;
  object-position: top;
}
/*基本情報
-------------------------------------------*/
  .tenrankai_list .item-card .body{
	  padding:18px 20px 22px;
}
/*小さめの文字*/
  .tenrankai_list .item-card .series{
	  font-size:12px;
	  color:var(--ink-soft);
	  margin:0 0 5px;}
/*主タイトル*/
  .tenrankai_list .item-card h3{
    font-family:"Shippori Mincho", serif;
    font-size:17px;
    font-weight:600;
    margin:0 0 8px;
    line-height:1.5;

	  
  }
/*開催日*/
 .tenrankai_list  .item-card .dates{font-size:13px; color:var(--ink-soft); margin:0 0 4px;}
/*追記　会期の延長などに使用
<span class="note">7月12日まで会期を延期しました。</span>*/
  .tenrankai_list .item-card .note{font-size:12.5px; color:var(--gold); margin:6px 0 0;}
 /* =======================================

リンク　過去の展覧会

========================================= */

  /* ---- フッターリンク ---- */
  .tenrankai_list .more{
    margin-top:44px;
    text-align:center;
  }
  .tenrankai_list .more a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    font-size:14.5px;
    color:var(--forest-deep);
    border-bottom:1px solid var(--forest-deep);
    padding-bottom:2px;
  }


 /* =======================================

過去の展覧会

========================================= */
  /* ---- 過去の展覧会：年度アコーディオン
----------------------------------------------------------------------- */
  .tenrankai_list .archive-intro{
    margin:8px 0 40px;
    color:var(--ink-soft);
    font-size:14.5px;
  }

  .tenrankai_list .year-block{
    border-top:1px solid var(--line);
  }
  .year-block:last-child{border-bottom:1px solid var(--line);}

  .tenrankai_list .year-toggle{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    background:none;
    border:none;
    cursor:pointer;
    padding:26px 4px;
    text-align:left;
    font-family:inherit;
    color:inherit;
  }
/*全体*/
  .tenrankai_list .year-toggle .heading{
    position:relative;
    padding-bottom:14px;
  }
/*文字　ARCHVE*/
  .tenrankai_list .year-toggle .tag{
    display:block;
    font-size:0.8rem;
    letter-spacing:.08em;
    color:var(--gold);
    margin:0 0 4px;
  }
/*文字　令和7年度（2025）展覧会*/
  .tenrankai_list .year-toggle h2{
    font-family:"Shippori Mincho", serif;
    font-size:clamp(0.6, 4.4vw, 1.6rem);
    /*font-size:clamp(22px, 3.2vw, 28px);*/
    font-weight:700;
    color:var(--forest-deep);
    margin:0;
    line-height:1.3;
  }
  .tenrankai_list .year-toggle .heading::after{
    content:"";
    position:absolute;
    left:0; bottom:0;
    width:44px; height:4px;
    border-radius:2px;
    background:var(--gold);
    opacity:.85;
  }
  .tenrankai_list .year-toggle .meta{
    display:flex;
    align-items:center;
    gap:14px;
    flex:none;
  }
/*件数*/
  .tenrankai_list .year-toggle .count{
    font-size:0.8rem;
    color:var(--ink-soft);
    white-space:nowrap;
  }
  .tenrankai_list .year-toggle .chevron{
    width:28px; height:28px;
    flex:none;
    border-radius:50%;
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .25s ease, background .2s ease;
  }
 .tenrankai_list  .year-toggle .chevron svg{
	 width:13px; height:13px; transition:transform .25s ease;
}
  .tenrankai_list .year-block.open .year-toggle .chevron{
	  background:var(--forest-deep);
	  border-color:var(--forest-deep);
}
  .tenrankai_list .year-block.open .year-toggle .chevron svg{
	  transform:rotate(180deg);
}
  .tenrankai_list .year-block.open .year-toggle .chevron svg path{
	  stroke:#fff;
}

  .tenrankai_list .year-panel{
    overflow:hidden;
    max-height:0;
    transition:max-height .35s ease;
  }
  .tenrankai_list .year-block.open .year-panel{
    max-height:6000px;
  }
  .tenrankai_list .year-panel-inner{
    padding:4px 4px 36px;
  }
  /* ---- 過去の展覧会：一覧　グリッド
----------------------------------------------------------------------- */
  /* 直近年度：写真つきグリッド */
  .tenrankai_list .archive-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
  }
/*展覧会情報　カード形式
--------------------------------------*/
  .tenrankai_list .archive-card{
    background:var(--panel);
    border:1px solid var(--line-soft);
    border-radius:6px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    display:flex;
    flex-direction:column;
  }
/*画像
--------------------------------------*/
  .tenrankai_list .archive-card .photo{
    aspect-ratio:16/11;
    overflow:hidden;
    background:var(--moss-soft);
    filter:grayscale(.2) brightness(.97);
  }
  .tenrankai_list .archive-card .photo img{
	  width:100%; 
	  height:100%; 
	  object-fit:cover; 
	  display:block;
	  object-position: top;
}
/*基本情報
--------------------------------------*/
  .tenrankai_list .archive-card .body{padding:14px 16px 18px;}
/*小さめの文字*/
   .tenrankai_list.archive-card .series{font-size:11.5px; color:var(--ink-soft); margin:0 0 4px;}
/*主タイトル*/
  .tenrankai_list .archive-card h3{
    font-family:"Shippori Mincho", serif;
    font-size:15px;
    font-weight:600;
    margin:0 0 6px;
    line-height:1.5;
  }
/*開催期間*/
  .tenrankai_list .archive-card .dates{font-size:12px; color:var(--ink-soft); margin:0;}

  /* 旧年度：テキスト中心のリスト */
  .tenrankai_list .archive-list{
    display:flex;
    flex-direction:column;
  }
  .tenrankai_list .archive-row{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:16px;
    padding:13px 4px;
    border-bottom:1px dashed var(--line);
    text-decoration:none;
    color:inherit;
  }
  .tenrankai_list .archive-row:hover .archive-row-title{color:var(--forest-mid);}
  .tenrankai_list .archive-row:last-child{border-bottom:none;}
  .tenrankai_list .archive-row-main{min-width:0;}
 .tenrankai_list  .archive-row-title{
    font-size:15px;
    font-weight:500;
    transition:color .15s ease;
  }
  .tenrankai_list .archive-row-dates{
    font-size:12.5px;
    color:var(--ink-soft);
    margin-top:3px;
  }
  .tenrankai_list .archive-row-report{
    flex:none;
    font-size:12px;
    color:var(--gold);
    white-space:nowrap;
    border:1px solid var(--gold);
    border-radius:999px;
    padding:3px 10px;
  }

  @media (max-width:720px){
    .tenrankai_list .current-card{grid-template-columns:1fr;}
    .tenrankai_list .grid{grid-template-columns:1fr;}
    .tenrankai_list .archive-grid{grid-template-columns:repeat(2, 1fr);}
    .tenrankai_list .page-head{gap:14px;}
    .tenrankai_list .page-head .icon{width:46px; height:46px;}
    .tenrankai_list .year-toggle{padding:20px 2px;}
    .tenrankai_list .archive-row{flex-direction:column; align-items:flex-start; gap:4px;}
  }

  @media (max-width:480px){
    .tenrankai_list .archive-grid{grid-template-columns:1fr;}
  }

/* =========================================================================
   2026.09 追加：過去の展覧会ページ（kako.cfm）再構築分
   - .archive-card を「カード全体が1リンク」から「本文＋詳細/報告の2ボタン」構成に変更するための追記
   - .series / .dates は p ではなく span を使用するため display:block を付与
   - 平成28年度（2016）以前：画像データが無い年度用のダミー画像スタイル（.is-noimage）
   既存ルールは変更せず、追記のみで対応しています。
   ========================================================================= */

/* ---- 過去カード：本文まわり（span を div 相当に） ---- */
.tenrankai_list .archive-card .series{
  display:block; /* p を使わないためのブロック化 */
}
.tenrankai_list .archive-card .dates{
  display:block; /* p を使わないためのブロック化 */
}
.tenrankai_list .archive-card .body{
  flex:1 0 auto;
}

/* ---- 過去カード：画像なし年度のダミー表示 ---- */
.tenrankai_list .archive-card.is-noimage .photo{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--moss-soft);
  filter:none;
}
.tenrankai_list .archive-card.is-noimage .photo img{
  width:34%;
  height:34%;
  object-fit:contain;
  opacity:.72;
}

/* ---- 過去カード：詳細ページ／報告PDFへの2ボタン ---- */
.tenrankai_list .archive-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 16px 16px;
  margin-top:auto;
}
.tenrankai_list .archive-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  text-decoration:none;
  font-size:12.5px;
  line-height:1.4;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--forest-deep);
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.tenrankai_list .archive-link.is-detail{
  background:var(--forest-deep);
  border-color:var(--forest-deep);
  color:#fff;
}
.tenrankai_list .archive-link.is-detail:hover{
  background:var(--forest-mid);
  border-color:var(--forest-mid);
}
.tenrankai_list .archive-link.is-report{
  background:transparent;
  border-color:var(--gold);
  color:var(--gold);
}
.tenrankai_list .archive-link.is-report:hover{
  background:var(--gold);
  color:#fff;
}
.tenrankai_list .archive-link .next_arrow{
  flex:none;
  width:7px; height:7px;
  border-top:1.6px solid currentColor;
  border-right:1.6px solid currentColor;
  transform:rotate(45deg);
}

/* ---- 年度アコーディオン：閉状態でのフォーカス可視性 ---- */
.tenrankai_list .year-toggle:focus-visible{
  outline:2px solid var(--focus, var(--gold));
  outline-offset:2px;
}

/* ---- ページ見出し（過去の展覧会）---- */
.tenrankai_list .archive-intro{
  margin-bottom:12px;
}

@media (max-width:720px){
  .tenrankai_list .archive-links{padding:0 14px 14px;}
}

/* =========================================================================
   2026.09 追加：今年度の展覧会ページ（index.cfm.html）実データ反映分
   - .item-card にも過去ページと同じ詳細/報告の2ボタン（.archive-links）を追加
   - ステータスバッジ（開催中／終了しました）を正式にクラス化
     （旧: style="margin-bottom:10px; display:inline-block;" の直書きを廃止）
   ========================================================================= */

/* ---- ステータスバッジ ---- */
.tenrankai_list .item-card .badge{
  display:inline-block;
  margin-bottom:10px;
  padding:3px 10px;
  border-radius:999px;
  font-size:11.5px;
  letter-spacing:.02em;
}
.tenrankai_list .item-card .badge.ended{
  background:var(--moss-soft);
  color:var(--forest-mid);
}
.tenrankai_list .item-card .badge.current{
  background:var(--forest-deep);
  color:#fff;
}

/* ---- item-card 内の見出し・写真リンク（カード全体1リンク→本文＋ボタン構成に変更） ---- */
.tenrankai_list .item-card .body h3 a{
  text-decoration:none;
  color:inherit;
}
.tenrankai_list .item-card .body h3 a:hover{
  color:var(--forest-mid);
}
.tenrankai_list .item-card .series,
.tenrankai_list .item-card .dates,
.tenrankai_list .item-card .note{
  display:block; /* p を使わないためのブロック化 */
}

/* ---- item-card 側の詳細/報告ボタン：本文の左右余白(20px)に合わせる ---- */
.tenrankai_list .item-card .archive-links{
  padding:0 20px 22px;
}

/* =========================================================================
   2026.09 追加：アクセシビリティ（背景色・文字色）切替への対応
   - com_acce.css の html.theme-black / html.theme-yellow は
     --paper / --ink / --forest などの共通変数のみを上書きするため、
     tenrankai_list.css 独自の変数（--panel / --forest-deep / --forest-mid /
     --moss-soft / --gold）はそのままでは切り替わらない。
   - ここでは同じ考え方で、テーマクラスが付いた場合に
     tenrankai_list 独自の変数だけを上書きする。
   - :root と同じ変数名を再定義しているのではなく、.tenrankai_list に
     スコープを絞って上書きすることで、既存の :root 定義には影響を与えない。
   ========================================================================= */
html.theme-black .tenrankai_list{
  --panel: #1c1c1c;        /* カード背景：黒テーマの --paper-2 相当 */
  --forest-deep: #8fd18f;  /* 見出し・本文の強調色：黒テーマの --forest 相当 */
  --forest-mid: #a8dba8;   /* ホバー等の中間色：黒テーマの --forest-2 相当 */
  --moss-soft: #2a2f2a;    /* 画像なしカードの背景：暗めの中間色に変更 */
  --gold: #ffe987;         /* アクセント色：黒テーマの --focus 相当 */
}

html.theme-yellow .tenrankai_list{
  --panel: #fffbcf;        /* カード背景：黄テーマの --paper-2 相当 */
  --forest-deep: #1a1a00;  /* 見出し・本文の強調色：黄テーマの --ink 相当 */
  --forest-mid: #333300;   /* ホバー等の中間色：黄テーマの --forest-2 相当 */
  --moss-soft: #fff59d;    /* 画像なしカードの背景：黄み寄りの中間色 */
  --gold: #663300;         /* アクセント色：黄テーマの --clay 相当 */
}