/* =========================================================
   belog chez vous — British antique（店内のブリティッシュ・アンティークに合わせた装飾）
   - luxe.css のあとに読み込み。色は Gold edition のまま、装飾の形をアンティーク調に
   - 文章・写真は変更していません
   ========================================================= */
:root {
  --an-flourish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='28' viewBox='0 0 200 28'%3E%3Cg%3E%3Cpath d='M96 14 C88 14 84 7 77 7 C71 7 69 13 73 15.5 C76 17.3 79 15 77.5 12.6' fill='none' stroke='%23A88B55' stroke-width='1.1' stroke-linecap='round'/%3E %3Cpath d='M77 7 C70 2 61 4 58 10 C56 14 60 17 63 15' fill='none' stroke='%23C6AA78' stroke-width='.9' stroke-linecap='round'/%3E %3Cpath d='M64 14 H14' stroke='%23C6AA78' stroke-width='.9'/%3E%3Cpath d='M14 14 H2' stroke='%23C6AA78' stroke-width='.9' stroke-opacity='.35'/%3E %3Ccircle cx='18' cy='14' r='1.3' fill='%23A88B55'/%3E%3Cpath d='M84 18.5 C80 21 76 20.5 74 19' fill='none' stroke='%23C6AA78' stroke-width='.8' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(200 0) scale(-1 1)'%3E%3Cpath d='M96 14 C88 14 84 7 77 7 C71 7 69 13 73 15.5 C76 17.3 79 15 77.5 12.6' fill='none' stroke='%23A88B55' stroke-width='1.1' stroke-linecap='round'/%3E %3Cpath d='M77 7 C70 2 61 4 58 10 C56 14 60 17 63 15' fill='none' stroke='%23C6AA78' stroke-width='.9' stroke-linecap='round'/%3E %3Cpath d='M64 14 H14' stroke='%23C6AA78' stroke-width='.9'/%3E%3Cpath d='M14 14 H2' stroke='%23C6AA78' stroke-width='.9' stroke-opacity='.35'/%3E %3Ccircle cx='18' cy='14' r='1.3' fill='%23A88B55'/%3E%3Cpath d='M84 18.5 C80 21 76 20.5 74 19' fill='none' stroke='%23C6AA78' stroke-width='.8' stroke-linecap='round'/%3E%3C/g%3E %3Cpath d='M100 3 C104 8 104 12 100 14 C96 12 96 8 100 3Z' fill='%23C6AA78'/%3E%3Cpath d='M100 25 C104 20 104 16 100 14 C96 16 96 20 100 25Z' fill='none' stroke='%23A88B55' stroke-width='.9'/%3E %3Ccircle cx='100' cy='14' r='2' fill='%23A88B55'/%3E%3Cpath d='M93 14 C95 11 97 11 100 14 C103 11 105 11 107 14 C105 17 103 17 100 14 C97 17 95 17 93 14Z' fill='none' stroke='%23A88B55' stroke-width='.8'/%3E%3C/svg%3E");
  --an-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E %3Cpath d='M2 62 V18 C2 9 9 2 18 2 H62' fill='none' stroke='%23C6AA78' stroke-width='1'/%3E %3Cpath d='M7 62 V22 C7 13 13 7 22 7 H62' fill='none' stroke='%23C6AA78' stroke-width='.6' stroke-opacity='.6'/%3E %3Cpath d='M12 40 C12 26 20 15 30 13 C37 11.6 41 17 37 21 C34 24 30 21 32 18.5' fill='none' stroke='%23A88B55' stroke-width='1' stroke-linecap='round'/%3E %3Cpath d='M40 12 C26 12 15 20 13 30 C11.6 37 17 41 21 37 C24 34 21 30 18.5 32' fill='none' stroke='%23A88B55' stroke-width='1' stroke-linecap='round'/%3E %3Cpath d='M17 17 C20 14 24 14 26 17 C23 20 20 20 17 17Z' fill='%23C6AA78'/%3E%3Ccircle cx='46' cy='7' r='1.2' fill='%23A88B55'/%3E%3Ccircle cx='7' cy='46' r='1.2' fill='%23A88B55'/%3E%3C/svg%3E");
  --an-damask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='120' viewBox='0 0 84 120'%3E%3Cg fill='none' stroke='%23A88B55' stroke-width='.7' opacity='.2'%3E %3Cpath d='M42 14 C50 26 50 40 42 52 C34 40 34 26 42 14Z'/%3E%3Cpath d='M42 52 C52 50 60 56 62 66 C54 66 46 62 42 52Z'/%3E%3Cpath d='M42 52 C32 50 24 56 22 66 C30 66 38 62 42 52Z'/%3E %3Cpath d='M42 52 V78'/%3E%3Cpath d='M42 78 C48 84 48 92 42 98 C36 92 36 84 42 78Z'/%3E%3Cpath d='M30 30 C24 34 22 42 26 48'/%3E%3Cpath d='M54 30 C60 34 62 42 58 48'/%3E %3Ccircle cx='42' cy='8' r='1.6'/%3E%3Ccircle cx='0' cy='68' r='2'/%3E%3Ccircle cx='84' cy='68' r='2'/%3E%3Ccircle cx='42' cy='112' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --an-screw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CradialGradient id='s' cx='.35' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%23F3E7C9'/%3E%3Cstop offset='.6' stop-color='%23C6AA78'/%3E%3Cstop offset='1' stop-color='%238D7144'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='5' cy='5' r='4.2' fill='url(%23s)' stroke='%238D7144' stroke-width='.6'/%3E%3Cpath d='M2.6 6.6 L7.4 3.4' stroke='%237A5F35' stroke-width='.8' stroke-linecap='round'/%3E%3C/svg%3E");
  --an-fleuron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='40' viewBox='0 0 64 40'%3E%3Cg fill='none' stroke='%23C6AA78' stroke-width='1' stroke-linecap='round'%3E %3Cpath d='M32 4 C38 12 38 22 32 30 C26 22 26 12 32 4Z' fill='%23C6AA78' fill-opacity='.25'/%3E%3Cpath d='M32 30 C40 28 48 32 52 38'/%3E%3Cpath d='M32 30 C24 28 16 32 12 38'/%3E %3Cpath d='M28 14 C20 10 12 12 8 18 C12 22 18 22 22 19'/%3E%3Cpath d='M36 14 C44 10 52 12 56 18 C52 22 46 22 42 19'/%3E%3C/g%3E%3Ccircle cx='32' cy='34' r='1.8' fill='%23A88B55'/%3E%3C/svg%3E");
  --an-brass: linear-gradient(180deg, #F4EAD3 0%, #E6D5AF 45%, #D3BB8C 100%);
}

/* 見出しの下：ヴィクトリアン調の渦巻き飾り */
.op-head::after { width: 200px; height: 28px; margin-top: 2px; background: var(--an-flourish) left center / 200px 28px no-repeat; }
@media (max-width: 599px) { .op-head::after { width: 160px; height: 22px; background-size: 160px 22px; } }
.op-staff__text::before, .site-footer--simple::before { width: 200px; height: 28px; background: var(--an-flourish) center / 200px 28px no-repeat; }

/* 日本語の小見出し：真鍮のネームプレート（両端にネジ） */
.op-title__ja { background: var(--an-brass); color: #5E4826; border: 1px solid #A88B55; border-radius: 2px; padding: .42em 1.5em .38em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(122, 95, 53, .25), 0 1px 2px rgba(48, 43, 40, .18); text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
.op-title__ja::before, .op-title__ja::after { width: 8px; height: 8px; border: 0; background: var(--an-screw) center / contain no-repeat; transform: translateY(-50%); }
.op-title__ja::before { left: 5px; } .op-title__ja::after { right: 5px; }
.op-menu .op-title__ja, .op-salon .op-title__ja { color: #5E4826; }
.op-menu .op-title__ja::before, .op-menu .op-title__ja::after, .op-salon .op-title__ja::before, .op-salon .op-title__ja::after { background: var(--an-screw) center / contain no-repeat; }

/* ダマスクの壁紙（Staff・Service・関連サイト） */
.op-staff, .op-service, .op-guide { background-image: var(--an-damask); background-size: 84px 120px; background-color: var(--g-beige); }
.op-service { background-image: var(--an-damask), linear-gradient(180deg, var(--g-beige), #EFE6DA); background-size: 84px 120px, auto; }

/* 額縁：角の透かし細工（ファーストビュー・店舗カード） */
.op-store--tokyo::before, .op-store--tokyo::after { width: 46px; height: 46px; background: var(--an-corner) center / contain no-repeat; }
.op-store--tokyo::before { left: 0; top: 0; } .op-store--tokyo::after { right: 0; bottom: 0; }
@media (min-width: 900px) {
  .fv__stack::before, .fv__stack::after { width: 64px; height: 64px; background: var(--an-corner) center / contain no-repeat; }
  .fv__stack::before { left: -30px; top: -30px; } .fv__stack::after { right: -30px; bottom: -30px; }
}

/* 写真付きメニュー：カメオのような楕円の額 */
.acc__item--menu > .acc__heading .acc__thumb { aspect-ratio: 4 / 5; border-radius: 50%; outline: 0; box-shadow: 0 0 0 1px #A88B55, 0 0 0 4px var(--g-ivory), 0 0 0 5px #C6AA78; }
@media (max-width: 767px) { .acc__item--menu > .acc__heading .acc__thumb { width: 60px; } }

/* 金箔の額縁（スタッフ写真・ヘアカタログの大きな写真・製品写真） */
@media (min-width: 600px) {
  .op-staff__photo { outline: 0; box-shadow: 0 0 0 1px #8D7144, 0 0 0 7px #E9DCC0, 0 0 0 8px #C6AA78, 0 0 0 11px var(--g-beige), 0 0 0 12px rgba(168, 139, 85, .55), 0 28px 60px -30px rgba(48, 43, 40, .45); }
}
.catalog__pick .catalog__cell:first-child .catalog__item::before { content: ""; position: absolute; inset: 14px; z-index: 2; background: var(--an-corner) left top / 46px no-repeat, var(--an-corner) right bottom / 46px no-repeat; pointer-events: none; }

/* 料金表：分類名の前に小さな飾り、罫線を二重の細線に */
.op-menu .price-group h3::before { content: ""; display: inline-block; width: 18px; height: 12px; margin-right: 10px; vertical-align: 1px; background: var(--an-fleuron) center / contain no-repeat; }
.op-menu .price-group h3 { background: linear-gradient(90deg, #8D7144, #E1D0AA 50%, #A88B55) left bottom / 100% 1px no-repeat, linear-gradient(90deg, rgba(198, 170, 120, .45), rgba(198, 170, 120, .45)) left calc(100% - 4px) / 100% 1px no-repeat; padding-bottom: 14px; }

/* セクションの頭に、小さな飾り（Craft・Q&A・関連サイト） */
.op-craft .container::before, .op-faq .container::before, .op-guide .container::before { content: ""; display: block; width: 64px; height: 40px; margin: 0 auto clamp(18px, 3vw, 30px); background: var(--an-fleuron) center / contain no-repeat; opacity: .9; }

/* 本文の見出しの印：小さな飾り */
.acc__body h4::before { width: 12px; height: 8px; top: .62em; transform: none; background: var(--an-fleuron) center / contain no-repeat; }

/* ボタン：両端に小さなネジ（真鍮の金具） */
.btn--solid::after { content: ""; position: absolute; left: 14px; top: 50%; width: 7px; height: 7px; transform: translateY(-50%); background: var(--an-screw) center / contain no-repeat; box-shadow: none; }
.btn--solid { padding-left: 40px; padding-right: 40px; }

/* フッター：大きめの飾り */
.site-footer--simple::before { margin-bottom: 10px; }

/* 拡大表示の写真に細い額 */
.lightbox__img { box-shadow: 0 0 0 1px #C6AA78, 0 0 0 6px rgba(48, 43, 40, .6), 0 0 0 7px rgba(198, 170, 120, .5); }

/* 調整：料金表の分類名は左寄せのまま、飾りは背景として左に */
.op-menu .price-group h3::before { content: none; }
.op-menu .price-group h3 { padding-left: 28px; background:
    var(--an-fleuron) left 2px center / 18px 12px no-repeat,
    linear-gradient(90deg, #8D7144, #E1D0AA 50%, #A88B55) left bottom / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(198, 170, 120, .45), rgba(198, 170, 120, .45)) left calc(100% - 4px) / 100% 1px no-repeat; }

/* =========================================================
   調整（2026-10-19）：小見出しは文字だけ／飾りは硬質な星に／メニュー写真の額は四角に
   ========================================================= */
:root { --an-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23E1D0AA'/%3E%3Cstop offset='.5' stop-color='%23C6AA78'/%3E%3Cstop offset='1' stop-color='%238D7144'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='20.00,1.00 20.88,17.88 26.72,13.28 22.12,19.12 39.00,20.00 22.12,20.88 26.72,26.72 20.88,22.12 20.00,39.00 19.12,22.12 13.28,26.72 17.88,20.88 1.00,20.00 17.88,19.12 13.28,13.28 19.12,17.88' fill='url(%23g)' stroke='%238D7144' stroke-width='.5' stroke-linejoin='miter'/%3E%3Ccircle cx='20' cy='20' r='2.2' fill='%238D7144'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%23F1E6CC'/%3E%3C/svg%3E"); }
/* 小見出し：札をやめて、文字だけ */
.op-title__ja { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; text-shadow: none !important; color: var(--g-deep) !important; font-size: 12px !important; letter-spacing: .3em; }
.op-title__ja::before, .op-title__ja::after { display: none !important; }
.op-menu .op-title__ja, .op-salon .op-title__ja { color: var(--g-light) !important; }
/* セクション頭の飾り：硬質な八方の星 */
.op-craft .container::before, .op-faq .container::before, .op-guide .container::before { width: 30px; height: 30px; background: var(--an-star) center / contain no-repeat; opacity: 1; }
/* 料金表・本文見出しの小さな飾りも星に */
.op-menu .price-group h3 { background:
    var(--an-star) left 2px center / 14px 14px no-repeat,
    linear-gradient(90deg, #8D7144, #E1D0AA 50%, #A88B55) left bottom / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(198, 170, 120, .45), rgba(198, 170, 120, .45)) left calc(100% - 4px) / 100% 1px no-repeat; }
.acc__body h4::before { width: 10px; height: 10px; top: .55em; background: var(--an-star) center / contain no-repeat; }
/* メニュー一覧の写真：四角い二重の額 */
.acc__item--menu > .acc__heading .acc__thumb { aspect-ratio: 1 / 1; border-radius: 0; box-shadow: 0 0 0 1px #A88B55, 0 0 0 4px var(--g-ivory), 0 0 0 5px #C6AA78; }
@media (max-width: 767px) { .acc__item--menu > .acc__heading .acc__thumb { width: 62px; } }

:root { --an-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23EADCB8'/%3E%3Cstop offset='.45' stop-color='%23C6AA78'/%3E%3Cstop offset='1' stop-color='%237E6339'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='20.00,1.00 21.61,16.12 27.78,12.22 23.88,18.39 39.00,20.00 23.88,21.61 27.78,27.78 21.61,23.88 20.00,39.00 18.39,23.88 12.22,27.78 16.12,21.61 1.00,20.00 16.12,18.39 12.22,12.22 18.39,16.12' fill='url(%23g)' stroke='%237E6339' stroke-width='.6' stroke-linejoin='miter'/%3E%3Cpath d='M20 20 L20.00 3.00 M20 20 L26.72 13.28 M20 20 L37.00 20.00 M20 20 L26.72 26.72 M20 20 L20.00 37.00 M20 20 L13.28 26.72 M20 20 L3.00 20.00 M20 20 L13.28 13.28' stroke='%23F4EBD4' stroke-width='.55' stroke-opacity='.75'/%3E%3Ccircle cx='20' cy='20' r='2.6' fill='%237E6339'/%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23EADCB8'/%3E%3C/svg%3E"); }
.op-craft .container::before, .op-faq .container::before, .op-guide .container::before { width: 36px; height: 36px; }