@charset "UTF-8";

/* =====================================================
  BRAND TOKENS : THE BAR
===================================================== */

:root{
  --fb-en:'Cormorant Garamond', serif;
  --fb-ja:'Noto Serif JP', serif;

  /* =========================
     BASE COLOR（変更）
  ========================= */
  --fb-bg:#ffffff;
  --fb-bg-soft:#f3f3f1;
  --fb-surface:rgba(0,0,0,.02);

  --fb-text:#313131;
  --fb-muted:rgba(49,49,49,.62);

  --fb-line:rgba(49,49,49,.14);
  --fb-line-soft:rgba(49,49,49,.10);

  /* ========================= */
  --fb-body:15px;
  --fb-lh:2.0;

  --bar-accent:#7a3654;
  --bar-accent-soft:#8c4466;
}

/* =====================================================
  BASE
===================================================== */

html{
  background:var(--fb-bg);
}

body{
  font-family:var(--fb-ja), var(--fb-en);
  font-size:var(--fb-body);
  line-height:var(--fb-lh);
  letter-spacing:.035em;
  background:var(--fb-bg);
  color:var(--fb-text);
}

.fb-main{
  background:var(--fb-bg);
  color:var(--fb-text);
}

.fb-section{
  background:var(--fb-bg);
}

/* =========================================
  EYEBROW
========================================= */
.fb-eyebrow{
  font-family:var(--fb-en);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--fb-muted);
  font-weight:300;
  opacity:.82;
}

/* =========================================
  SECTION TITLE
========================================= */
.bar-section-title,
.bar-drinks-card__title{
  font-family:var(--fb-en);
  font-weight:300;
  letter-spacing:.04em;
  opacity:.86;
  line-height:1.2;
  color:var(--fb-text);
}

/* =========================================
  HERO TITLE
========================================= */
.bar-hero__title{
  font-family:var(--fb-en);
  font-weight:300;
  letter-spacing:.06em;
  line-height:1.12;
  color:#ffffff;

/* =========================================
  FOOTER
========================================= */
.fb-footer{
  background:var(--fb-bg);
  color:var(--fb-muted);
}


/* =====================================
  FULLSCREEN MENU COLOR OVERRIDE
===================================== */

/* 背景 */
.fb-menu-panel{
  background:#ffffff !important;
}

.fb-menu-overlay{
  background:rgba(0,0,0,.08) !important;
}

/* テキスト */
.fb-menu-panel a,
.fb-menu-panel{
  color:#313131 !important;
}

/* ハンバーガー */
.fb-menu-float,
.fb-menu-float__label{
  color:#313131 !important;
}

.fb-menu-float__lines span{
  background:#313131 !important;
}