@charset "UTF-8";

/* =================================================================
 * 旧テーマ（arkfarm_since_240213）の単一記事レイアウト＋本文スタイル
 *  2026-07-07 以前に公開された通常投稿(post)＝旧記事の詳細ページに適用する。
 *  旧 style.css から本文カラム（#common-single-container 配下）と .entry-content 配下を抽出。
 *  ※ サイドバー / SNSシェア / 前後記事 / GSAP追従 は再現対象外（本文カラムのみ）。
 *  ※ 旧記事は今後更新しないため SCSS ソースは持たず、このファイルを直接管理する。
 *  ※ 旧テーマは html:62.5%(1rem=10px) だったため、font-size の rem は px に変換して固定。
 * ================================================================= */

/* ------------------------------------------------------------------
 * レイアウト（本文カラム）
 * ------------------------------------------------------------------ */
#common-single-container {
  background-color: #E7ECEE;
  padding: 90px 0 80px;
  /* 旧テーマ common の base タイポグラフィ（body継承分）を旧記事領域に適用。
     ※ 筑紫ゴシック(TsukuGoPr5-R)は旧テーマがFONTPLUSで配信していた。
        新テーマにローダーが無いため、本体が無ければ serif にフォールバックする。 */
  font-family: "TsukuGoPr5-R", "FOT-筑紫ゴシック Pro R", serif;
  color: #393939;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

#common-single-container .sec-inner {
  position: relative;
}

#common-single-container .content-width {
  width: calc(100% * 1200 / 1400);
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  #common-single-container .content-width {
    width: calc(100% * 350 / 390);
  }
}

/* サイドバーを持たないため、本文カラムは中央寄せの単一カラム（旧カード幅≒950pxを踏襲） */
#common-single-container .content-main {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

#common-single-container .content-ttl {
  font-family: "TsukuGoPro-B", "FOT-筑紫ゴシック Pro B", serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
}

#common-single-container .content-date {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.16;
  margin: 20px 0 0;
}

#common-single-container .content-cats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em 0.3em;
  margin: 20px 0 0;
}

@media (max-width: 575px) {
  #common-single-container .content-cats {
    gap: 0.5em 10px;
  }
}

#common-single-container .content-cats .content-cat {
  flex-shrink: 0;
  border-radius: 20px;
  background-color: #C3C8C6;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.1em;
  line-height: 1;
  padding: 0.2em 1.6em;
}

#common-single-container .content-main-inner {
  border-radius: 20px;
  background-color: #fff;
  padding: 54px 50px;
  margin: 40px 0 0;
}

@media (max-width: 1215px) {
  #common-single-container .content-main-inner {
    padding: 40px calc(100% * 20 / 350);
  }
}

/* ------------------------------------------------------------------
 * 本文（.entry-content）
 *  旧 style.css L7370-7449 を移植。
 *  現行WPは段落に wp-block-paragraph / リストに wp-block-list を付与するため、
 *  旧テーマの :not([class]) に加えてブロッククラスも対象にする。
 * ------------------------------------------------------------------ */
.entry-content * > *:first-child {
  margin-top: 0 !important;
}

.entry-content > *:first-child {
  margin-top: 0 !important;
}

.entry-content * > *:last-child {
  margin-bottom: 0;
}

.entry-content b,
.entry-content strong {
  font-family: "TsukuGoPro-B", "FOT-筑紫ゴシック Pro B", serif;
  font-weight: 700;
}

.entry-content p a {
  color: #A11E35;
  text-decoration: underline;
}

.entry-content ol {
  list-style: auto;
  padding-left: 1em;
}

.entry-content ol li {
  list-style: auto;
  padding-left: 0.3em;
}

.entry-content h2.wp-block-heading,
.entry-content h3.wp-block-heading,
.entry-content h4.wp-block-heading,
.entry-content h5.wp-block-heading,
.entry-content h6.wp-block-heading {
  margin: 2.5em 0 1.5em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #C3C8C6;
}

.entry-content h2.wp-block-heading {
  font-size: 26px;
}

.entry-content h3.wp-block-heading {
  font-size: 22px;
}

.entry-content h4.wp-block-heading {
  font-size: 20px;
}

.entry-content h5.wp-block-heading {
  font-size: 18px;
}

.entry-content p:not([class]),
.entry-content p.wp-block-paragraph {
  margin: 1.5em 0 1em;
}

.entry-content ul:not([class]),
.entry-content ul.wp-block-list {
  list-style: disc;
  padding-left: 1.5em;
}

.entry-content ul:not([class]) li,
.entry-content ul.wp-block-list li {
  list-style: disc;
}

.entry-content ul:not([class]) li:nth-child(n+2),
.entry-content ul.wp-block-list li:nth-child(n+2) {
  margin-top: 0.5em;
}

.entry-content figure.wp-block-image {
  margin: 2em 0 1.5em;
}

.entry-content blockquote.wp-block-quote {
  background-color: #E7ECEE;
  padding: 2em 2em 2em;
  margin: 2em 0 1em;
}

.entry-content blockquote.wp-block-quote cite {
  font-size: 12px;
}

.entry-content table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}

.entry-content iframe.wp-embedded-content {
  display: block;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}