@charset "utf-8";
/* ============================================================
   add-color-top.css ／ 2026-09 トップページ改修 追加スタイル（色）
   ・basic-color-top.css の「後」に読み込む
   ・使用色
       赤（会員・CTA）      #C8102E
       緑（無料相談会）      #1F8A80
       青（既存サイト基調）  #3F6896
       紺（新フッター）      #1A3A5E
   ============================================================ */

/* ---------- 3. ヒーロー（キービジュアル） ----------
   画像上部の空の色をそのまま使う。読み込み中と、1920pxを超える画面の左右余白用 */
#florHeroWrap {
	background-color: #035BBD; /* キービジュアル上端の空の色（上を切った1920x950版で再サンプリング） */
}

/* ---------- 2a. ヘッダーの常時追尾（2026-09-18） ----------
   CMS標準はヘッダー背景が rgba(255,255,255,0.9)＝90%の白。追尾させると下の本文がうっすら透けるので不透明の白にする。
   PCは 170px の背景画像（bg-header_wrap.jpg）が全面を覆っているため影響なし。効くのはSP。 */
#headerWrap {
	background-color: #FFFFFF;
}

/* ---------- 2b. お急ぎの方の緊急導線 ----------
   紺（新フッターと同じ #1A3A5E）に白文字。赤は会員導線に取ってあるので使わない。
   白×紺 = 11.6:1、補足の #C7D6E5×紺 = 7.8:1 */
#florUrgentBar {
	background-color: #1A3A5E;
	border-bottom: 3px solid #14304E;
}

.florUrgentLink {
	color: #FFF !important;
	background-color: #1A3A5E;
}

.florUrgentLink:hover {
	background-color: #14304E;
}

.florUrgentLabel {
	color: #FFD9A8;
}

.florUrgentTel {
	color: #FFF !important;
}

.florUrgentTelIcon {
	color: #FFD9A8;
}

.florUrgentNote {
	color: #C7D6E5;
}

/* ---------- 共通ボタン ---------- */
.florBtnRed {
	color: #FFF !important;
	background-color: #C8102E;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.18);
}

