/*
Theme Name: Aogiri Real Estate Theme
Theme URI: https://example.com/aogiri-theme
Author: Aogiri Real Estate
Description: あおぎり不動産鑑定事務所用オリジナルテーマ
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* 基本設定 */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #fcfaf5;
    color: #292524;
}

/* -------------------------------------------------
   重要: Tailwind(CDN)が何らかの理由で読み込めない場合でも
   「最低限崩れない」ためのフォールバックCSS（スマホ対策）
--------------------------------------------------*/

/* 画像が画面幅をはみ出さない */
img, video {
  max-width: 100%;
  height: auto;
}

/* 余白の初期化 */
body { margin: 0; }

/* 固定ヘッダー分の余白（Tailwind未反映時に本文が隠れるのを防ぐ） */
#main-content {
  padding-top: 96px; /* ロゴが大きいので少し多め */
}

/* ナビゲーション（Tailwind未反映時に青リンクにならないように） */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(44, 37, 32, 0.95);
  border-bottom: 1px solid rgba(120, 113, 108, 0.5);
}

nav a {
  color: #e7e5e4;
  text-decoration: none;
}
nav a:hover {
  color: #d4a373;
}

/* モバイルメニュー */
#mobile-menu {
  background: #2c2520;
}
#mobile-menu a {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid rgba(120, 113, 108, 0.5);
}

/* Heroスライド（Tailwind未反映時に高さが暴れないように） */
header[aria-label="サイトのメインビジュアル"] {
  min-height: 70vh;
}
#hero-slider, .hero-slide {
  width: 100%;
  height: 100%;
}
.hero-slide {
  object-fit: cover;
}

/* カード画像が極端に大きくならないように */
.scenes-card img,
article img {
  object-fit: cover;
}

/* iPhoneでの文字サイズ自動拡大を抑制 */
html {
  -webkit-text-size-adjust: 100%;
}