/*
Theme Name: Fukumachi Corporate
Theme URI: https://fukumachi.co.jp
Author: 株式会社フクマチ
Description: 株式会社フクマチ コーポレートサイト用テーマ。トップページ実装版。老眼対策×ホスピタリティ基準（本文20px・行間1.8・WCAG配慮）を全面適用。配色は濃紺×藤紫×白。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fukumachi
*/

/* ---- ベース（旧DCの helmet 相当）---- */
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #FFFFFF;
  color: #1B2A4A;
  font-family: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
  font-size: 20px;
  line-height: 1.8;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: #4A3D75; text-decoration: underline; text-underline-offset: 4px; }
a:hover { color: #1B2A4A; }

/* ---- ホバー状態（旧DCの style-hover 相当）---- */
.fk-nav { border-bottom: 2px solid transparent; transition: border-color .15s ease; }
.fk-nav:hover { border-bottom-color: #7C6BA8; }
.fk-cta-nav:hover { background: #2C3E66 !important; }
.fk-cta-hero { transition: background .15s ease, transform .1s ease; }
.fk-cta-hero:hover { background: #2C3E66 !important; transform: translateY(1px); box-shadow: 0 3px 0 #101B33 !important; }
.fk-btn-ghost:hover { background: #EFEBFF !important; }
.fk-cta-final:hover { background: #EFEBFF !important; }
.fk-btn-phone:hover { background: #26375C !important; }

/* ---- 画像プレースホルダー ---- */
.fk-photo-placeholder {
  background: #EEF0F4;
  border: 1px dashed #C3C9D4;
  color: #8892A4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  padding: 8px;
}

/* ---- スマホ固定CTAバー ---- */
.fk-sticky-cta { display: none; }
@media (max-width: 640px) {
  .fk-sticky-cta {
    display: flex;
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #FFFFFF; border-top: 1px solid #E3E6EC;
    box-shadow: 0 -4px 16px rgba(27, 42, 74, 0.12);
    padding: 10px 16px; gap: 12px; justify-content: center; z-index: 100;
  }
  .fk-sticky-spacer { height: 76px; }
}