/* ==========================================================================
   Moon Sign 新しい見た目（2026-09-24〜）
   方針: 「別の雑誌、同じ家の人」。Moon Sign のロゴと雑誌の顔は残し、書体・余白・金の細線は K's のトンマナに揃える
   🔴 主色はマゼンタ（丼 2026-09-24「色はマゼンダがいいね。緑ではない」）。K's の深い青緑は使わない
   値の正: 新サイト/design/DESIGN.md（色・書体）／設計/トンマナ/KS_トンマナ正本
     生成りと白が主役・文字と主ボタンはマゼンタ系 #b8174f・淡いピンク #e58aab は細線だけ・金 #b89a45 は1pxの線だけ
   範囲: body.ks-new の中だけ。本文の組み直しは記事（.single）だけ＝固定ページのキャンペーンLPは中身に触れない（プレビュー中は鍵を持つ人だけ・切り替え後は全員）
   置き場: 子テーマ jstork19_custom/ks-refresh.css（読み込みは functions.php の ks_ms_new_*）
   ========================================================================== */

body.ks-new {
	--ms-canvas: #faf8f3;
	--ms-surface: #ffffff;
	--ms-ink: #2a2e33;
	--ms-muted: #555b61;
	--ms-primary: #d81d5f;   /* マゼンタは1色だけ（ヘッダーと同じ・白地で約4.9:1）丼 9/24「TOPのマゼンダと同じに」 */
	--ms-deep: #b8174f;      /* ホバーのときだけ */
	--ms-brand: #d81d5f;     /* Moon Sign のマゼンタ（ヘッダーの面） */
	--ms-wine: #2a2e33;      /* フッターの面（色を増やさない＝墨色） */
	--ms-moon: #c9c2b6;      /* 細い線・矢印・箇条書きの点（色を増やさない＝生成りに合う灰） */
	--ms-gold: #b89a45;
	--ms-gold-deep: #7d6526;
	--ms-goldmist: #faf8f3;   /* 監修者の欄も生成りに（色を増やさない） */
	--ms-mist: #f6f4ef;      /* 淡い面（吹き出し）＝色を増やさない */
	--ms-line: #e4ded1;
	--ms-mincho: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;  /* 端末の明朝（Webフォントは重いので使わない 9/25） */
	--ms-gothic: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "YuGothic", Meiryo, sans-serif;
	--ms-english: Georgia, serif;
	background: var(--ms-canvas) !important;
	color: var(--ms-ink);
}
body.ks-new #container,
body.ks-new #content { background: transparent !important; }
body.ks-new a { color: var(--ms-primary); }

/* ---------- ヘッダー（Moon Sign のマゼンタ＋白いロゴ＋金の細線） ---------- */
body.ks-new #header {
	background: var(--ms-brand) !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}
body.ks-new #header .site_description {
	color: #fde8ef !important;
	letter-spacing: .12em;
}
body.ks-new #header .nav_btn,
body.ks-new #header .nav_btn * { color: #fff !important; }
/* K's へのボタン: 押せる範囲（a）はそのまま、見た目は中の文字（span.text）を金の細線の丸枠に */
body.ks-new #header a.ks-selection-link .text {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 999px;
	padding: 5px 10px;
	line-height: 1.2;
	white-space: nowrap;
	background: rgba(255, 255, 255, .06);
	font-size: 11.5px;
	letter-spacing: .02em;
}
body.ks-new #header a.ks-selection-link:hover .text { background: rgba(255, 255, 255, .16); }
@media (min-width: 768px) {
	body.ks-new #header a.ks-selection-link .text { font-size: 13px; padding: 6px 14px; }
}

/* ---------- パンくず ---------- */
body.ks-new #breadcrumb {
	background: transparent !important;
	border: 0 !important;
}
body.ks-new #breadcrumb,
body.ks-new #breadcrumb a,
body.ks-new #breadcrumb span { color: var(--ms-muted) !important; }
body.ks-new #breadcrumb .fa,
body.ks-new #breadcrumb [class*="fa-"],
body.ks-new #breadcrumb a::before { color: var(--ms-primary) !important; }

