/* ========================================
  変数・ベース
======================================== */
:root {
  --color-primary: #f24A51;
  --color-primary-base: #f24A51;
  --color-primary-pocket: #EC6B6C;
  --color-text-sub: #666666;
  --color-text-light: #8a8a8a;
  --color-border: #dddddd;
  --color-bg: #ffffff;
  --color-bg-gray: #f4f4f4;
  --color-bg-pink: #fff5f5;
  --font-base: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  --font-inter: "Inter", sans-serif;
  --container-padding: 16px;
  --section-gap: 60px;
  --transition-base: 0.3s ease;
  --slider-arrow-bg: #cccccc;
  --slider-arrow-icon: #ffffff;

  /* 0726追加 */
  --swatch-red:#F69C9C;
  --swatch-green:#C4EABA;
  --swatch-blue:#8FBAE8;
  --swatch-natural:#FFF9EB;
  --swatch-brown:#B0947F;
  --swatch-yellow:#FCEA9C;
  --swatch-pink:#FBC8D9;
}

body {
  font-family: var(--font-base);
  font-size: 13px;
  line-height: 1.7;
  color: #333333;
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
}

a:hover {
  opacity: 0.7;
  transition: opacity var(--transition-base);
}

@media (min-width: 900px) {
  body {
    font-size: 15px;
  }
}