﻿/*!
component > page-head（下層ページ共通の見出しブロック／写真ヒーロー）
------------------------------
  背景写真は共通1枚（仮置き）。差し替えは下記 background-image の
  url(...) を変更。ページ個別に変えたい場合は、各ページ側で
  #page-xxx .pageHead { background-image: ... } と上書きしてください。
*/.pageHead{position:relative;padding:64px 0 58px;text-align:center;overflow:hidden;background-color:#fff5eb;background-image:linear-gradient(rgba(51, 51, 51, 0.38), rgba(51, 51, 51, 0.48)),url(../../img/page-head.jpg);background-size:cover;background-position:center}@media(width >= 769px){.pageHead{padding:128px 0 118px}}.pageHead_inner{position:relative;z-index:1}.pageHead_sub{display:block;color:#fff;font-size:13px;font-size:1.3rem;letter-spacing:3px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.3)}@media(width >= 769px){.pageHead_sub{font-size:15px;font-size:1.5rem}}.pageHead_ttl{position:relative;color:#fff;font-size:26px;font-size:2.6rem;line-height:1.4;margin-top:12px;padding-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.35)}@media(width >= 769px){.pageHead_ttl{font-size:40px;font-size:4rem;margin-top:16px;padding-bottom:30px}}.pageHead_ttl::after{content:"";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:54px;height:3px;border-radius:3px;background:linear-gradient(90deg, #FF856D, #ffb583)}@media(width >= 769px){.pageHead_ttl::after{width:68px;bottom:10px}}.pageHead_lead{color:#fff;font-size:13px;font-size:1.3rem;margin-top:14px;text-shadow:0 1px 6px rgba(0,0,0,.3)}@media(width >= 769px){.pageHead_lead{font-size:16px;font-size:1.6rem;margin-top:20px}}/*!
component > wparts（トップ準拠の共通デザインパーツ）
------------------------------
*/.salon_inner.l-container{max-width:1000px}.salon .secTtl{margin-bottom:40px}@media(width >= 769px){.salon .secTtl{margin-bottom:60px}}.salon_list{display:flex;flex-direction:column;gap:24px}@media(width >= 769px){.salon_list{gap:40px}}.salon_list-item{background:#fff5eb;border-radius:12px;padding:26px 22px}@media(width >= 769px){.salon_list-item{padding:40px}}.salon_list-item-name{position:relative;padding-left:16px;margin-bottom:18px;font-size:19px;font-size:1.9rem}@media(width >= 769px){.salon_list-item-name{font-size:24px;font-size:2.4rem;margin-bottom:24px}}.salon_list-item-name::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:5px;background:#ff856d}.salon_list-item-info-row{display:flex;gap:12px;margin-bottom:10px}.salon_list-item-info-row:last-child{margin-bottom:0}.salon_list-item-info-row dt{width:84px;flex-shrink:0;font-weight:600;font-size:13px;font-size:1.3rem}@media(width >= 769px){.salon_list-item-info-row dt{font-size:15px;font-size:1.5rem}}.salon_list-item-info-row dd{color:#816e64;font-size:13px;font-size:1.3rem}@media(width >= 769px){.salon_list-item-info-row dd{font-size:15px;font-size:1.5rem}}.salon_list-item-info-row dd a{color:#ff856d}.salon_list-item-maps{display:flex;flex-direction:column;gap:16px;margin-top:22px}@media(width >= 769px){.salon_list-item-maps{flex-direction:row;gap:20px;margin-top:28px}}.salon_list-item-map{flex:1}.salon_list-item-map-label{display:inline-block;font-size:11px;font-size:1.1rem;line-height:1;color:#fff;background:#93795a;padding:6px 14px;border-radius:50px;margin-bottom:8px}@media(width >= 769px){.salon_list-item-map-label{font-size:12px;font-size:1.2rem}}.salon_list-item-map-frame{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#fff}.salon_list-item-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.salonOnline_inner.l-container{max-width:800px}.salonOnline .secTtl{margin-bottom:26px}@media(width >= 769px){.salonOnline .secTtl{margin-bottom:40px}}.salonOnline_txt{text-align:center;margin:22px auto 0;color:#816e64;margin-top:0}@media(width >= 769px){.salonOnline_txt{margin-top:34px;font-size:16px;font-size:1.6rem;line-height:2}}
