@charset "utf-8";
/*
  テクニカルSEO監査（2026-11-10）#16 対応の補助CSS
  下層ページの見出しを h2 → h1 に変えたため、common.css の #main-title h2 と同じ見た目を h1 にも当てる。
  既存の basic.css / common.css / style.css は触らない（コーディング規約）。
*/
#main-title h1 { margin-left: 54%; font-size: 32px; letter-spacing: 0.36em; font-weight: 500; }
#main-title h1 span { display: block; font-size: 14px; letter-spacing: 0.86em; padding: 9px 0 0 4px; }

/* 下層ヘッダーのサイト名（h1 から div に変更。見た目は common.css の #header #description と同じ） */
#header div#description { color: #8f8f8f; font-size: 0.5vw; text-align: right; padding: 58px 0 0; }
#header div#description a { color: #8f8f8f; }

/* 記事詳細の記事名（h3.blog_ttl → h1.blog_ttl。見出しの見た目は従来の h3 相当に揃える） */
#blog h1.blog_ttl { font-size: 24px; font-weight: bold; line-height: 1.5; margin-bottom: 20px; }

/* 404 */
#error h1 { font-size: 24px; font-weight: bold; }

@media screen and (max-width: 640px) {
  #main-title h1 { margin-left: 35%; padding-top: 14%; font-size: 5vw; letter-spacing: 0.2em; }
  #main-title h1 span { font-size: 2.188vw; letter-spacing: .86em; }
  #header div#description { color: #8f8f8f; font-size: 2vw; text-align: left; padding: 0.5vw 3%; }
  #blog h1.blog_ttl { font-size: 18px; }
}