/* /css/theme-custom.css
   ここだけ触れば、トップの見た目（色・太さ）を変更できます。
   ※ レイアウト系（幅/余白/配置）は触りません。
*/

:root{
  --home-bg: #ffdf74;          /* トップ背景 */
  --border-color: #000000;     /* カード枠線色 */
  --border-width: 5px;         /* カード枠線太さ */

  --title-color: #000000;      /* トップ見出し文字色 */
  --underline-color: #000000;  /* 見出し下線色 */
  --underline-width: 100px;    /* 見出し下線幅 */
  --underline-height: 3px;     /* 見出し下線太さ */
  --underline-offset: 20px;    /* 見出しから下線までの距離 */

  --card-text-color: #ffffff;  /* カード文字色 */
  --card-letter-spacing: 5.12px;
  --card-sub-letter-spacing: 1.92px;

  --footer-text-color: #9a9a9a; /* フッター文字色 */
}

/* ===== Top only ===== */

/* 背景（トップ） */
body.home{
  background: var(--home-bg);
}

/* 見出し（トップ） */
body.home main.toppage-main h2.underline{
  color: var(--title-color);
}

/* 見出し下線（トップ） */
body.home main.toppage-main h2.underline:after{
  background: var(--underline-color);
  width: var(--underline-width);
  height: var(--underline-height);
  bottom: calc(-1 * var(--underline-offset));
}

/* カード枠（トップ） */
body.home main.toppage-main div.imagelink{
  border: var(--border-width) solid var(--border-color);
}

/* カード文字（トップ） */
body.home main.toppage-main p.link_title{
  color: var(--card-text-color);
  letter-spacing: var(--card-letter-spacing);
}
body.home main.toppage-main p.link_title span{
  color: var(--card-text-color);
  letter-spacing: var(--card-sub-letter-spacing);
}

/* フッター（全ページでOK） */
footer .copyright p{
  color: var(--footer-text-color);
}