/* ---------- 読む面 ---------- */
body.ks-new #inner-content { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.ks-new.single #main {
	background: var(--ms-surface);
}
@media (min-width: 768px) {
	body.ks-new.single #main {
		border: 1px solid var(--ms-line);
		border-radius: 16px;
		padding: 40px 48px 32px !important;
		box-sizing: border-box;
	}
	body.ks-new #inner-content { padding-top: 24px !important; }
}
@media (max-width: 767px) {
	body.ks-new.single #inner-content { background: var(--ms-surface) !important; }
}

/* ---------- HOME：監修者と今日の月 ---------- */
body.ks-new #top-moon-info { background: transparent !important; }
body.ks-new #top-moon-info .blog-info-area {
	background: var(--ms-surface) !important;
	border-bottom: 1px solid var(--ms-line);
}
body.ks-new #top-moon-info .author,
body.ks-new #top-moon-info .author * {
	font-family: var(--ms-mincho) !important;
	color: var(--ms-ink) !important;
}
body.ks-new #top-moon-info .author-description { color: var(--ms-muted) !important; }
body.ks-new #top-moon-info .calendar-area { background: var(--ms-surface) !important; border-bottom: 1px solid var(--ms-line); }
body.ks-new #top-moon-info .calendar-info,
body.ks-new #top-moon-info .calendar-info * { color: var(--ms-ink) !important; }
body.ks-new #top-moon-info p.month {
	color: var(--ms-primary) !important;
	border-color: var(--ms-primary) !important;
}
body.ks-new #top-moon-info .calendar-link,
body.ks-new #top-moon-info .calendar-link a {
	background: var(--ms-primary) !important;
	color: #fff !important;
}
body.ks-new #top-moon-info .calendar-link * { color: #fff !important; }

/* ---------- 記事の一覧 ---------- */
/* スマホ: 全幅の行を細い線で区切る（読み物の目次）／PC: 白いカード */
body.ks-new .archives-list article.post-list {
	background: var(--ms-surface) !important;
	box-shadow: none !important;
}
body.ks-new .archives-list article.post-list figure.eyecatch img { border-radius: 8px; }
body.ks-new .archives-list .entry-title {
	color: var(--ms-ink) !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
}
body.ks-new .archives-list time,
body.ks-new .archives-list .byline,
body.ks-new .archives-list .byline * { color: var(--ms-muted) !important; }
@media (max-width: 767px) {
	body.ks-new .archives-list article.post-list {
		border: 0 !important;
		border-bottom: 1px solid var(--ms-line) !important;
		border-radius: 0 !important;
		margin: 0 !important;
	}
	body.ks-new .archives-list .entry-title { font-size: 15.5px !important; }
}
@media (min-width: 768px) {
	body.ks-new .archives-list article.post-list {
		border: 1px solid var(--ms-line) !important;
		border-radius: 12px !important;
		margin-bottom: 14px !important;
		overflow: hidden;
		transition: border-color .2s;
	}
	body.ks-new .archives-list article.post-list:hover { border-color: var(--ms-moon) !important; }
}

/* カテゴリの札（黄色・マゼンタ → 白地に金の文字） */
body.ks-new span.osusume-label.cat-name,
body.ks-new .cat-name.osusume-label {
	background: rgba(255, 255, 255, .94) !important;
	color: var(--ms-gold-deep) !important;
	border: 1px solid rgba(184, 154, 69, .6) !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .04em;
	padding: 2px 9px !important;
	line-height: 1.6 !important;
	top: 8px !important;
	left: 8px !important;
	right: auto !important;
	box-shadow: none !important;
}

