/*
Theme Name: Sunvalley Blog
Theme URI: https://www.nasu3800.co.jp/blog/
Author: frontainer
Description: ホテルサンバレー那須 ブログ用テーマ。親サイト(abi-CMS)の #header / #footer を動的取得して表示し、親側の更新に追従します。
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sanvalley-blog
*/

/* --- WP の本文を親サイトのヘッダー/フッターの間に流し込む --- */
#contents .inner.sv-blog {
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 20px 100px;
	box-sizing: border-box;
}
.sv-main { width: 100%; }
.sv-article { margin: 0 0 50px; }
.sv-entry-title { font-size: 1.6em; line-height: 1.5; margin: 0 0 .4em; }
.sv-entry-title a { text-decoration: none; color: inherit; }
.sv-entry-meta { color: #888; font-size: .85em; margin: 0 0 1.2em; }
.sv-entry-content { line-height: 1.9; }
.sv-entry-content img { max-width: 100%; height: auto; }
/* リセットで消えた本文の余白・リストを本文内だけ復活 */
.sv-entry-content p { margin: 0 0 1.5em; }
.sv-entry-content h2 { font-size: 1.4em; margin: 1.6em 0 .6em; }
.sv-entry-content h3 { font-size: 1.2em; margin: 1.4em 0 .5em; }
.sv-entry-content ul, .sv-entry-content ol { margin: 0 0 1.5em 1.6em; }
.sv-entry-content ul li { list-style: disc; }
.sv-entry-content ol li { list-style: decimal; }
.sv-entry-content a { text-decoration: underline; }
.sv-entry-content blockquote { margin: 0 0 1.5em; padding: .5em 1em; border-left: 3px solid #ccc; color: #555; }
.sv-archive-head { margin: 0 0 40px; }
.sv-page-title { font-size: 1.9em; margin: 0; }

/* ページネーション */
.sv-main .nav-links { margin-top: 40px; display: flex; gap: 8px; flex-wrap: wrap; }
.sv-main .page-numbers { padding: 6px 12px; border: 1px solid #ddd; text-decoration: none; color: inherit; }
.sv-main .page-numbers.current { background: #333; color: #fff; border-color: #333; }

/* 一覧: アイキャッチ画像を記事タイトルの横に表示 */
.sv-list-item { display: flex; gap: 24px; align-items: flex-start; }
.sv-list-item .sv-thumb { flex: 0 0 220px; display: block; line-height: 0; overflow: hidden; border-radius: 4px; }
.sv-list-item .sv-thumb img { width: 100%; height: 150px; object-fit: cover; display: block; }
.sv-list-item .sv-list-body { flex: 1 1 auto; min-width: 0; }
@media (max-width: 600px) {
	.sv-list-item { display: block; }
	.sv-list-item .sv-thumb { width: 100%; margin: 0 0 16px; }
	.sv-list-item .sv-thumb img { height: auto; }
}