@charset "utf-8";
/* ============================================================
   add-style-top.css  ／ 2026-09 トップページ改修 追加スタイル（レイアウト）
   ・既存の basic-style-top.css / basic-color-top.css の「後」に読み込む
   ・色は add-color-top.css 側にまとめる（既存サイトの style / color 分離ルールに合わせる）
   ・ブレイクポイントは既存に合わせて PC = min-width:768px ／ SP = max-width:767px
   ・このファイルはCMSの結合対象外の単独ファイルなので、
     PC/SP指定は自前の @media で囲んである
   ============================================================ */

/* ---------- 3. ヒーロー（キービジュアル） ----------
   画像内にロゴ・社名・キャッチ・相談会日程が焼き込まれているため、
   切り抜かず全体を表示する（旧 #topLogo の高さ固定＋coverは使わない）。
   同梱画像は支給16:9の上の空だけを切った 1920x950（2.02:1） */
#florHeroWrap {
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 0;
	text-align: center;
	overflow: hidden;
}

.florHero {
	display: block;
	width: 100%;
	max-width: 960px; /* 2026-09-24 Ryoji指示：ヘッダー・プラン・お客様の声の幅（960px）に揃える。左右は #florHeroWrap の背景色 */
	height: auto;
	margin: 0px auto;
}

/* 同梱画像（1920x950）だけに比率を固定して、読み込み中のガタつきを防ぐ。
   ★ `.florHero` 単体で指定してはいけない。CMSに登録された画像にも当たり、
     比率の違う画像を差し替えた瞬間に縦に潰れる。 */
.florHeroDefault {
	aspect-ratio: 1920 / 950;
}

/* ---------- 2a. ヘッダーの常時追尾（2026-09-18 Ryoji指示） ----------
   スクロールしてもヘッダー（ロゴ・PCナビ・SPハンバーガー）が画面上に残る。
   ・CMS標準（default-style-common-sp.css）はSPを position:fixed にしているが、
     サイト側の style-common-all.css が「position:relative !important」で打ち消している。
     そのため同じ !important で上書きする（このファイルは後から読まれるので勝つ）。
   ・fixed ではなく sticky：本文に padding-top を足す必要がなく、既存レイアウトを動かさない。
     #headerWrap は body 直下で、祖先に overflow:hidden が無いことを本番で確認済み（sticky が効く条件）。
   ・高さ：PC 170px（style-common-pc.css）／SP 50px（default-style-common-sp.css）。この値をSPの緊急バーの top に使う。
   ・z-index：PCは style-common-pc.css が 1 にしているので、本文（カルーセルの transform 等）より上に出るよう 1000 に。
     SPのリングメニュー #headerMenuWrap はヘッダーの中（z-index 10）なので、開いたときは緊急バー（900）より手前＝タップできる（本番で実測）。
   ・下層ページ（_default.html 等の6テンプレ）は add-*.css を読まないので追尾しない。広げるなら別作業。 */
#headerWrap {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0px !important;
	z-index: 1000 !important;
}

/* ---------- 2b. お急ぎの方の緊急導線（ヘッダー直下） ---------- */
#florUrgentBar {
	clear: both;          /* ヘッダーのロゴ（float）の下に必ず回り込ませる */
	position: relative;
	z-index: 900;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.florUrgentLink {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
}

.florUrgentLabel {
	display: inline-block;
	margin-right: 14px;
	font-size: 1rem;
	font-weight: bold;
	vertical-align: middle;
}

.florUrgentTel {
	display: inline-block;
	margin-right: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	vertical-align: middle;
}

.florUrgentTelIcon {
	font-family: FontAwesome;
	font-size: 1.2rem;
	margin-right: 6px;
	vertical-align: middle;
}

.florUrgentNote {
	display: inline-block;
	font-size: 0.85rem;
	vertical-align: middle;
}

/* ---------- 共通ボタン ---------- */
.florBtn {
	display: inline-block;
	box-sizing: border-box;
	max-width: 100%;
	padding: 14px 30px;
	border-radius: 6px;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
}

.florBtn:hover {
	opacity: 0.85;
}

/* ---------- 4. 無料会員CTA ---------- */
.florMemberCta {
	box-sizing: border-box;
	margin: 8px 0px;
	padding: 20px 20px;
	border-radius: 8px;
	text-align: center;
}

.florMemberChip {
	display: inline-block;
	margin: 0px 0px 8px;
	padding: 5px 16px;
	border-radius: 100px;
	font-size: 0.9rem;
	line-height: 130%;
	font-weight: bold;
}