/* ---------- ページ送り ---------- */
body.ks-new .pagination .page-numbers {
	color: var(--ms-primary) !important;
	border-color: var(--ms-line) !important;
	background: var(--ms-surface) !important;
	border-radius: 999px !important;
}
body.ks-new .pagination .page-numbers.current {
	background: var(--ms-primary) !important;
	border-color: var(--ms-primary) !important;
	color: #fff !important;
}

/* ---------- 見出し帯（オススメ記事・NEW・カテゴリー・RECOMMEND） ---------- */
body.ks-new #top_carousel > h3,
body.ks-new .widgettitle,
body.ks-new #related-box h2.related-h {
	background: transparent !important;
	color: var(--ms-primary) !important;
	font-family: var(--ms-mincho) !important;
	font-weight: 500 !important;
	font-size: 19px !important;
	letter-spacing: .06em;
	text-align: center !important;
	padding: 8px 0 12px !important;
	margin-bottom: 12px !important;
	border: 0 !important;
	position: relative;
}
body.ks-new #top_carousel > h3::after,
body.ks-new .widgettitle::after,
body.ks-new #related-box h2.related-h::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 50% !important;
	bottom: 0 !important;
	top: auto !important;
	width: 40px !important;
	height: 1px !important;
	margin-left: -20px;
	background: var(--ms-gold) !important;
	border: 0 !important;
}
body.ks-new #related-box h2.related-h::before { display: none !important; }
body.ks-new .widgettitle span { color: inherit !important; background: transparent !important; }
body.ks-new #top_carousel { background: transparent !important; }

/* ---------- サイドバー（PC） ---------- */
@media (min-width: 768px) {
	body.ks-new #sidebar1 .widget {
		background: var(--ms-surface);
		border: 1px solid var(--ms-line);
		border-radius: 16px;
		padding: 20px 18px !important;
		margin-bottom: 20px !important;
	}
}
body.ks-new .tagcloud a.tag-cloud-link {
	background: var(--ms-surface) !important;
	color: var(--ms-primary) !important;
	border: 1px solid var(--ms-line) !important;
	border-radius: 999px !important;
	font-size: 12.5px !important;
	padding: 4px 12px !important;
}
body.ks-new .tagcloud a.tag-cloud-link::before { color: var(--ms-moon) !important; }
body.ks-new .tagcloud a.tag-cloud-link:hover { border-color: var(--ms-moon) !important; background: var(--ms-mist) !important; }
body.ks-new .accordionBtn { background: var(--ms-primary) !important; }

/* ---------- 記事の本文 ---------- */
body.ks-new.single p.cat-h .cat-name {
	color: var(--ms-gold-deep) !important;
	letter-spacing: .12em;
}
body.ks-new.single h1.entry-title {
	font-family: var(--ms-mincho) !important;
	font-weight: 500 !important;
	color: var(--ms-ink) !important;
	letter-spacing: .03em;
	line-height: 1.55 !important;
}
@media (min-width: 768px) {
	body.ks-new.single h1.entry-title { font-size: 28px !important; }
}
body.ks-new.single .byline,
body.ks-new.single .byline * { color: var(--ms-muted) !important; }
body.ks-new.single figure.eyecatch img { border-radius: 8px; }
@media (max-width: 767px) {
	body.ks-new.single figure.eyecatch img { border-radius: 0; }
}

