:root {
  /* Colors */
  --Gray-10: #fafafa;
  --Gray-50: #f0f0f0;
  --Gray-100: #ddd;
  --Gray-200: #ccc;
  --Gray-300: #aaa;
  --Gray-400: #999;
  --Gray-500: #777;
  --Gray-600: #555;
  --Gray-700: #333;
  --Gray-800: #202020;
  --Gray-900: #101010;
  --Red-500_main: #b06e6f;
  --Red-600_main: #ad4446;
  --Red-700_main: #8a2022;
  --Red-800_main: #80130c;
  --Red-900_main: #5a0102;

  /* Families */

  /* Use the most common English font and Japanese Font as the base */
  --familyShippori: 'Shippori Mincho', serif;
  --familyEB: 'EB Garamond', 'Shippori Mincho', serif;
  --familyZenKakuGothicN: 'Zen Kaku Gothic New', sans-serif;

  /* Font Size clamp: https: //min-max-calculator.9elements.com/ */
  --fontMax14Min12: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);
  --fontMax16Min14: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
  --fontMax18Min16: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);

  /* ヘッダー80、75px */
  --headerHeight: 5rem;

  @media screen and (width <= 1000px) {
    --headerHeight: 4.5rem;
  }

  /* z-index */
  --z-index-swiper: 5;
  --z-index-drawer: 11;
  --z-index-header: 12;
  --z-index-popup: 1000;
}