/* サイト共通の h2（左のアイコン・下線・余白）を打ち消す */
h2.florMemberTitle {
	margin: 0px 0px 12px;
	padding: 0px !important;
	border: none;
	border-radius: 0px;
	background-color: transparent;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
}

h2.florMemberTitle:before {
	display: none !important;
	content: none !important;
}

.florMemberText {
	margin: 0px auto 18px;
	max-width: 720px;
	font-size: 1rem;
	line-height: 180%;
	text-align: center;
}

.florMemberBtnBox {
	margin: 0px;
}

.florMemberBtnBox .florBtn {
	min-width: 320px;
	font-size: 1.2rem;
	padding: 18px 30px;
}

/* 赤ボタン直下の案内（行き先が汎用のお問い合わせフォームなので、何を書くかを添える・2026-09-21） */
.florMemberFormNote {
	margin: 10px 0px 0px;
	font-size: 0.85rem;
	line-height: 160%;
	text-align: center;
}

/* 「会員価格でご利用いただけます」「（最大15万円お得）」を途中で折り返さない（2026-09-21 design-checker指摘） */
.florNoWrap {
	white-space: nowrap;
}

/* ---------- 5. 無料相談会バナー ---------- */
.florConsultBanner {
	box-sizing: border-box;
	margin: 15px 0px;
	padding: 18px 20px;
	border-radius: 8px;
	text-align: center;
}

.florConsultText {
	margin: 0px;
	line-height: 150%;
}

.florConsultDays {
	display: inline-block;
	margin-right: 12px;
	font-size: 1rem;
	line-height: 150%;
	font-weight: bold;
	vertical-align: middle;
}

.florConsultTitle {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 150%;
	font-weight: bold;
	vertical-align: middle;
}

.florConsultBtnBox {
	margin: 12px 0px 0px;
}

/* ---------- 6. ご葬儀プラン ---------- */
.florPlanNote {
	margin: 0px 0px 15px;
	font-size: 0.88rem;
	line-height: 160%;
	text-align: center;
}

.planCardWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px !important;
	list-style: none;
}

.planCard {
	display: flex;
	box-sizing: border-box;
	margin: 0px 0px 12px;
	padding: 0px;
	border-radius: 8px;
	overflow: hidden;
	list-style: none;
	background-image: none;
}

.planCard:before {
	display: none !important;
	content: none !important;
}

.planCardLink {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-decoration: none;
}

.planCardHead {
	padding: 12px 10px;
	text-align: center;
}

.planCardName {
	display: block;
	font-size: 1.3rem;
	line-height: 130%;
	font-weight: bold;
	/* 帯の色はプラン一覧表PDF準拠で変更できない。#93B52E・#E8933A は
	   白文字とのコントラストが大文字基準も割るため、影で可読性を確保する */
	text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
}

.planCardNights {
	display: inline-block;
	margin-top: 5px;
	padding: 2px 10px;
	border-radius: 100px;
	font-size: 0.75rem;
	line-height: 140%;
}

.planCardBody {
	flex: 1 1 auto;
	padding: 14px 14px 16px;
	text-align: center;
}

.planCardPriceNormal {
	margin: 0px 0px 4px;
	font-size: 0.85rem;
	line-height: 140%;
}

.planCardPriceNormal .planCardNum {
	font-size: 1.1rem;
	text-decoration: line-through;
}

.planCardPriceMember {
	margin: 0px 0px 4px;
	font-size: 0.95rem;
	line-height: 130%;
	font-weight: bold;
}

.planCardMemberLabel {
	display: inline-block;
	margin-right: 4px;
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 0.75rem;
	line-height: 140%;
	vertical-align: middle;
}

.planCardPriceMember .planCardNum {
	font-size: 1.9rem;
	line-height: 120%;
	font-weight: bold;
	vertical-align: middle;
}

.planCardTax {
	display: inline-block;
	margin-left: 4px;
	font-size: 0.8rem;
	line-height: 140%;
	font-weight: normal;
	white-space: nowrap;
}

.planCardDiscount {
	margin: 0px 0px 10px;
	font-size: 0.8rem;
	line-height: 150%;
}

/* 別途料金。含まれるものタグに混ぜると「込み」と誤読されるので独立した行にする */
.planCardOption {
	margin: 6px 0px 0px;
	font-size: 0.8rem;
	line-height: 150%;
}

.planCardLead {
	margin: 0px 0px 10px;
	font-size: 0.85rem;
	line-height: 160%;
}

