/*!
 * grass2.css
 * Copyright 2025 Grasslands
 */

/* ベース */
:root { color-scheme: light dark; }

/* コンテナ（BFCでfloatの高さを内包） */
.media {
  display: flow-root; /* 近代的clearfix */
}

/* 画像：左回り込み（PC/タブレット） */
.media__img {
  float: right;
  margin: 8px 16px 0px 16px; /* 右と下に余白 */
  width: 33%;
  max-width: 250px;     /* 上限 */
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

/* 画像の基本最適化 */
img { display: block; max-width: 100%; height: auto; }

/* スマホ（≤640px）：上下配置に切替 */
@media (max-width: 640px) {
  .media__img {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0 0 12px 0; /* 下だけ余白 */
  }
}

/* ダークモード配慮（任意）
@media (prefers-color-scheme: dark) {
  body { color: #e8e8e8; background: #111; }
} */

/* ゴシック体用のクラス */
.gothic {
    font-family: "Arial", "Helvetica", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: bold;
    color: #3333cc;
}

.gothic1 {
    font-family: "Arial", "Helvetica", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #006666;
}

.gothic2 {
    font-family: "Arial", "Helvetica", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: bold;
    color: #000000;
}

p {
  font-size: 18px;
  font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  /*font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Serif JP', "游明朝", "Yu Mincho", serif; */
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}