/* 今のサイトの見た目（theme.css）に足したものだけ。
   家のルール：真っ黒は #393837（theme.css は書き出し時に置きかえ済み）／375px で横にはみ出さない */

/* ページの下の公式LINEボタン */
.pw-line-cta { padding: 48px 16px 64px; }
.pw-line-cta .epb-btn { max-width: 100%; white-space: normal; }

/* アメブロから移した記事のいちばん上の1行 */
.pw-old-notice { margin-bottom: 32px; padding: 12px 16px; background: #f5f4f1; border-left: 3px solid #988b6f; font-size: 0.88889rem; line-height: 1.7; }

/* （要確認）の印：点線の枠 */
.pw-check { margin: 24px 0; padding: 16px; border: 2px dashed #b22f37; color: #b22f37; font-size: 0.88889rem; }

/* スマホではみ出さないように（見た目は変えない） */
.article-body img, .article-body video { max-width: 100%; height: auto; }
.article-body iframe { max-width: 100%; }
.article-body table:not(.wp-block-table table) { max-width: 100%; }
.pw-ameblo-body { overflow-wrap: anywhere; }
.pw-ameblo-body pre { white-space: pre-wrap; }
form[action*="17auto.biz"] table { width: 100% !important; }
form[action*="17auto.biz"] input[type="text"], form[action*="17auto.biz"] textarea { max-width: 100%; }

/* コラム一覧のテーマ選び（WordPress のカテゴリーのプルダウンと同じ形） */
.pw-cat-select { margin-bottom: 40px; }
.pw-cat-select select { max-width: 100%; }

/* ページ送り */
.pw-pagination { margin-top: 48px; }

/* 記事の前後・関連記事の小さい画像（アメブロの画像は正方形でないため） */
.pre_nex_thumbnail img, .related-post-list__thumbnail img { object-fit: cover; aspect-ratio: 1 / 1; }
.epb-post-list__thumbnail img, .post-thumbnail img { width: 100%; aspect-ratio: 600 / 338; object-fit: cover; }