/* 「込み」バッジ：フロールの強み（式場使用料・通夜料金込み）をカードごとに明示 */
.planCardIncluded {
	display: block;
	margin: 0px 0px 10px;
	padding: 6px 8px;
	border-radius: 6px;
	font-size: 0.85rem;
	line-height: 140%;
	font-weight: bold;
}

.planCardCheck {
	font-family: FontAwesome;
	margin-right: 6px;
}

/* 「会員登録で◯円お得」：一般価格→会員価格の間に置いて、2段の差額として読ませる */
.planCardSaving {
	display: inline-block;
	margin: 2px 0px 6px;
	padding: 3px 12px;
	border-radius: 100px;
	font-size: 0.8rem;
	line-height: 140%;
}

.planCardSaving strong {
	font-size: 0.95rem;
}

.planCardTagsTitle {
	margin: 10px 0px 0px;
	font-size: 0.8rem;
	line-height: 140%;
	text-align: left;
}

.planCardTags {
	margin: 4px 0px 12px;
	padding: 6px 0px 0px !important;
	list-style: none;
	text-align: left;
}

.planCardTags li {
	display: inline-block;
	margin: 0px 4px 4px 0px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 0.78rem;
	line-height: 140%;
	list-style: none;
	background-image: none;
}

.planCardTags li:before {
	display: none !important;
	content: none !important;
}

.planCardMore {
	display: inline-block;
	padding: 6px 22px;
	border-radius: 100px;
	font-size: 0.85rem;
	line-height: 130%;
	font-weight: bold;
}

.florPlanMoreBox {
	margin: 8px 0px 5px;
	text-align: center;
}

.florPlanMoreBox .florBtn {
	font-size: 1rem;
}

/* ---------- 7. お客様の声 ---------- */
.florVoice {
	position: relative;
	padding: 0px 46px;
}

.florVoiceViewport {
	overflow: hidden;
}

.florVoiceTrack {
	display: flex;
	margin: 0px;
	padding: 0px !important;
	list-style: none;
	transition: transform 0.3s ease;
}

.florVoiceCard {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px 6px;
	list-style: none;
	background-image: none;
}

.florVoiceCard:before {
	display: none !important;
	content: none !important;
}

.florVoiceCardInner {
	box-sizing: border-box;
	height: 100%;
	padding: 16px;
	border-radius: 8px;
}

.florVoiceHead {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.florVoiceFace {
	display: table-cell;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	object-fit: cover;
	vertical-align: middle;
}

.florVoiceProfile {
	display: table-cell;
	padding-left: 12px;
	vertical-align: middle;
}

.florVoiceName {
	margin: 0px;
	font-size: 0.95rem;
	line-height: 140%;
	font-weight: bold;
}

.florVoiceMeta {
	margin: 0px;
	font-size: 0.8rem;
	line-height: 150%;
}

.florVoiceStars {
	margin: 2px 0px 0px;
	font-size: 0.95rem;
	line-height: 130%;
	letter-spacing: 1px;
}

.florVoiceBody {
	margin: 0px;
	font-size: 0.88rem;
	line-height: 180%;
	text-align: left;
}

/* 本文が複数段落のときの段落間 */
.florVoiceBody + .florVoiceBody {
	margin-top: 8px;
}

.florVoiceArrow {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border-radius: 100%;
	font-family: FontAwesome;
	font-size: 1.3rem;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	z-index: 5;
}

.florVoicePrev { left: 0px; }
.florVoiceNext { right: 0px; }

.florVoiceDots {
	margin: 12px 0px 0px;
	text-align: center;
}

.florVoiceDots a {
	display: inline-block;
	margin: 0px 5px;
	padding: 8px;
	font-size: 1rem;
	line-height: 100%;
	text-decoration: none;
}

.florVoiceNote {
	margin: 8px 0px 0px;
	font-size: 0.8rem;
	line-height: 150%;
	text-align: center;
}

.florVoiceCount {
	font-weight: bold;
}

/* ---------- 9. 動画でみるフロール ---------- */
.florMovieBox {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	padding-top: 0px;
}

.florMovieBox:before {
	display: block;
	padding-top: 56.25%;
	content: "";
}

.florMovieBox iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: none;
}

/* ---------- 11. フッター（新設） ---------- */
#florFooterWrap {
	margin-top: 40px;
}

#florFooter {
	box-sizing: border-box;
	max-width: 960px;
	width: 95%;
	margin: 0px auto;
	padding: 30px 0px;
}

