/*
Theme Name: kas_blog
Author: N
Description: ポートフォリオ用のサブテーマ
Version: 1.0
*/

/* =========================
   基本設定（この固定ページ専用）
========================= */

body.page-id-2486 {
  font-family: "Noto Serif JP", serif;
  font-size: 1rem;
}

/* =========================
   レイアウト
========================= */

body.page-id-2486 .main-layout {
  padding-top: 5em;
}

body.page-id-2486 .page-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
  line-height: 1.9;
  margin-top:5em;
}

/* =========================
   タイトル
========================= */

body.page-id-2486 .page-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color:#666;
}

/* =========================
   段落
========================= */

/* 冒頭段落 */
body.page-id-2486 .page-content > p:first-of-type {
  font-size: 1.05rem;
  color: #555;
  margin-bottom: 4rem;
}

/* 通常段落 */
body.page-id-2486 .page-content p {
  margin: 0 0 1.6em;
}

/* =========================
   見出し
========================= */

body.page-id-2486 .page-content h2 {
  margin-top: 4rem;
  margin-bottom: 1.5rem;
      border-bottom: 1px solid #ddd;
}

/* 段落直後の見出し詰まり防止 */
body.page-id-2486 .page-content p + h2 {
  margin-top: 4rem;
}

/* =========================
   モバイル
========================= */

@media (max-width: 768px) {

  body.page-id-2486 .page-title {
    font-size: 1.2rem;
  }

  body.page-id-2486 .page-content h2 {
    font-size: 1rem;
  }
}