/*
 * 予約me 全ページ共通の見た目（ヘッダー・フッター）。トップページ・問い合わせページ・全先生のアプリで使う。
 * ★ ここを変えたら、_common/parts.php の YM_COMMON_CSS_VER を1つ上げること。
 * 色は、各ページの CSS で次の変数を決めて使う（決めていなければ、下の色になる）。
 *   --ym-line   ヘッダー下の線の色
 *   --ym-accent 「予約me.com」の文字の色
 *   --ym-sub    フッターの文字の色
 */
.ym-header{background:#fff;border-bottom:1px solid var(--ym-line,#e6e2e3)}
.ym-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:80px;flex-wrap:wrap}
.ym-header .ym-header-inner{padding-top:12px;padding-bottom:12px}
.ym-brand{display:flex;align-items:center;gap:11px;min-width:0;max-width:100%;text-decoration:none;color:inherit;font-weight:700}
.ym-brand img{height:50px;width:auto;display:block;flex:none}
.ym-brand-text{display:flex;flex-direction:column;font-size:15px;line-height:1.5;font-weight:700;text-align:left}
.ym-brand-site{color:var(--ym-accent,#cf4a64)}
.ym-brand img.ym-brand-logo{height:auto;max-width:100%}
@media (max-width:680px){
  .ym-header .ym-header-inner{justify-content:center;padding:16px 14px}
  .ym-header-inner nav{width:100%;text-align:center}
  .ym-header-inner nav a:first-child{margin-left:0}
}
.ym-footer{margin:40px 0 24px;color:var(--ym-sub,#5b6673);text-align:center;font-size:15px}
.ym-footer-sep{margin:0 10px}
.ym-footer-brand{display:inline-flex;margin-top:8px}