.florFooterLogo {
	display: block;
	width: 90px;
	margin-bottom: 12px;
}

.florFooterLogo img {
	display: block;
	width: 100%;
	height: auto;
}

.florFooterAddress p {
	margin: 0px 0px 4px;
	line-height: 150%;
}

.florFooterName span {
	display: inline-block;
	margin-right: 6px;
	font-size: 0.85rem;
	vertical-align: middle;
}

.florFooterName strong {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 130%;
	vertical-align: middle;
}

.florFooterOpen span {
	display: inline-block;
	margin: 4px 6px 4px 0px;
	padding: 2px 10px;
	border-radius: 6px;
	font-size: 0.8rem;
	line-height: 150%;
	font-weight: bold;
}

.florFooterTel {
	font-size: 1.5rem;
	line-height: 130%;
	font-weight: bold;
}

.florFooterTel a {
	text-decoration: none;
}

.florFooterAddr {
	font-size: 0.8rem;
	line-height: 160%;
}

.florFooterNavList {
	margin: 0px;
	padding: 0px !important;
	list-style: none;
}

.florFooterNavList li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: none;
}

.florFooterNavList li:before {
	display: none !important;
	content: none !important;
}

.florFooterNavList li a {
	display: inline-block;
	padding: 5px 0px;
	font-size: 0.9rem;
	line-height: 150%;
	text-decoration: none;
}

.florFooterNavList li a br {
	display: none;
}

.florFooterNavList li a:hover {
	text-decoration: underline;
}

.florFooterCopyright {
	padding: 12px 10px;
	font-size: 0.75rem;
	line-height: 140%;
	text-align: center;
}


/* ============================================================
   PC（768px 以上）
   ============================================================ */
@media only screen and (min-width: 768px) {

	/* 「本文へ移動」の着地点が、追尾するヘッダー（170px）の下に潜らないようにする（2026-09-18） */
	#pageContent {
		scroll-margin-top: 180px;
	}

	.florUrgentLink {
		padding: 12px 15px;
	}

	.florMemberCta {
		padding: 22px 25px;
	}

	h2.florMemberTitle {
		font-size: 1.8rem;
	}

	.florConsultDays {
		font-size: 1.1rem;
	}

	.florConsultTitle {
		font-size: 1.6rem;
	}

	.florConsultBtnBox {
		display: inline-block;
		margin: 0px 0px 0px 20px;
		vertical-align: middle;
	}

	.florConsultText {
		display: inline-block;
		vertical-align: middle;
	}

	.florConsultBtnBox .florBtn {
		padding: 10px 24px;
	}

	/* プランカード：PC は3列 */
	.planCardWrap {
		margin: 0px -6px;
	}

	.planCard {
		width: 33.3333%;
		padding: 0px 6px;
		border-radius: 0px;
		overflow: visible;
	}

	.planCardLink {
		border-radius: 8px;
		overflow: hidden;
	}

	/* お客様の声：PC は3枚並び */
	.florVoiceCard {
		flex: 0 0 33.3333%;
		width: 33.3333%;
	}

	#florFooter {
		display: table;
		width: 95%;
	}

	.florFooterInfo {
		display: table-cell;
		width: 46%;
		vertical-align: top;
		padding-right: 20px;
	}

	.florFooterNav {
		display: table-cell;
		vertical-align: top;
	}

	.florFooterNavList {
		float: left;
		box-sizing: border-box;
		width: 50%;
		padding-right: 10px !important;
	}

	.florFooterNav:after {
		display: block;
		clear: both;
		content: " ";
	}

}


/* ============================================================
   SP（767px 以下）
   ============================================================ */
