/* --------------------------------------------------
   1. 記事本文コンテナ  (.entry-content など)
   -------------------------------------------------- */
.single-column .entry-content {
  /* 背景 & レイアウト */
  background: #ffffff;                 /* 白背景 */
  padding: clamp(1.5rem, 4vw, 3rem);   /* モバイル〜PCで自然に可変 */
  border-radius: 14px;                 /* 角丸で柔らかい印象 */
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); /* ふわっと浮かせる */
  line-height: 1.75;                   /* 余白広めで読みやすさ重視 */
  letter-spacing: 0.03em;
  font-size: 1.05rem;                  /* ベース文字を少し大きく */
}

/* --------------------------------------------------
   2. 記事タイトル  (h1)
   -------------------------------------------------- */
.single-column .entry-title,
.single-column h1 {                      /* 念のため両方指定 */
  font-family: "Playfair Display", serif; /* 上品なセリフ体 */
  font-weight: 700;
  font-size: clamp(28px, 5vw, 42px);
  line-height: 1.35;
  color: #212121;                      /* 濃いグレーで黒より柔らかく */
  margin-bottom: 1.4rem;
  text-align: center;
}

/* --------------------------------------------------
   3. セクション見出し  (h2)
   -------------------------------------------------- */
.single-column h2 {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: clamp(20px, 4vw, 28px);
  margin: 2.5rem 0 1.2rem;
  padding-left: 0.9rem;
  color: #333;
}

.single-column h2::before {
  /* 左ラインでアクセント */
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 4px;
  height: 1em;
  background: #d4bcb0;                 /* ベージュに合う淡ブラウン */
  border-radius: 2px;
}

/* --------------------------------------------------
   4. 段落  (p)
   -------------------------------------------------- */
.single-column p {
  margin: 0 0 1.4em;
}

/* --------------------------------------------------
   5. 画像の余白調整（任意）
   -------------------------------------------------- */
.single-column .entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.6rem auto;
  border-radius: 8px;
}

/* --------------------------------------------------
   6. レスポンシブ微調整
   -------------------------------------------------- */
/* PC 幅だけ上限を緩める */
@media (min-width: 1024px) {
  .single-column .entry-content {
    /* 例1: 固定値で 960px */
    /* max-width: 960px; */

    /* 例2: 画面に合わせて伸縮させたい場合 */
    max-width: clamp(860px, 70vw, 1100px);
	  
	margin: 0 auto;
  }
}