/* 見出し：H2 明朝・マゼンタ・金の短い線／H3 淡いピンクの細い縦線／H4 マゼンタ */
body.ks-new.single .entry-content h2 {
	font-family: var(--ms-mincho) !important;
	font-weight: 500 !important;
	color: var(--ms-primary) !important;
	background: transparent !important;
	font-size: 21px !important;
	line-height: 1.55 !important;
	letter-spacing: .03em;
	padding: 0 0 14px !important;
	margin: 48px 0 20px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--ms-line) !important;
}
body.ks-new.single .entry-content h2::before { display: none !important; }
body.ks-new.single .entry-content h2::after {
	content: "" !important;
	position: absolute !important;
	left: 50% !important;
	margin-left: -24px !important;
	bottom: -1px !important;
	top: auto !important;
	width: 48px !important;
	height: 1px !important;
	background: var(--ms-gold) !important;
}
body.ks-new.single .entry-content h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--ms-ink) !important;
	background: transparent !important;
	border: 0 !important;
	border-left: 3px solid var(--ms-moon) !important;
	padding: 2px 0 2px 12px !important;
	margin: 32px 0 14px !important;
	line-height: 1.6 !important;
}
body.ks-new.single .entry-content h3::before,
body.ks-new.single .entry-content h3::after { display: none !important; background: none !important; }
body.ks-new.single .entry-content h4 {
	font-size: 16.5px !important;
	font-weight: 700 !important;
	color: var(--ms-primary) !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 24px 0 8px !important;
	background: transparent !important;
}
body.ks-new.single .entry-content h4::before { content: "" !important; display: inline-block !important; width: 6px; height: 6px; border-radius: 50%; background: var(--ms-gold); margin: 0 8px 3px 0; vertical-align: middle; }
@media (min-width: 768px) {
	body.ks-new.single .entry-content h2 { font-size: 24px !important; margin-top: 64px !important; }
	body.ks-new.single .entry-content h3 { font-size: 19px !important; }
}

