@charset "UTF-8";
/* ホテル ビオラ：予約番のヘッダー・フッター用（customer_header / customer_footer の中だけに効く） */
#customer_header,#customer_footer{
  --customer-ink:#233b38;--customer-muted:#576660;--customer-paper:#faf8f2;--customer-wash:#efeee5;--customer-line:#d5d9cd;--customer-teal:#1f717a;
  box-sizing:border-box;width:100%;color:var(--customer-ink);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;line-height:1.7;text-align:left
}
#customer_header *,#customer_footer *{box-sizing:border-box}
#customer_header a,#customer_footer a{color:inherit;text-decoration:none}
#customer_header a:hover,#customer_footer a:hover{text-decoration:underline;text-underline-offset:4px}
#customer_header a:focus-visible,#customer_footer a:focus-visible{outline:2px solid var(--customer-teal);outline-offset:3px}

/* ヘッダー */
#customer_header{background:var(--customer-paper);border-bottom:1px solid var(--customer-line)}
#customer_header .customer_header_inner{max-width:1152px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
#customer_header .customer_logo{display:block;line-height:0}
#customer_header .customer_logo img{display:block;width:165px;height:auto;max-width:100%}
#customer_header .customer_tel{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--customer-muted);line-height:1.4}
#customer_header .customer_tel a{font-size:18px;font-weight:700;color:var(--customer-ink);letter-spacing:.04em}
#customer_header .customer_navi{background:var(--customer-ink)}
#customer_header .customer_navi ul{max-width:1152px;margin:0 auto;padding:0 12px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
#customer_header .customer_navi li{margin:0;padding:0;list-style:none}
#customer_header .customer_navi a{display:block;padding:11px 16px;color:#fff;font-size:14px;letter-spacing:.06em}

/* フッター */
#customer_footer{background:#e1e5db;margin-top:40px}
#customer_footer .customer_footer_inner{max-width:1152px;margin:0 auto;padding:36px 20px 28px;display:grid;grid-template-columns:1fr auto;gap:20px 40px}
#customer_footer .customer_brand{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;letter-spacing:.06em;margin:0 0 8px}
#customer_footer .customer_address{font-size:13px;line-height:1.9;margin:0;font-style:normal}
#customer_footer .customer_address a{text-decoration:underline;text-underline-offset:4px}
#customer_footer .customer_links{list-style:none;margin:0;padding:0;font-size:13px;display:flex;flex-direction:column;gap:6px}
#customer_footer .customer_links li{margin:0;padding:0;list-style:none}
#customer_footer .customer_copyright{grid-column:1/-1;margin:8px 0 0;padding-top:16px;border-top:1px solid #c9cfc1;font-size:12px;color:var(--customer-muted)}

/* スマホ */
@media (max-width:640px){
  #customer_header .customer_header_inner{padding:10px 14px;flex-wrap:nowrap}
  #customer_header .customer_logo img{width:120px}
  #customer_header .customer_tel_label{display:none}
  #customer_header .customer_tel{font-size:11px}
  #customer_header .customer_tel a{font-size:15px}
  #customer_header .customer_navi ul{padding:0;justify-content:stretch}
  #customer_header .customer_navi li{flex:1 1 33.33%;text-align:center;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
  #customer_header .customer_navi a{padding:10px 4px;font-size:12px;letter-spacing:0}
  #customer_footer .customer_footer_inner{grid-template-columns:1fr;padding:28px 16px 22px}
  #customer_footer .customer_links{flex-direction:row;flex-wrap:wrap;gap:6px 18px}
}