@media only screen and (max-width: 767px) {

	/* SPはスクロールしても上に張り付く。48px以上のタップ領域。
	   top はヘッダーの高さ（50px）＝追尾するヘッダーの真下に並んで止まる（2026-09-18） */
	#florUrgentBar {
		position: -webkit-sticky;
		position: sticky;
		top: 50px;
	}

	/* 既存のSP用電話ボックス（#headerInquirySP：青帯＋白箱に「年中無休/24時間受付/TEL/住所」）は
	   新しい緊急バーと内容が重複する（電話番号が150px以内に2回出る）ため、SPでは隠す。
	   ★元に戻すときはこの1ルールを消すだけ。住所はフッターに出ている。 */
	#headerInquirySP {
		display: none !important;
	}

	.florUrgentLink {
		padding: 8px 10px;
		min-height: 48px;
	}

	.florUrgentLabel {
		display: block;
		margin: 0px 0px 2px;
		font-size: 0.85rem;
	}

	.florUrgentTel {
		margin-right: 10px;
		font-size: 1.5rem;
	}

	.florUrgentNote {
		font-size: 0.8rem;
	}

	/* 「本文へ移動」スキップリンクの着地点が、追尾するヘッダー（50px）＋ sticky バー（約72px）の下に潜らないようにする */
	#pageContent {
		scroll-margin-top: 130px;
	}

	.florMemberCta,
	.florConsultBanner {
		margin: 12px 10px;
	}

	h2.florMemberTitle {
		font-size: 1.3rem;
	}

	.florMemberText {
		font-size: 0.9rem;
		line-height: 175%;
		text-align: left;
	}

	.florMemberBtnBox .florBtn {
		display: block;
		min-width: 0px;
		width: 100%;
		font-size: 1.05rem;
		padding: 16px 10px;
	}

	.florConsultDays {
		display: block;
		margin-right: 0px;
		font-size: 0.9rem;
	}

	.florConsultTitle {
		display: block;
		font-size: 1.25rem;
	}

	.florConsultBtnBox .florBtn {
		display: block;
		width: 100%;
		padding: 12px 10px;
	}

	/* プランカード：SP は1列 */
	.planCardWrap {
		display: block;
		margin: 0px;
	}

	.planCard {
		display: block;
		width: auto;
		margin: 0px 0px 12px;
	}

	.planCardBody {
		padding: 12px;
	}

	.florPlanMoreBox .florBtn {
		display: block;
		width: 100%;
		font-size: 0.95rem;
		padding: 14px 10px;
	}

	/* お客様の声：SP は1枚ずつ */
	.florVoice {
		padding: 0px 44px;
	}

	.florVoiceCard {
		flex: 0 0 100%;
		width: 100%;
	}

	.florVoiceBody {
		font-size: 0.85rem;
	}

	#florFooter {
		width: 90%;
		padding: 22px 0px;
	}

	.florFooterLogo {
		width: 70px;
		margin: 0px auto 10px;
	}

	.florFooterInfo {
		text-align: center;
		padding-bottom: 18px;
	}

	.florFooterNavList {
		border-top: 1px solid rgba(255,255,255,0.25);
	}

	.florFooterNavList li {
		border-bottom: 1px solid rgba(255,255,255,0.25);
	}

	.florFooterNavList li a {
		display: block;
		padding: 12px 5px;
	}

}


/* ============================================================
   SP 小（600px 以下）
   ============================================================ */
@media only screen and (max-width: 600px) {

	.planCardName {
		font-size: 1.15rem;
	}

	.planCardPriceMember .planCardNum {
		font-size: 1.6rem;
	}

	.planCardTax {
		display: block;
		margin-left: 0px;
	}

	.florVoiceFace {
		width: 48px;
		height: 48px;
	}

	.florVoiceCardInner {
		padding: 14px 12px;
	}

}

/* ============================================================
   2026-09-28 クライアント修正
   ・トップ全体を明朝体（Zen Old Mincho・Google Fonts）に。読み込みは _top.html の <link>
     アイコン（FontAwesome）・電話番号（Arial）は各要素で個別に指定済みなので影響しない
   ・会員特典の表示（「最大15万円お得」は削除）
   ============================================================ */
/* 明朝は細く見えるので、全体を500に底上げ（bold 指定の見出し・ボタンはそのまま）＝design-checker推奨2 */
body {
	font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
	font-weight: 500;
}

.florBenefit {
	box-sizing: border-box;
	margin: 0px auto 20px;
	max-width: 760px;
	padding: 18px 20px 14px;
	border-radius: 6px;
	text-align: center;
}