/* 強調：黄色いベタ塗り → 淡い金の下線マーカー */
body.ks-new.single .entry-content strong,
body.ks-new.single .entry-content b {
	background: linear-gradient(transparent 62%, rgba(184, 154, 69, .24) 62%) !important;
	color: inherit !important;
	font-weight: 700;
	padding: 0 1px;
}
body.ks-new.single .entry-content a { color: var(--ms-primary); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
body.ks-new.single .entry-content a.no-icon,
body.ks-new.single .entry-content .ks-mm-cta a,
body.ks-new.single .entry-content .related_article a { text-decoration: none; }
body.ks-new.single .entry-content img { border-radius: 6px; }
body.ks-new.single .entry-content .cbox,
body.ks-new.single .entry-content .is-style-blue_box,
body.ks-new.single .entry-content blockquote {
	background: var(--ms-mist) !important;
	border: 0 !important;
	border-radius: 12px !important;
	color: var(--ms-ink) !important;
}
body.ks-new.single .entry-content blockquote::before { color: var(--ms-gold) !important; }

/* 本文中の「関連記事」カード */
body.ks-new.single .entry-content .related_article a {
	border: 1px solid var(--ms-line) !important;
	border-radius: 12px !important;
	background: var(--ms-surface) !important;
	box-shadow: none !important;
}
body.ks-new.single .entry-content .related_article .ttl { color: var(--ms-ink) !important; }

/* ---------- 記事の下 ---------- */
body.ks-new .article-footer .post-categories a,
body.ks-new .article-footer .tags a {
	background: var(--ms-surface) !important;
	color: var(--ms-primary) !important;
	border: 1px solid var(--ms-line) !important;
	border-radius: 999px !important;
}
body.ks-new .sharewrap { background: transparent !important; }
body.ks-new .sharewrap .h_ttl,
body.ks-new .sharewrap h3 { color: var(--ms-muted) !important; font-weight: 500; }
body.ks-new .supervision {
	background: var(--ms-goldmist) !important;
	border: 0 !important;
	outline: 0 !important;
	border-radius: 12px !important;
	padding: 20px 16px !important;
	margin: 24px 0 !important;
}
body.ks-new #authorbox { display: none !important; }

/* シェア: 立体の色ベタ → 白地に細い線・色はアイコンだけ */
body.ks-new .sharewrap h3 {
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: .08em;
	color: var(--ms-muted) !important;
	text-align: center;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 24px 0 10px !important;
}
body.ks-new .sharewrap h3::before,
body.ks-new .sharewrap h3::after { display: none !important; }
body.ks-new .sharewrap li a {
	background: var(--ms-surface) !important;
	border: 1px solid var(--ms-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	color: var(--ms-muted) !important;
}
body.ks-new .sharewrap li.twitter a i,  body.ks-new .sharewrap li.twitter a svg  { color: #111 !important; fill: #111 !important; }
body.ks-new .sharewrap li.facebook a i, body.ks-new .sharewrap li.facebook a svg { color: #1f6aba !important; fill: #1f6aba !important; }
body.ks-new .sharewrap li.line a i,     body.ks-new .sharewrap li.line a svg     { color: #06c755 !important; fill: #06c755 !important; }
body.ks-new .article-footer { font-size: 13px; }
body.ks-new .article-footer .tags a::before,
body.ks-new .article-footer .post-categories a::before { color: var(--ms-moon) !important; }
body.ks-new #related-box ul li a { color: var(--ms-ink) !important; }

/* ---------- フッター ---------- */
body.ks-new #footer {
	background: var(--ms-wine) !important;
	border-top: 1px solid rgba(184, 154, 69, .55);
	color: #f6dbe5 !important;
}
body.ks-new #footer a,
body.ks-new #footer li,
body.ks-new #footer p { color: #fbeff3 !important; }
body.ks-new #footer .widgettitle { color: #fff !important; }
body.ks-new #footer #footer-top,
body.ks-new #footer .widget { background: transparent !important; }
body.ks-new #footer .widget_categories li { border-color: rgba(255, 255, 255, .12) !important; }
body.ks-new #footer #footer-bottom { border-top: 1px solid rgba(255, 255, 255, .12); }

/* 一覧の「›」（a::after の枠線で描かれている）を淡いピンクの細線に */
body.ks-new .widget_categories li a::after,
body.ks-new #sidebar1 li a::after,
body.ks-new #footer li a::after,
body.ks-new #footer-bottom a::before,
body.ks-new #footer-bottom a::after {
	color: var(--ms-moon) !important;
	border-color: var(--ms-moon) !important;
}

/* フッターの K's バナー: 2020年の旧キャッチ画像（top_bnr_ks.jpg）を、いまのキャッチの札に置き換える（画像は作らない・文字で描く）
   画像そのものは残す（alt が読み上げで使われる）。見た目だけ隠して、同じリンクの上に札を描く */
body.ks-new a:has(> img[src*="top_bnr_ks"]) {
	display: block;
	position: relative;
	text-decoration: none !important;
}
body.ks-new a > img[src*="top_bnr_ks"] {
	opacity: 0;
}
body.ks-new a:has(> img[src*="top_bnr_ks"])::before {
	content: "K's Selection\A月を味方に、なりたい私へ。";
	white-space: pre;
	position: absolute;
	left: 0; right: 0; top: 0;
	aspect-ratio: 500 / 200;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--ms-canvas);
	border: 1px solid rgba(184, 154, 69, .7);
	border-radius: 12px;
	color: var(--ms-primary);
	font-family: var(--ms-mincho);
	font-size: clamp(14px, 4.2vw, 18px);
	line-height: 1.8;
	letter-spacing: .08em;
	box-sizing: border-box;
}

/* HOME（PC）の「月星座ライフをもっと楽しむWEBマガジン」 */
body.ks-new #top-moon-info p.head-txt {
	color: var(--ms-gold-deep) !important;
	font-family: var(--ms-mincho) !important;
	font-weight: 500 !important;
	letter-spacing: .08em;
}

/* 本文のボタン（テーマの .btn-wrap・メルマガ案内もこれ）：落ち着いたマゼンタに白い文字・丸いボタン */
body.ks-new.single .entry-content .btn-wrap a {
	background: var(--ms-primary) !important;
	border-color: var(--ms-primary) !important;
	color: #fff !important;
	box-shadow: none !important;
	text-decoration: none !important;
	border-radius: 999px !important;
}
body.ks-new.single .entry-content .btn-wrap a:hover { background: var(--ms-deep) !important; border-color: var(--ms-deep) !important; }
body.ks-new.single .entry-content .btn-wrap a * { color: #fff !important; }

/* 箇条書きの点：淡いピンク */
body.ks-new.single .entry-content li::before {
	color: var(--ms-moon) !important;
	border-color: var(--ms-moon) !important;
}

/* 「あわせて読みたい」の札：黄色 → 淡い金の面に金の文字 */
body.ks-new.single .entry-content .related_article p.ttl::before {
	background: var(--ms-goldmist) !important;
	color: var(--ms-gold-deep) !important;
	border-radius: 999px;
}

/* 吹き出し（B3・1デザインに）：マゼンタの太枠・ピンクの枠 → 淡いピンクの面・アイコンは金の細い輪 */
body.ks-new.single .voice .voice_icon__img,
body.ks-new.single .voice .icon img {
	border: 2px solid rgba(184, 154, 69, .8) !important;
}
body.ks-new.single .voice .voicecomment {
	background: var(--ms-mist) !important;
	border-color: var(--ms-mist) !important;
	border-radius: 14px !important;
	color: var(--ms-ink) !important;
}
body.ks-new.single .voice.l .voicecomment::after,
body.ks-new.single .voice.l .voicecomment::before { border-right-color: var(--ms-mist) !important; }
body.ks-new.single .voice.r .voicecomment::after,
body.ks-new.single .voice.r .voicecomment::before { border-left-color: var(--ms-mist) !important; }
body.ks-new.single .voice .name { color: var(--ms-muted) !important; font-size: 12px !important; }


/* ペルソナ監査（2026-09-24）で足したもの
   読者の声「字が薄くて小さくて…太く大きい字で」(M0759) 「字が小さくて読みにくい…フォントも含め」(M0973)
   新月・満月の記事を好きと答えたのは60代で62.9%（読者全体50.9%）＝上の年代ほど記事を読んでいる
   → スマホの本文を17pxに／明朝の見出しは細く見えないよう600に／カテゴリの札を12pxに（上で変更） */
@media (max-width: 767px) {
	body.ks-new.single .entry-content { font-size: 17px !important; line-height: 1.9 !important; }
}
body.ks-new.single h1.entry-title,
body.ks-new.single .entry-content h2,
body.ks-new #top_carousel > h3,
body.ks-new .widgettitle,
body.ks-new #related-box h2.related-h { font-weight: 600 !important; }

/* 「K's Selection ↗」の矢印を出さない（丼 2026-09-24「矢印は微妙かも」）
   ↗ は「別サイトが新しいタブで開く」の印だが、実際は同じタブで K's へ移る＝意味の上でも外すのが正確。丸枠でボタンと分かる */
body.ks-new a.ks-selection-link span[aria-hidden="true"],
body.ks-new a[href*="utm_source=spmenu"] span[aria-hidden="true"] { display: none !important; }


/* ---------- なるべくシンプルに（丼 2026-09-24「色を使いすぎない」）----------
   使う色は マゼンタ1色（#d81d5f）＋墨（文字）＋灰（補足）＋生成りと白（面）＋金の1pxの線だけ */
body.ks-new #top-moon-info .calendar-info { background: var(--ms-surface) !important; }          /* 月星座の欄の薄い水色 → 白 */
body.ks-new #top-moon-info p.month {                                                             /* SEP の赤 → 墨 */
	color: var(--ms-ink) !important;
	border-color: var(--ms-line) !important;
}
body.ks-new #top-moon-info .calendar-tile { border-color: var(--ms-line) !important; }
body.ks-new #top-moon-info .calendar-link,
body.ks-new #top-moon-info .calendar-link a { background: var(--ms-brand) !important; }          /* 新月満月カレンダー＝ヘッダーと同じマゼンタ */
body.ks-new #top-moon-info p.head-txt { color: var(--ms-ink) !important; }
body.ks-new span.osusume-label.cat-name,
body.ks-new .cat-name.osusume-label {                                                            /* カテゴリの札：金 → 灰 */
	color: var(--ms-muted) !important;
	border-color: var(--ms-line) !important;
}
body.ks-new.single p.cat-h .cat-name { color: var(--ms-muted) !important; }
body.ks-new.single .entry-content h3 { border-left-color: var(--ms-primary) !important; }         /* H3 の縦線は唯一の色＝マゼンタ */
body.ks-new.single .entry-content .related_article p.ttl::before { background: var(--ms-canvas) !important; color: var(--ms-muted) !important; }
body.ks-new #footer { border-top: 0 !important; }

/* 監修者の欄：page7（Keikoについて）へのリンク（2026-09-24） */
body.ks-new .supervision a.ks-supervision-more {
	display: inline-block;
	margin-top: 8px;
	color: var(--ms-primary) !important;
	font-size: 13.5px;
	white-space: nowrap;
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.ks-new .supervision a.ks-supervision-more::after { content: " ›"; }

/* 監修者の写真：四角いJPEGを丸く切り抜く（旧PNGは透過の丸だった） */
body.ks-new .supervision .author-img img {
	width: 120px !important;
	height: 120px !important;
	max-width: none !important;
	border-radius: 50% !important;
	object-fit: cover;
	object-position: 50% 30%;
	background: #fff;
}

/* HOME：Keikoの紹介は最新記事の下へ（2026-09-24 丼「まかす」）。上は「今日の月」と最新記事 */
body.ks-new #top-moon-info.ks-keiko-intro {
	margin: 24px 0 8px;
	border: 1px solid var(--ms-line);
	border-radius: 12px;
	overflow: hidden;
	background: var(--ms-surface);
}
body.ks-new #top-moon-info.ks-keiko-intro .blog-info-area { border-bottom: 0 !important; }
@media (max-width: 767px) {
	body.ks-new #top-moon-info.ks-keiko-intro { margin: 20px 12px 8px; }
}
body.ks-new #top-moon-info.ks-keiko-intro .author { align-items: baseline; flex-wrap: wrap; }
body.ks-new #top-moon-info.ks-keiko-intro .author p:not(.name) { white-space: nowrap; font-size: 14px !important; margin-right: 8px; }
body.ks-new #top-moon-info.ks-keiko-intro .author p.name { font-size: 30px !important; line-height: 1.2 !important; }
body.ks-new #top-moon-info.ks-keiko-intro .blog-info-area { padding-top: 14px !important; }

/* HOMEの一番上：「自分の月星座を調べる」バナー（2026-09-24） */
body.ks-new #top-moon-info a.ks-ms-hero { display: block; margin: 0 0 10px; }
body.ks-new #top-moon-info a.ks-ms-hero img { display: block; width: 100%; height: auto; }
@media (min-width: 768px) {
	body.ks-new #top-moon-info a.ks-ms-hero img { border-radius: 12px; }
}

/* HOME：ヘッダーと「今日の月」の間の空き（DON「隙間が気になる」9/24）
   Keikoの紹介を下へ移した後、「今日の月」の上に紹介の下の間隔（25px）が残っていた＋外枠の上25px＋内側24px＝約75px
   → 「今日の月」の上を0・HOMEの外枠の上を0に。サイドバーの上端とも揃う */
body.ks-new #top-moon-info:not(.ks-keiko-intro) .calendar-area { margin-top: 0 !important; }
body.ks-new.home #content { margin-top: 0 !important; }

/* HOMEのKeikoの紹介：公式プロフィールへのリンク（2026-09-24） */
body.ks-new #top-moon-info.ks-keiko-intro a.ks-keiko-more {
	display: inline-block;
	margin-top: 6px;
	color: var(--ms-primary) !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.ks-new #top-moon-info.ks-keiko-intro a.ks-keiko-more::after { content: " ›"; }