/*
Theme Name: Kairova
Theme URI: https://example.com/kairova
Author: Your Name
Author URI: https://example.com
Description: レスポンシブ設計と整ったレイアウト構成を重視した汎用WordPressテーマ
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: kairova
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog
*/

/* ---------------------------------
   Base
--------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  color: #222;
  font-family: "Noto Serif JP", serif;
  line-height: 1.75;
  background: #fff;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

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

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ---------------------------------
   Utility
--------------------------------- */
.pc {
  display: block;
}

.tb {
  display: none;
}

.container {
  width: min(100% - 32px, 1200px);
  margin-inline: auto;
}

.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb60 { margin-bottom: 60px; }

.center-text { text-align: center; }
.right-text { text-align: right; }

/* ---------------------------------
   Layout
--------------------------------- */
.l-container {
  min-height: 100vh;
}

.l-main {
  display: block;
}

/* ---------------------------------
   Responsive
--------------------------------- */
@media (max-width: 1024px) {
  .pc {
    display: none;
  }

  .tb {
    display: block;
  }

  .container {
    width: min(100% - 24px, 100%);
  }
}