/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2026 | 13:02:48 */
/* ============================================================
   ② title-header — タイトルバー(スレ一覧見出し等)
   読み込み順: WINGテーマ用 の次
   ============================================================ */

/* ============================================
   斜線グラデーション — 変数化（1箇所で管理）
   ============================================ */
:root {
  --title-stripe: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.1)  0px,
    rgba(255, 255, 255, 0.1)  5px,
    rgba(255, 255, 255, 0.2)  5px,
    rgba(255, 255, 255, 0.2) 10px
  );
}

/* ============================================
   title-header 基底スタイル
   ============================================ */
.title-header {
  position: relative !important;
  height: auto !important;
  margin: 20px 0 5px !important;
  text-align: left !important;
  font-size: var(--font-size-lg);
  font-weight: 700 !important;
  color: #fff;
  text-shadow: var(--text-shadow-edge);
  background: var(--title-stripe), var(--title-header-green-main);
}

/* ============================================
   四隅装飾枠（border値を変えると表示）
   ============================================ */
.title-header::before,
.title-header::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 30px;
}
.title-header::before {
  top: 0;
  left: 0;
  border-left: 0 solid #212121;
  border-top:  0 solid #212121;
}
.title-header::after {
  right: 0;
  bottom: 0;
  border-right:  0 solid #212121;
  border-bottom: 0 solid #212121;
}

/* ============================================
   配色バリエーション
   ============================================ */
.title-header#none {
  display: none;
}
.title-header#green {
  background: var(--title-stripe), var(--title-header-green-main) !important;
}
.title-header#red {
  background: var(--title-stripe), var(--title-header-red-main) !important;
}
.title-header#blue {
  background: var(--title-stripe), var(--title-header-blue-main) !important;
}
.title-header#amazon {
  background: var(--title-stripe), #FFA400 !important;
}

/* ============================================
   配色バリエーション — padding/margin共通
   ============================================ */
.title-header#green,
.title-header#red,
.title-header#blue,
.title-header#amazon {
  vertical-align: middle;
  margin:  2px 0  !important;
  padding: 5px;
  color: #fff;
}

/* ============================================
   entry-content h2（テーマ側上書き）
   ============================================ */
.entry-content h2 {
  vertical-align: middle;
  margin:  2px 0  !important;
  color: #fff;
  background: var(--title-stripe), var(--title-header-green-main) !important;
}

/* ============================================
   見出し共通（h1〜h6）
   背景は親の .title-header に任せ transparent に
   ============================================ */
.title-header h1,
.title-header h2,
.title-header h3,
.title-header h4,
.title-header h5,
.title-header h6 {
  position: relative !important;
  height: auto !important;
  margin: 0 !important;
  padding: 5px !important;
  text-align: left !important;
  font-size: var(--font-size-lg);
  font-weight: 700 !important;
  color: #fff;
  text-shadow: var(--text-shadow-edge);
  background: transparent !important;
}

/* 見出しサイズ個別調整 */
.title-header h1 { font-size: 1.8rem; }
.title-header h2 { font-size: 1.6rem; }
.title-header h3 { font-size: 1.4rem; }
.title-header h4,
.title-header h5,
.title-header h6 { font-size: 1.2rem !important; }