.florBenefitTitle {
	margin: 0px 0px 10px;
	font-size: 1.05rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* いちばん大きい特典。額だけを大きく、飾りは上下の細い線だけ（下品にならない範囲で目立たせる） */
.florBenefitMain {
	margin: 0px auto 14px;
	padding: 8px 0px;
	max-width: 420px;
	line-height: 1.3;
}

.florBenefitMainLabel {
	display: inline-block;
	margin-right: 12px;
	font-size: 1.1rem;
	font-weight: bold;
	vertical-align: middle;
}

.florBenefitMainValue {
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	vertical-align: middle;
}

.florBenefitMainUnit {
	margin-left: 4px;
	font-size: 1.1rem;
}

.florBenefitRates {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0px 0px 14px;
	padding: 0px;
	list-style: none;
}

.florBenefitRates li {
	box-sizing: border-box;
	flex: 1 1 150px;
	max-width: 170px;
	margin: 0px;
	padding: 8px 6px;
	border-radius: 6px; /* DESIGN.md §4：チップ・タグは6px */
	line-height: 1.4;
}

.florBenefitRateName {
	display: block;
	font-size: 0.85rem;
}

.florBenefitRateValue {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
}

.florBenefitServices {
	margin: 0px auto 8px;
	padding: 0px;
	max-width: 640px;
	list-style: none;
	text-align: left;
}

.florBenefitServices li {
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 0.9rem;
	line-height: 1.7;
}

.florBenefitServiceName {
	display: block;
	font-weight: bold;
}

.florBenefitNote {
	margin: 4px 0px 0px;
	font-size: 0.85rem; /* フロールDESIGN.md：SPの本文は0.85remが下限 */
	text-align: right;
}

@media only screen and (max-width: 767px) {

	.florBenefit {
		padding: 14px 12px 10px;
	}

	.florBenefitMainLabel {
		display: block;
		margin: 0px 0px 2px;
		font-size: 1rem;
	}

	.florBenefitMainValue {
		font-size: 1.9rem;
	}

	/* スマホは2列×2段 */
	.florBenefitRates li {
		flex: 1 1 40%;
		max-width: none;
	}

	.florBenefitNote {
		text-align: left;
		font-size: 0.9rem;
	}

	.florMemberFormNote {
		font-size: 0.9rem;
	}

}

/* ============================================================
   2026-10-09 クライアント修正
   ・トップ全体：明朝をもう一段太く（500→600）・文字を一回り大きく（ルート 100%→106.25%＝16px→17px）
     add-style-top.css はトップだけで読み込むので、下層ページには影響しない
   ・ご葬儀プラン：金額表示に変更（一般価格／会員価格＝赤・一回り大きく／プラン説明）
     ＋セレモニーホール・その他プランの案内を「プランのご相談はこちら」の上に追加
   ============================================================ */
html {
	font-size: 112.5%; /* 2026-10-09 午後：さらに一回り大きく（17px→18px）＝クライアント指示 */
}

body {
	font-weight: 600;
}

.planCardPrice {
	margin: 0px 0px 10px;
	padding: 10px 0px 0px;
	text-align: left;
}

.planCardGeneral {
	margin: 0px 0px 6px;
	font-size: 0.95rem;
	line-height: 150%;
}

.planCardGeneralTax,
.planCardMemberTax {
	display: block;
}

.planCardGeneralTax {
	font-size: 0.85rem;
}

/* 会員価格：一般価格（0.95rem）より一回り大きく */
.planCardMember {
	margin: 0px;
	font-size: 1.15rem;
	line-height: 145%;
	font-weight: bold;
}

.planCardDesc {
	margin: 0px 0px 4px;
	font-size: 0.9rem;
	line-height: 170%;
	text-align: left;
}

.florPlanHall {
	box-sizing: border-box;
	margin: 6px 0px 14px;
	padding: 14px 16px;
	border-radius: 6px;
	font-size: 0.95rem;
	line-height: 185%;
	text-align: left;
	font-weight: 400; /* 本文600のままだと太字との差が出ないので、案内枠だけ400に下げて「セレモニーホールご利用」の太字（700）を立たせる */
}

.florPlanHall p {
	margin: 0px;
}

.florPlanHall p + p {
	margin-top: 0px; /* 2026-10-09 17:15 クライアント指摘：段落の間だけ広く見える → 行間を全行均等に */
}

/* CMS共通CSSの strong（大きい青文字）を打ち消す＝本番でのブラウザ内確認で判明 */
.florPlanHall strong {
	display: inline;
	font-size: inherit !important;
	line-height: inherit !important;
	/* 2026-10-09 夕：700では本文との差がほぼ出ない（クライアント指摘）→ 書体の最大900。
	   900 は _top.html の Google Fonts link で読み込む（wght に 900 を追加済み）。
	   17:12 クライアント修正：※の文と「その他〜ご相談ください。」の2文を丸ごと太字に。
	   17:22 Ryoji：スマホでは900でも太字が分からない → 細い縁取りを足す。潰れないよう字間を0.05emに広げる */
	font-weight: 900;
	-webkit-text-stroke: 0.8px currentColor;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {

	.florPlanHall {
		padding: 12px 12px;
		font-size: 0.9rem;
	}

}