/**
 * File Name: 【CSS】オリトラマン図鑑
 * Description: オリトラマン図鑑にのみ適用
 * Modified: 2026/02/06
 */

.article-header {
	display: none;
}

/* 2. メインコンテンツ（記事エリア）の背景色 */
#main {
  background-color: transparent !important;
}

/* 2. 記事一覧の文字色 */
.a-wrap {
    text-decoration: none;
    display: block;
    color: var(--text-on-dark);
}


/**
 * 修正日：2026年2月4日
 * 目的：背景のカスタマイズ
 */

/* =========================================================
   固定背景画像の設定 (HTML::before を使用)
   ========================================================= */
html, body {
    /* 画面の高さいっぱいに設定（100vh） */
    height: 100vh; 
    /* 横スクロールが出ないよう防止 */
    overflow-x: hidden; 
}
/* Bodyに設定されている可能性のある背景色・画像をリセット */
body {
    background: none; 
}
/* HTMLの擬似要素で背景画像を画面に固定する */
body:not(.wp-admin)::before {
    content: ''; 
    /* 画面全体に固定配置 */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; 
    /* コンテンツの下に配置 */
    z-index: -1;    
    /* 背景画像の設定 */
    background-image: url('https://kazuzu-art.com/wp-content/uploads/2021/10/A17F0955-6DF7-4B91-9F14-BF0147B935DE-edited-scaled.jpeg');
    background-position: center center;
    background-size: cover; /* 画面を覆うように拡大 */
    background-repeat: no-repeat;
}

/* メインコンテンツエリアの背景を透明に設定 */
.main {
    background-color: transparent; 
}

/* 必要に応じて、フッターや記事エリアも透明にする */
/* .site-footer, .content, .article-body, .footer-bottom など */
/* もしフッターや本文エリアが透明になっていなければ追加してください。 */

/**
 * 修正日: 2026/02/15
 * 目的: エントリーカードのサムネイルに装飾画像を重ねる（クリック干渉防止済み）
 * 引用元: 親テーマ style.css の .entry-card-thumb 定義を参考
 */

/* サムネイルの親要素を基準にする */
.entry-card-thumb {
  position: relative;
  overflow: hidden; /* 枠外にはみ出さないようにする場合 */
}

/* 擬似要素でサムネに装飾画像を重ねる */
.entry-card-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://kazuzu-art.com/wp-content/uploads/2021/10/8C5690EC-6FD3-4E3C-A399-67D0937999D1.png");
  background-size: contain; /* または cover（見え方に合わせて調整） */
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  /* 重要：クリックイベントを透過させる */
  pointer-events: none;
}