/* ------------------------------------------------------------------
   WordPress固有の追記分（このファイルだけ手書き／SCSSビルド対象外）
   common.css / index.css の後に読み込まれる
------------------------------------------------------------------ */

/* --- サムネイル（アイキャッチ画像を背景として敷く） --- */
.card__thumb,
.scard__thumb,
.architect__photo,
.article__eyecatch {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- ロゴ画像を設定した場合（未設定時はテキストロゴのまま元デザイン通り） --- */
.header__logo--img,
.subheader__logo--img,
.footer__logo--img {
  display: block;
  line-height: 0;
}
.header__logo--img img,
.subheader__logo--img img {
  height: 40px;
  width: auto;
}
.footer__logo--img img {
  height: 32px;
  width: auto;
}

/* --- スタッフ／建築家（メディアライブラリの写真を枠に合わせる） --- */
.scard-p__photo .scard-p__img--fit {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.sdetail__portrait img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sdetail__body {
  margin-top: 48px;
}

/* カード全体を <a> にしたときの打ち消し */
a.card,
a.scard {
  color: inherit;
  transition: opacity 0.2s;
}
a.card:hover,
a.scard:hover {
  opacity: 0.8;
}

/* --- 下層ページ（記事本文） --- */
.entry {
  padding-bottom: 24px;
}
.entry__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.entry__date {
  font-size: 13px;
  color: #666;
}
.entry__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.6;
  color: #222222;
  margin-bottom: 24px;
}
.entry__thumb {
  margin-bottom: 32px;
}
.entry__thumb img {
  width: 100%;
  height: auto;
}

.entry__body {
  font-size: 15px;
  line-height: 2;
  color: #222222;
}
.entry__body > * + * {
  margin-top: 1.4em;
}
.entry__body h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  padding-bottom: 12px;
  border-bottom: 1px solid #165e83;
  margin-top: 2em;
}
.entry__body h3 {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.6;
  color: #165e83;
  margin-top: 2em;
}
.entry__body a {
  color: #165e83;
  text-decoration: underline;
}
.entry__body ul,
.entry__body ol {
  padding-left: 1.5em;
}
.entry__body ul li {
  list-style: disc;
}
.entry__body ol li {
  list-style: decimal;
}
.entry__body blockquote {
  padding: 16px 20px;
  border-left: 3px solid #165e83;
  background: #f6f8f9;
}
.entry__body img {
  max-width: 100%;
  height: auto;
}
.entry__body table {
  width: 100%;
  border-collapse: collapse;
}
.entry__body th,
.entry__body td {
  padding: 12px;
  border: 1px solid #ddd;
}

/* --- 家づくりの流れ（エディタ本文を流し込むため段落間隔を補う） --- */
.flow-intro > p + p,
.flow-step__text > p + p {
  margin-top: 1.5em;
}
.flow-step__text ul,
.flow-step__text ol {
  padding-left: 1.5em;
  margin-top: 1em;
}
.flow-step__text ul li {
  list-style: disc;
}
.flow-step__text ol li {
  list-style: decimal;
}
.flow-step__text a {
  color: #165e83;
  text-decoration: underline;
}

/* --- ページ分割リンク（<!--nextpage--> 用。一覧の .pager とは別物） --- */
.article__pages,
.entry__pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 48px;
  font-size: 14px;
}
.article__pages a,
.entry__pages a {
  color: #165e83;
  text-decoration: underline;
}

/* --- 記事なしメッセージ --- */
.noposts {
  padding: 48px 0;
  text-align: center;
  font-size: 15px;
  color: #666;
}

/* --- WordPress標準クラス --- */
.alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
}
.alignright {
  float: right;
  margin: 0 0 1em 1.5em;
}
.aligncenter {
  display: block;
  margin-inline: auto;
}
.alignwide,
.alignfull {
  max-width: 100%;
}
.wp-caption {
  max-width: 100%;
}
.wp-caption-text {
  font-size: 13px;
  color: #666;
  text-align: center;
}
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
}
.sticky,
.gallery-caption,
.bypostauthor {
  /* テーマチェック対応（未使用） */
}