/* ============================================================
   agura-site/styles.css
   ============================================================
   サイト全体の基本スタイル。
   色やフォントなどの細かい調整はここで行います。
   ============================================================ */

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  background: #FBF6EE;
  color: #3A2A22;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

/* スクロール時のセクションフェードイン */
.sr {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 700ms ease, transform 700ms ease;
}
.sr.in {
  opacity: 1;
  transform: translateY(0);
}

/* ローディング表示（JSが読み込まれる前の一瞬） */
#root:empty::before {
  content: '読み込み中…';
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: "Shippori Mincho", serif;
  color: #B98C66;
  letter-spacing: 0.2em;
  font-size: 13px;
}