@charset "UTF-8";
/*
Theme Name: SWELL CHILD
Template: swell
Description: yamazakiyuji.com 用 SWELL 子テーマ
Version: 1.0.0
*/

/* ==========================================================
 * 旧サイト（Ameba Ownd / テーマ spune）の見た目に寄せる調整
 * ========================================================== */

/* ヘッダー: 緑の帯にサイト名を中央、その下に白いナビ */
.l-header__inner { justify-content: center; }
.c-headLogo, .c-headLogo__link { color: #fff; font-weight: 700; }
.l-header__gnav, .l-header .c-gnav { justify-content: center; }
.l-header__gnav { background: #fff; width: 100%; }
.c-gnav > .menu-item > a { color: #666; }
.c-gnav > .menu-item > a::after { background: #077983; }
.c-gnav > .menu-item > a .ttl { font-size: 16px; }

/* 見出し「活動の様子」等: 上と左に黒い線 */
.post_content > h2.wp-block-heading {
	background: none; color: #111; font-size: 16px; font-weight: 700;
	border-top: 2px solid #111; border-left: 2px solid #111;
	padding: .8em .6em; margin-top: 2.5em;
}
.post_content > h2.wp-block-heading::before, .post_content > h2.wp-block-heading::after { content: none; }

/* 記事ページのタイトル帯: 灰色の帯に白文字（タイトル＋カテゴリ・日付をひと続きの帯にする） */
.single .p-articleHead { background: #8a8a8a; padding: 2.2em 1.6em .4em; margin-bottom: 0; }
.single .p-articleHead .c-postTitle__ttl { color: #fff; font-size: 22px; font-weight: 400; border: 0; padding: 0; }
.single .p-articleHead .c-postTitle__date { display: none; }
.single .l-mainContent__inner > .p-articleMetas.-top { background: #8a8a8a; color: #fff; padding: .4em 1.6em 1.8em; margin: 0 0 2em; }
.single .p-articleMetas.-top .c-categoryList::before { content: none; }
.single .p-articleMetas.-top .c-categoryList__link { background: #f43f0b; color: #fff; border-radius: 0; padding: 2px 8px; font-size: 11px; }
.single .p-articleMetas.-top .c-postTimes, .single .p-articleMetas.-top .c-postTimes * { color: #fff; }
.single .post_content > p { margin-bottom: 1em; }

/* 一覧のカテゴリ表示: オレンジのラベル */
.p-postList__cat { background: #f43f0b; color: #fff; padding: 1px 8px; font-size: 10px; }
.p-postList__cat::before { content: none; }
.p-postList__title { font-weight: 400; }

/* サイドバー */
.yy-prof { display: flex; gap: 12px; align-items: center; border: 1px solid #ddd; padding: 14px; background: #f6f6f6; }
.yy-prof__img { width: 70px; height: 70px; object-fit: cover; flex: none; }
.yy-prof__name { font-weight: 700; font-size: 13px; margin: 0 0 4px; }
.yy-prof__txt { font-size: 11px; line-height: 1.7; margin: 0; }
#sidebar .c-widget__title { background: none; color: #111; font-size: 14px; font-weight: 700; padding: 0 0 .5em; border: 0; }
#sidebar .c-widget__title::before, #sidebar .c-widget__title::after { content: none; }
#sidebar .widget_categories ul { display: flex; flex-wrap: wrap; gap: 6px; }
#sidebar .widget_categories li { border: 1px solid #ddd; background: #fff; padding: 2px 8px; font-size: 11px; }
#sidebar .widget_categories li a { display: inline; padding: 0; border: 0; }
#sidebar .widget_categories li a::before { content: none; }

/* サイドバーの記事一覧: 小さいサムネイル＋タイトル */
#sidebar .p-postList.-type-list .p-postList__thumb { width: 70px; }
#sidebar .p-postList.-type-list .p-postList__title { font-size: 12px; font-weight: 400; }
#sidebar .p-postList__meta { font-size: 10px; }

/* スクロール時の追従ヘッダー: 緑地なのでナビは白文字 */
.l-fixHeader .c-gnav > .menu-item > a { color: #fff; }
.l-fixHeader .l-fixHeader__gnav { background: none; }

/* 固定ページ本文: 段落の間隔を詰め、左寄せ指定の写真は左に置く */
.page .post_content > p { margin-bottom: 1em; }
.post_content .wp-block-image:not(.aligncenter) { text-align: left; }
.post_content .wp-block-image:not(.aligncenter) img { margin-left: 0; margin-right: auto; }

/* プロフィールのキャッチコピー(h3): 装飾なしの太字 */
.post_content > h3.wp-block-heading { border: 0; padding: 0; font-size: 18px; }
.post_content > h3.wp-block-heading::before, .post_content > h3.wp-block-heading::after { content: none; }

/* 幅を%指定した写真（旧サイトの縮小表示）と、キャッチコピー・サイドバーの微調整 */
.post_content .wp-block-image.is-resized { display: block; }
.post_content > h3.wp-block-heading { font-size: 24px; font-weight: 400; line-height: 1.6; }
#sidebar .p-postList.-type-list .p-postList__thumb { width: 75px; }
#sidebar .p-postList.-type-list .p-postList__thumb .c-postThumb__figure { padding-top: 0; aspect-ratio: 1 / 1; }
#sidebar .p-postList.-type-list .p-postList__thumb .c-postThumb__img { object-fit: cover; height: 100%; }