.florBtnWhite {
	color: #1F8A80 !important;
	background-color: #FFF;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}

.florBtnBlue {
	color: #FFF !important;
	background-color: #3F6896;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}

/* ---------- 4. 無料会員CTA ---------- */
.florMemberCta {
	background-color: #FDF3F4;
	border: 2px solid #C8102E;
}

.florMemberChip {
	color: #FFF;
	background-color: #C8102E;
}

h2.florMemberTitle {
	color: #333333 !important;
	background-color: transparent !important;
}

.florMemberText {
	color: #333333;
}

.florMemberText strong {
	color: #C8102E;
}

.florMemberFormNote {
	color: #6B6B6B;
}

.florMemberFormNote strong {
	color: #333333;
}

/* ---------- 5. 無料相談会バナー ---------- */
.florConsultBanner {
	color: #FFF;
	background-color: #1F8A80;
}

.florConsultDays {
	color: #FFF;
}

.florConsultTitle {
	color: #FFF;
}

/* ---------- 6. ご葬儀プラン ---------- */
.florPlanNote {
	color: #6B6B6B;
}

.planCardLink {
	color: #333333;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.18);
}

.planCardLink:hover {
	opacity: 0.9;
}

/* 色帯（プラン一覧表PDF準拠） */
.planCardHead {
	color: #FFF;
	background-color: #3F6896;
}

.planCard100 .planCardHead { background-color: #4A5FB5; }
.planCard78  .planCardHead { background-color: #E8933A; }
.planCard68  .planCardHead { background-color: #93B52E; }
.planCard58  .planCardHead { background-color: #E0788F; }
.planCard48  .planCardHead { background-color: #9576B5; }
.planCard30  .planCardHead { background-color: #2BA0C4; }
.planCard17  .planCardHead { background-color: #8A6B45; }

.planCardName {
	color: #FFF;
}

.planCardNights {
	color: #FFF;
	background-color: rgba(0,0,0,0.22);
}

.planCardPriceNormal {
	color: #6B6B6B;
}

.planCardPriceMember {
	color: #C8102E;
}

.planCardMemberLabel {
	color: #FFF;
	background-color: #C8102E;
}

.planCardTax {
	color: #6B6B6B;
}

.planCardDiscount {
	color: #6B6B6B;
}

.planCardOption {
	color: #6B6B6B;
}

.planCardIncluded {
	color: #2F5A84;
	background-color: #EDF3F7;
}

.planCardCheck {
	color: #3F6896;
}

/* 差額ピルは赤にしない（赤は会員価格の数字1点だけ）。込みバッジと同系の「説明ラベル」に揃える */
.planCardSaving {
	color: #2F5A84;
	background-color: #EDF3F7;
	border: 1px solid #D4E2EF;
}

.planCardTagsTitle {
	color: #6B6B6B;
}

.planCardLead {
	color: #333333;
}

.planCardTags {
	border-top: 1px dotted #D8D8D8;
}

.planCardTags li {
	color: #55707E;
	background-color: #EDF3F7;
}

.planCardMore {
	color: #FFF;
	background-color: #3F6896;
}

/* ---------- 7. お客様の声 ---------- */
.florVoiceCardInner {
	color: #333333;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}

.florVoiceFace {
	background-color: #EFEFEF;
	border: 1px solid #E0E0E0;
}

.florVoiceName {
	color: #333333;
}

.florVoiceMeta {
	color: #6B6B6B;
}

.florVoiceStars {
	color: #F5A623;
}

.florVoiceStarOff {
	color: #D8D8D8;
}

.florVoiceBody {
	color: #333333;
}

.florVoiceArrow {
	color: #FFF !important;
	background-color: #3F6896;
}

.florVoiceDots a {
	color: #78899B !important;
}

.florVoiceDots a.florVoiceDotOn {
	color: #3F6896 !important;
}

.florVoiceNote {
	color: #6B6B6B;
}

/* ---------- 11. フッター（新設・紺） ---------- */
#florFooterWrap {
	color: #FFF;
	background-color: #1A3A5E;
}

#florFooterWrap a {
	color: #FFF;
}

.florFooterName span {
	color: #C7D6E5;
}

.florFooterName strong {
	color: #FFF;
}

.florFooterOpen span {
	color: #1A3A5E;
	background-color: #FFF;
}

.florFooterTel a {
	color: #FFF !important;
}

.florFooterAddr {
	color: #C7D6E5;
}

.florFooterNavList li a:hover {
	color: #FFFFFF;
}

.florFooterCopyright {
	color: #C7D6E5;
	background-color: #14304E;
}

/* ---------- 2. ナビの「無料会員登録」ボタンを赤で強調 ----------
   ★2026-09-21：ナビの「無料会員登録」は _top.html に手動で置いた <li class="florNavMember">
     （行き先＝お問い合わせフォーム）。CMSのページID・URLに依存しないよう、クラスで当てる。
     （旧：href に member/kaiin を含むリンクへ当てる方式。CMSの相対パスに合わせた経緯は CHANGES.md §2-7 #3） */
#headerMenuBox ul > li.florNavMember a {
	color: #FFF !important;
	background-color: #C8102E;
	border-radius: 6px;
}

#headerMenuBox ul > li.florNavMember a:before {
	color: #FFF !important;
}

/* SPのハンバーガーメニュー内。既存の color-common-sp.css が
   #headerMenuWrap li a に青のグラデ背景を background-image で敷いているので、
   文字色だけ赤にすると「赤文字×青背景」でコントラスト2.1:1になり読めない。
   background-image を消してPCと同じ「赤地に白文字」に揃える。 */
#headerMenuWrap li.florNavMember a {
	color: #FFF !important;
	background-image: none !important;
	background-color: #C8102E !important;
	font-weight: bold;
}

#headerMenuWrap li.florNavMember a:before {
	color: #FFF !important;
}

/* ---------- 2026-09-28 会員特典（会員CTAの赤枠の中。赤は「10万円」と上下の細線だけ＝design-checker推奨1。
   値引き表現に赤を使わない（DESIGN.md §2.2）の例外は、会員特典の最大額1点のみ） ---------- */
.florBenefit {
	background-color: #FFFFFF;
	border: 1px solid #E8C4CA;
	color: #333333;
}

.florBenefitTitle {
	color: #333333;
}

.florBenefitMain {
	border-top: 1px solid #C8102E;
	border-bottom: 1px solid #C8102E;
}

.florBenefitMainValue {
	color: #C8102E;
}

.florBenefitRates li {
	background-color: #FDF3F4;
}

.florBenefitRateValue {
	color: #333333;
}

.florBenefitNote {
	color: #6B6B6B;
}

/* ---------- 2026-10-09 ご葬儀プランの金額表示（クライアント指示：会員価格を赤に。DESIGN.md §2.2 の赤の例外に追加） ---------- */
.planCardPrice {
	border-top: 1px dashed #D8D8D8;
}

.planCardGeneral {
	color: #333333;
}

.planCardGeneralTax {
	color: #6B6B6B;
}

.planCardMember {
	color: #C8102E;
}

.planCardDesc {
	color: #333333;
}

.florPlanHall {
	color: #333333;
	background-color: #FAF8F4;
	border: 1px solid #E7E1D6;
}

.florPlanHall strong {
	color: #333333 !important;
}