/* ============================================================ さくら 公認ページ 共通スタイル（白・上品版） 2026-10-13 LP（FORTUNE SALON SAKURA）に合わせて、白地・桜・金茶で統一する。 夜版は sakura.css として残してある。会員ページ（b_*）はまだ夜版。 レイアウト（幅・余白・配置）は夜版のまま。色と質感だけを変える。 ============================================================ */ :root{ --sk-bg:#ffffff; --sk-bg2:#fdf8f4; --sk-card:#fffdfb; --sk-ivory:#2c1f1b; --sk-muted:#6b5a4f; --sk-dim:#9b8575; --sk-gold:#b78c58; --sk-gold2:#8a7466; --sk-pink:#d93365; --sk-line:#e8dcd2; --sk-btn1:#e04a76; --sk-btn2:#d02a5c; --sk-input:#ffffff; --sk-inline:#e3d5c8; } html,body{ background:var(--sk-bg) !important; color:var(--sk-ivory) !important; font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif !important; } /* 面 */ .container,.wrap,.wrapper,.main,main,section,article,.card,.box,.panel, .content,.inner,.block,.list,.item,.row,.col,div[class*="bg"],div[class*="white"]{ background-color:transparent !important; } .card,.box,.panel,.item,[class*="card"],[class*="panel"],[class*="box"]{ background-color:var(--sk-card) !important; border-color:var(--sk-line) !important; color:var(--sk-ivory) !important; box-shadow:0 4px 14px rgba(117,75,58,.05); } /* 文字 */ h1,h2,h3,h4,h5,.title,[class*="title"],[class*="head"]{color:var(--sk-ivory) !important} p,li,td,th,dd,dt,span,label,small{color:var(--sk-muted) !important} strong,b{color:var(--sk-ivory) !important} a{color:var(--sk-gold) !important} a:hover{color:var(--sk-pink) !important} hr{border-color:var(--sk-line) !important} table,th,td{border-color:var(--sk-line) !important} th{background-color:#faf6f2 !important} /* ボタン */ button,input[type="submit"],input[type="button"],.btn,[class*="btn"],[class*="button"]{ background-image:linear-gradient(180deg,var(--sk-btn1),var(--sk-btn2)) !important; background-color:var(--sk-btn2) !important; border:none !important; color:#fff !important; border-radius:999px !important; box-shadow:0 5px 14px rgba(208,42,92,.24) !important; letter-spacing:.08em; } /* 入力欄 */ input[type="text"],input[type="tel"],input[type="email"],input[type="password"], input[type="number"],select,textarea{ background-color:var(--sk-input) !important; border:1px solid var(--sk-inline) !important; color:var(--sk-ivory) !important; border-radius:8px !important; } input:focus,select:focus,textarea:focus{ outline:none !important; border-color:var(--sk-pink) !important; box-shadow:0 0 0 3px rgba(217,51,101,.10) !important; } ::placeholder{color:#c3b2a4 !important} /* 本サイトのヘッダー・フッター・メニューは出さない */ header,footer,nav,.header,.footer,.nav,.gnav,.menu,.breadcrumb,.pankuzu, #header,#footer,#nav,[class*="global"],[class*="sitemap"]{display:none !important} /* 公認版のヘッダー・フッター */ .sk-head{ padding:18px 20px 14px;text-align:center;border-bottom:1px solid var(--sk-line); background:var(--sk-bg) !important; } .sk-head .nm{ font-size:25px;letter-spacing:.34em;color:var(--sk-gold) !important; font-family:Georgia,"Yu Mincho",serif; } .sk-head .kn{font-size:10.5px;letter-spacing:.5em;color:var(--sk-dim) !important;margin-top:5px} .sk-foot{ margin-top:40px;padding:24px 20px calc(28px + env(safe-area-inset-bottom)); background:var(--sk-bg2) !important;border-top:1px solid #eee0d6;text-align:center; } .sk-foot a{ color:var(--sk-dim) !important;font-size:11.5px;text-decoration:none; font-family:"Hiragino Kaku Gothic ProN",sans-serif;margin:0 6px; } .sk-body{max-width:600px;margin:0 auto;padding:0 18px} img{max-width:100%;height:auto} /* ============================================================ フォントを明朝に統一（数字・注釈のゴシックだけ残す） ============================================================ */ body, body *{ font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif !important; } [class^="ri-"], [class*=" ri-"]{ font-family:"remixicon" !important; } .sk-head .kn, .sk-foot, .sk-foot a, .legal, .legal a, .hint, .note, .agree, .sub, .s, .lb, .kn{ font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif !important; } /* ============================================================ 先生プロフィール（b_prf_sch_show）本サイトの紺色デザインの上書き ============================================================ */ /* 紺色の面 → 白へ */ [style*="#1e3a5f"],[style*="#152840"],[style*="#1c1835"],[style*="#12101f"], [style*="#0c1928"],[style*="#0f1b2d"]{ background-color:var(--sk-card) !important; background-image:none !important; } /* 水色・淡青の文字 → 落ち着いた茶へ */ [style*="#8FB8D4"],[style*="#8fb8d4"],[style*="#e0dbff"],[style*="#6b9bd4"]{ color:var(--sk-muted) !important; } /* 淡いピンク → 桜へ */ [style*="#ffb6c1"]{ color:var(--sk-pink) !important; } /* 角丸はやわらかく */ .prof-hero-bg, [class*="rounded"]{ border-radius:10px !important; } .rounded-full, [class*="rounded-full"]{ border-radius:999px !important; } /* 見出し・セクション */ .sf-sect-heading{ color:var(--sk-ivory) !important; font-size:17px !important; letter-spacing:.08em !important; border-bottom:1px solid var(--sk-line) !important; padding-bottom:9px !important; } /* 待機バッジ */ .sf-newbadge{ background:linear-gradient(180deg,var(--sk-btn1),var(--sk-btn2)) !important; border:none !important; border-radius:999px !important; } .sf-newbadge__en,.sf-newbadge__ja{ color:#fff !important; } /* ヒーローの下に敷くグラデーションを白へ */ .sf-heroline,[style*="linear-gradient(to top"]{ background-image:linear-gradient(to top, var(--sk-bg) 0%, rgba(255,255,255,.55) 45%, transparent 100%) !important; } /* 自己紹介の本文 */ .teller_conte{ color:var(--sk-muted) !important; line-height:2.0 !important; } /* 相談したいボタン */ a[href*="sk_b_talk"], a[href*="sk_b_tran_req"]{ background-image:linear-gradient(180deg,var(--sk-btn1),var(--sk-btn2)) !important; border:none !important; color:#fff !important; border-radius:999px !important; box-shadow:0 5px 14px rgba(208,42,92,.24) !important; } /* スケジュールの枠 */ [class*="schedule"] [style*="background"]{ background-color:#faf6f2 !important; } /* アイコンの色を金茶にそろえる */ .ri-mail-send-line, .ri-mail-line, .ri-heart-3-line, .ri-heart-line, .ri-phone-fill, .ri-phone-line, .ri-calendar-line, .ri-time-line, .ri-user-line, .ri-list-check, [class^="ri-"], [class*=" ri-"]{ color:var(--sk-gold) !important; } /* ============================================================ 会員ページ共通のメニュー（入金導線） ============================================================ */ .sk-menu-bar{ max-width:600px;margin:30px auto 0;padding:0 18px; display:grid;grid-template-columns:1fr 1fr;gap:9px; } .sk-menu-bar a{ display:block !important;text-decoration:none !important; padding:17px 10px !important;text-align:center !important; border:1px solid var(--sk-line) !important;background:#fff !important; color:var(--sk-ivory) !important;font-size:14.5px !important;border-radius:999px !important; box-shadow:0 3px 10px rgba(117,75,58,.05) !important; } .sk-backtop{max-width:600px;margin:18px auto 0;padding:0 18px;text-align:center} .sk-backtop a{font-size:13px;color:var(--sk-gold) !important;text-decoration:none !important} /*====================================================================== ナビゲーション ・上部 …「戻る」を左に置く ・下部 … 画面に貼り付く5つのナビ ======================================================================*/ .sk-head{ position:relative; } .sk-head .bk{ position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:13px; color:var(--sk-gold) !important; text-decoration:none !important; letter-spacing:.06em; padding:8px 6px; line-height:1; font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; } .sk-head .bk:before{ content:"‹ "; font-size:16px; } /* 下部に貼り付くナビ ※ このCSSの上のほうに header,footer,nav{display:none !important} があり、