/* =========================================================
   スキン：もこもこ（趣味・日記・キャラクターのいるブログ向け）
   クリーム色にパステル。角を大きく丸め、見出しは雲のような形。吹き出しが一番映える。
   おすすめの組み合わせ：レイアウト「1カラム」＋一覧「タイムライン」
   ========================================================= */

:root {
	--c-text: #4a3f3f;
	--c-heading: #3d3333;
	--c-sub: #7a6464;
	--c-bg: #fffaf3;              /* クリーム */
	--c-bg-soft: #ffffff;
	--c-line: #f1e2d6;
	--c-accent: #c93d63;          /* いちごミルクの濃いピンク（白文字が読める濃さ） */
	--c-on-accent: #ffffff;
	--c-link: #b8355a;
	--c-h2-bg: #ffe3ea;           /* 見出しの雲：うすピンク */
	--c-h2-text: #5a2a38;
	--c-h2-border: #ffc2d1;
	--c-sky: #dff1fb;             /* 小見出し：うす水色 */
	--c-thumb-frame: #f6d9e1;
	--c-thumb-bg: #fff3ea;
	--c-overlay: rgba(255, 250, 243, .92);
	--pickup-shadow: 0 10px 30px rgba(201, 61, 99, .10);
	--font: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "BIZ UDPGothic", "Meiryo", "Hiragino Sans", sans-serif;
	--font-title: var(--font);
	--brand-spacing: .08em;
	--radius: 22px;
}

/* 見出し：H2 はふんわりした雲、H3 は水色の丸いラベル */
.entry-content h2 {
	position: relative;
	padding: .7em 1.2em;
	border: 2px solid var(--c-h2-border);
	border-radius: 999px;
	background: var(--c-h2-bg);
	color: var(--c-h2-text);
	text-align: center;
}
.entry-content h2::before, .entry-content h2::after {
	content: ""; position: absolute; border-radius: 50%;
	background: var(--c-h2-bg); border: 2px solid var(--c-h2-border);
}
.entry-content h2::before { width: 14px; height: 14px; left: 1.6em; bottom: -18px; }
.entry-content h2::after { width: 8px; height: 8px; left: 1em; bottom: -30px; }
.entry-content h2 { margin-bottom: 1.6em; }
.entry-content h3 { display: inline-block; padding: .35em 1em; border: 0; border-radius: 999px; background: var(--c-sky); color: #2c5d76; }

.entry-content a { text-decoration: underline; text-decoration-style: wavy; text-decoration-color: #f3a6b9; text-underline-offset: .25em; }
.entry-content a.yb-product__btn, .entry-content a.yb-cta__btn, .entry-content .blogcard a, .entry-content .next-story a { text-decoration: none; }
.entry-content strong { background: linear-gradient(transparent 60%, #ffe3ea 60%); }
.entry-content img { border-radius: 18px; }
.entry-content blockquote { border: 0; border-radius: 18px; background: var(--c-sky); }

/* カード：白くて丸い、ふんわりした影 */
.card__link { background: #fff; border-color: transparent; box-shadow: 0 4px 16px rgba(122, 100, 100, .08); }
.card__link:hover { border-color: var(--c-h2-border); transform: translateY(-2px); transition: transform .2s, border-color .2s; }
@media (prefers-reduced-motion: reduce) { .card__link:hover { transform: none; } }
.card__thumb { border-radius: 16px; }
.side-box { background: #fff; border-color: transparent; box-shadow: 0 4px 16px rgba(122, 100, 100, .06); }
.side-box__title { text-align: center; }
.cat-pill, .cat-chip { border-radius: 999px; }
.more a, .header-search, .subscribe__btn, .search-form__button { border-radius: 999px; }
.toc { border-radius: 22px; background: #fff; }
.next-story { border-left-width: 2px; border-radius: 22px; background: #fff; }
.share__btn { border-radius: 999px; }

/* タイムラインの点を、少し大きな丸に */
.card-list--timeline { border-left-style: dotted; border-left-width: 3px; border-left-color: var(--c-h2-border); }
.card-list--timeline .card::before { width: 16px; height: 16px; left: -32px; background: var(--c-h2-bg); border: 3px solid var(--c-accent); }

/* 吹き出し：もっと丸く */
.yozora-bubble__body { border-radius: 24px !important; }