/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 11 2026 | 07:39:48 */
/* ============================================================
   ① var変数宣言 — デザイントークン一元管理
   ※ このスニペットを「最優先(一番上)」で読み込む
   ※ 他スニペットの :root はすべて削除し、ここだけにする
   ============================================================ */
:root {

  /* --- ベースカラー --- */
  --main-white-color:    #F4F5F7;
  --main-bg-color:       #9CCC65;
  --hover-bg-color:      #e6ee9c;
  --base-color-red:      #E57373;

  /* --- ボーダー --- */
  --boader-color:        #ccc;   /* ※元は #e0e0e0 と #ccc が混在。汎用は #ccc に統一 */
  --boader-color-soft:   #e0e0e0;/* 細い区切り線用(旧 boader-color の値を残す) */
  --boader-color-green:  #72CC82;

  /* --- タイトルヘッダー配色 --- */
  --title-header-green-main: #9CCC65;
  --title-header-green-sub:  #56A764;
  --title-header-red-main:   #E57373;
  --title-header-red-sub:    #ff1744;
  --title-header-blue-main:  #64B5F6;
  --title-header-blue-sub:   #19B5FE;

  /* --- 本文系カラー(本文用スニペットから移動) --- */
  --color-text:        #333;
  --color-text-sub:    #666;
  --color-link:        #1565c0;
  --color-link-hover:  #0d47a1;
  --color-res-no:      #1f4788;
  --color-name:        #2e7d32;
  --color-date:        #bbb;
  --color-emphasis:    #0a3981;
  --color-accent:      #E65100;
  --color-anchor:      #311b92;
  --color-header-bg:   #dce9f5;
  --color-border:      #eee;
  --color-hover-bg:    #fffef5;
  --color-blockquote:  #ECEFF1;

  /* --- リンク色 --- */
  --link-red:    #a52a2a;
  --link-green:  #2E7D32;
  --link-blue:   #044F67;
  --link-indigo: #285ba0;
  --link-amazon: #0033cc;
  --link-base:   var(--link-red);

  /* フッターリンク */
  --flb-card-bg:        #f1f8e9;   /* 薄緑（Light Green 50相当） */
  --flb-card-border:    #a5d6a7;   /* 緑ボーダー（Light Green 200相当） */
  --flb-title-bg:       #7cb342;   /* タイトル帯の緑（Light Green 600） */
  --flb-link-color:     #1b5e20;   /* 濃い緑テキスト（視認性◎） */
  --flb-link-hover:     #0d47a1;   /* ホバーは青系で差別化 */
  --flb-link-new:       #b71c1c;   /* NEWは濃い赤 */
  --flb-icon-color:     #558b2f;   /* アイコン色 */
  --flb-sep-color:      #c5e1a5;   /* セパレータ */
	
  /* --- フォント --- */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
                      "Hiragino Sans", Meiryo, sans-serif;	

	/* --- フォントサイズ(本文用スニペットから移動) --- */
  --font-size-base: 1.4rem;  /* 本文 */
  --font-size-lg:   1.6rem;  /* 見出し系 */
  --font-size-sm:   1.2rem;  /* 小テキスト */
  --font-size-xs:   1.1rem;  /* 日付・メタ */

  /* --- 行間・字間 --- */
  --line-height-base: 1.85;
  --letter-spacing:   0.03em;

  /* --- 影(用途別に分割) --- */
  --shadow-bk:       #757575;
  --box-shadow:      0 3px 4px rgba(0, 0, 0, 0.22);  /* カード・サイドバー用(濃い) */
  --box-shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.12);  /* 本文・レス用(薄い) */
  --text-shadow:     1px 1px 1px rgba(0, 0, 0, .3);

  /* タイトルバー用 縁取り影(濃い・多重) */
  --text-shadow-edge: var(--shadow-bk) 1px 0px 1px,var(--shadow-bk) -1px 0px 1px,var(--shadow-bk) 0px -1px 1px,var(--shadow-bk) -1px 0px 1px,var(--shadow-bk) 1px 1px 1px,var(--shadow-bk) -1px 1px 1px,var(--shadow-bk) 1px -1px 1px,var(--shadow-bk) -1px -1px 1px,var(--shadow-bk) 1px 1px 1px,var(--shadow-bk) -1px 1px 1px,var(--shadow-bk) 1px -1px 1px,var(--shadow-bk) -1px -1px 1px,var(--shadow-bk) 1px 1px 1px,var(--shadow-bk) -1px 1px 1px,var(--shadow-bk) 1px -1px 1px,var(--shadow-bk) -1px -1px 1px,var(--shadow-bk) 1px 1px 1px,var(--shadow-bk) -1px 1px 1px,var(--shadow-bk) 1px -1px 1px,var(--shadow-bk) -1px -1px 1px;
  --text-shadow-edge1: 1px 1px 0 #212121, -1px 1px 0 #212121, 1px -1px 0 #212121, -1px -1px 0 #212121;

  /* 本文用 縁取り影(軽い) ※本文用スニペット内の var(--text-shadow-edge) はこちらに置換 */
  --text-shadow-soft: 1px 1px 3px rgba(0, 0, 0, 0.7);

  /* --- トランジション・トランスフォーム --- */
  --transition-all:    all .3s ease 0s;
  --transform-scale:   scale(1.2);
  --transform-translate: translate(0px, 2px);
}

@keyframes translateX {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

body {
  font-family: var(--font-family-base);
}