/* S'allier 追加スタイル(クローンCSSの上書き)。デザイン方針: 大理石ベース / 白・薄グレー・濃グレー + ロゴの青 / 明朝体 / かすみ草 */
:root { --sal-blue: #5f8ee8; --sal-blue-l: #e4ecf8; --sal-grey-l: #f2f2f3; --sal-grey: #d6d6d8; --sal-grey-d: #6e6e73; --sal-ink: #333; }
html { background: #fafafb url(files/marble_page.jpg) repeat center top; } /* 2048px シームレスタイルを等倍で敷く。セクション地は透過なので、この 1 枚の模様が全セクションに連続して見える */
@media (max-width: 767px) { html { background-size: 1024px auto; } }
/* 薄グレー帯セクション(Double / Facial / About Light / メニューバナー): 半透明の色味だけ重ね、大理石の模様は途切れさせない */
#u1ino5wdlx7pom3s5hng, #qgkvfkez8acniahss5m3, #zkv346d73zx8mcznz2iv, #fczukxuprqc6nmwq7e91, #tx5tntihw0p3eudwjbzy { background-color: rgba(110,114,128,0.08); }
#Side_wrap { background-color: var(--sal-grey-l); }
body { background: transparent; }
body, #wrapper, #Wrap { background-color: transparent; }
body, .post_data, .text_box, .td_value, .td_cell, .entry-post, input, textarea, button, select {
  font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', 'Yu Mincho', 'YuMincho', serif;
}
h1, h2, h3, h4, h5, .headline_title, .entry_title, .mid_entry_title, .sub_entry_title, .mid_sub_entry_title, .half_entry_title, .inline_title, .unity_title, #naka_page_title h1, .main_btn a {
  font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN', serif; font-weight: 500; letter-spacing: 0.08em;
}
.design_block[class*="block"], .nb_01 .entry_post > .design_block.block1, .headline_title .en, .sal_en { font-family: 'Playfair Display', 'Didot', Georgia, serif; }
.nb_01 .entry_post > .design_block.block1 { color: var(--sal-grey-d); letter-spacing: 0.04em; }
.headline_title { color: var(--sal-ink); }
.entry_title, .entry-title, h3.entry_title { color: #fff; }
.main_btn a, .read_more_btn a { letter-spacing: 0.12em; }
a:link, a:visited { color: var(--sal-ink); }
a:hover { color: var(--sal-blue); }
.sal_note { margin: 8px 0 0; line-height: 1.6; color: #666; }
.td_value a, .shop_block a { color: inherit; text-decoration: none; }
#video_teaser video, #video_teaser_sp video { background: transparent; } /* ポスターは透過 webp(ページ背景の大理石が続く) */
/* テーブル(SALON INFO / メニュー) */
.td_cell { border-color: var(--sal-grey); }
table th, .td_title { background: var(--sal-grey-l); color: var(--sal-ink); }
/* コピーライト帯 */
#copyright { background: var(--sal-grey-d); color: #fff; }
/* SP */
#naka_page_title h1 { background: var(--sal-grey-d) url(files/marble_dark_wide.jpg) center / cover; color: #fff; letter-spacing: 0.12em; }
#scroll_footer { background: rgba(255,255,255,0.92); }

/* v9: 英字見出しの「&」だけ明朝系の素直な字形にする(Playfair Display の & は装飾が強い) */
.sal_amp { font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif; font-weight: 400; font-size: 0.82em; padding: 0 0.06em; }

/* v9: PC グローバルナビを等間隔に(150px x3 + ロゴ 250px + 150px x3。topnavi.png のセル位置と対) */
div#access .gnavi11 a, div#access .gnavi12 a, div#access .gnavi13 a, div#access .gnavi14 a, div#access .gnavi15 a, div#access .gnavi16 a { width: 150px !important; }
div#access .gnavi14 { margin-left: 250px !important; }
div#access .gnavi11 a, div#access #menu-gnavi > .menu-item.gnavi11 > a::after { background-position-x: 0; }
div#access .gnavi12 a, div#access #menu-gnavi > .menu-item.gnavi12 > a::after { background-position-x: -150px; }
div#access .gnavi13 a, div#access #menu-gnavi > .menu-item.gnavi13 > a::after { background-position-x: -300px; }
div#access .gnavi14 a, div#access #menu-gnavi > .menu-item.gnavi14 > a::after { background-position-x: -700px; }
div#access .gnavi15 a, div#access #menu-gnavi > .menu-item.gnavi15 > a::after { background-position-x: -850px; }
div#access .gnavi16 a, div#access #menu-gnavi > .menu-item.gnavi16 > a::after { background-position-x: -1000px; }

/* v10: TOP Double セクション右上のロゴ入り小パネルは出さない(背景の大理石と模様がずれて見えるため) */
#u1ino5wdlx7pom3s5hng > .design_block.block1 { display: none !important; }

/* v11: SP フッターにもロゴ(ヘッダーと同じグレー地入り) */
.sal_foot_logo { text-align: center; padding: 30px 0 24px; }
.sal_foot_logo img { width: 120px; height: 120px; }
/* v12: PC フッター ロゴ横にサロン名をテキストで表示 */
.sal_foot_name { position: absolute; left: 162px; top: 42px; text-align: left; color: #333; line-height: 1.4; }
.sal_foot_name b { display: block; font-size: 22px; font-weight: normal; letter-spacing: 0.06em; }
.sal_foot_name span { display: block; font-size: 13px; color: #666; letter-spacing: 0.14em; }
/* v12: 濃グレー大理石帯の見出し(mid/half/short)は白文字に(#333 だと帯に埋もれて読めない) */
.mid_entry_title, .mid_entry_title a, .half_entry_title, .half_entry_title a, .short_entry_title, .short_entry_title a { color: #fff; }

/* v13: ヒーロー スライドショー(5 枚クロスフェード)。1 枚目を通常フローに置いて高さを確保し、残りを重ねる */
.sal_slides #video_teaser_inner, #video_teaser_sp.sal_slides { position: relative; }
.sal_slides .sal_slide { display: block; width: 100%; opacity: 0; transition: opacity 1.8s ease; position: absolute; top: 0; left: 0; }
.sal_slides .sal_slide:first-child { position: relative; }
.sal_slides .sal_slide.is-on { opacity: 1; }
.sal_slides .sal_hero_text { display: block; position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; } /* v13: 文字は固定レイヤー */