/*
 * ほっこり声価隊 V2本番用CSS
 *
 * 読み込み順:
 * bootstrap.min.css → style.css → site-shell-v2.css
 * → seikatai-main.css → このファイル
 *
 * 本文機能・CSV処理には触れず、V2共通枠と横書きヒーローを調整する。
 */

/* 旧style.cssのbody背景指定を残しつつ、V2共通枠の基礎を有効化する。 */
body#omoi_haikei.site-v2-body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
}

/* 旧style.cssの固定背景は本文の雰囲気として維持する。 */
body#omoi_haikei.site-v2-body main.ssk-page {
  position: relative;
  z-index: 0;
}


/* ヒーロービューのみ禅オールド明朝 */
body#omoi_haikei main.ssk-page .ssk-hero-tagline,
body#omoi_haikei main.ssk-page .ssk-hero-title {
  font-family: "Zen Old Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif !important;
}

/* 声価隊本文・ボタン・カード等は早蕨ゴシック */
body#omoi_haikei.site-v2-body main.ssk-page {
  font-family: "Sawarabi Gothic", sans-serif;
}

/* ヒーローを縦書きから横書きへ変更。 */
.ssk-hero-horizontal-group {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: min(900px, 100%);
  margin: 0 auto;
  text-align: center;
}

body#omoi_haikei main.ssk-page .ssk-hero-tagline {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--ssk-primary) !important;
  font-size: clamp(1rem, 2.2vw, 1.35rem) !important;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: center;
}

body#omoi_haikei main.ssk-page .ssk-hero-title {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--ssk-primary-dark);
  font-size: clamp(2.3rem, 6vw, 4.8rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
  writing-mode: horizontal-tb;
  text-orientation: mixed;
}

/* 旧縦書き用の高さを使わないため、ヒーロー全体を適正化。 */
.ssk-hero-inner {
  padding-top: clamp(58px, 8vw, 96px);
  padding-bottom: clamp(58px, 8vw, 96px);
}

/* V2フッター内では旧body p指定より共通枠の色を優先。 */
body#omoi_haikei.site-v2-body .site-v2-footer p {
  width: auto;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 14px !important;
  text-align: left;
}

body#omoi_haikei.site-v2-body .site-v2-footer__bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 13px !important;
}

/* 旧style.cssのリンクホバー指定からV2ヘッダー・フッターを保護。 */
body#omoi_haikei.site-v2-body .site-v2-header a:hover,
body#omoi_haikei.site-v2-body .site-v2-footer a:hover {
  animation: none;
}

/* ページ内リンク先が固定ヘッダーに隠れないよう補正。 */
body#omoi_haikei main.ssk-page section[id] {
  scroll-margin-top: calc(var(--site-header-height) + 24px) !important;
}

@media (max-width: 620px) {
  .ssk-hero-inner {
    padding-top: 48px;
    padding-bottom: 52px;
  }

  body#omoi_haikei main.ssk-page .ssk-hero-tagline {
    font-size: 1rem !important;
  }

  body#omoi_haikei main.ssk-page .ssk-hero-title {
    font-size: clamp(2.1rem, 12vw, 3.2rem);
    letter-spacing: 0.03em;
  }
}