/* ==========================================================================
   base.css - 統合ベース (gColors-rev2 クレンジング版)
   リセット・基本属性・サイト全体の地色
   ========================================================================== */

/* -----------------------------------------------------
   1. HTML・Body 基本設定
   ----------------------------------------------------- */
html {
  scroll-behavior: smooth;
  overflow-x: clip;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  /* サイト全体の背景色と文字色を定義 */
  background-color: var(--gc-12-kinari-iro, #FFF1CF);
  color: var(--gc-12-sumi-iro, #595857);
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: 400;
  overflow-x: clip;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* -----------------------------------------------------
   2. 画像・埋め込みリセット
   ----------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

iframe {
  width: 100%;
  max-width: 100%;
  border: none;
}

/* -----------------------------------------------------
   3. 共通リセット（ボタン・リンクの初期化）
   ----------------------------------------------------- */
a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

a:hover {
  opacity: 0.8;
}

button, 
input[type="submit"], 
input[type="button"] {
  cursor: pointer;
  font-family: inherit;
  border: none;
  background: none;
}