/*
Theme Name: Ryudensetsu
Theme URI: https://ryudensetsu.jp
Author: Hanna Lee
Description: りゅう電設 公式サイトテーマ
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Private
Text Domain: ryudensetsu
*/

/* =============================================
   CSS Variables
   ============================================= */
:root {
  --color-primary: #1a6b3a;
  --color-primary-dark: #155a47;
  --color-gold: #c4923a;
  --color-gold-light: #e8b86d;
  --color-dark: #111111;
  --color-dark-2: #1a1a1a;
  --color-dark-3: #222222;
  --color-white: #ffffff;
  --color-gray: #888888;
  --color-light: #f5f5f5;
  --color-gray-200: #e8e9eb;
  --color-gray-100: #f4f5f7;
  --color-gray-500: #8a8e96;
  --color-green-light: #e8f5ee;
  --color-text: #2c3140;

  --font-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  --font-en: "Barlow Condensed", "Montserrat", sans-serif;

  --header-height: 72px;
  --transition: 0.3s ease;
}

/* =============================================
   Reset & Base
   ============================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--color-dark);
  background-color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  color: #2c3140;
  overflow-x: hidden;
}

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

a {
  text-decoration: none;
  color: inherit;
  transition: color var(--transition);
}

ul,
ol {
  list-style: none;
}

/* =============================================
   Typography
   ============================================= */
.en {
  font-family: var(--font-en);
}

/* =============================================
   Container
   ============================================= */
.container {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }
}