@charset "UTF-8";

/* ===================================================================

  LEX TOKYO Common SP Styles

=================================================================== */
body { min-width: 100%; }
.pc { display: none; }
.sp { display: inherit; }

/*
  Header
=================================================================== */
.l-header h1 { width: calc(70 / 640 * 100vw); }
.l-header {
  height: auto;
  padding: 15px;
}

@media screen and (max-width:480px) {
  .l-header h1 { width: calc(60 / 480 * 100vw); }
  .l-header {
    height: auto;
    padding: 10px;
  }
}

/* Global Navi
------------------------------------------------------------------- */
.gnav {
  display: none;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--blk);
}
.gnav > div {
  width: 100%;
  max-width: initial;
  height: 100%;
  display: grid;
  place-content: center;
}
.gnav h2 {
  width: 80px;
  height: auto;
  margin: 0 auto 20%;
}
.gnav ul { flex-direction: column; }
.gnav ul li {
  font-size: calc(22 / 640 * 100vw);
  margin: 0 0 1em;
}

.menu-trigger { visibility: visible; }

.sp-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Select Language */
.select-lang {
  font-size: calc(22 / 640 * 100vw);
  letter-spacing: .05em;
  margin: 0 2em 0 0;
}

/*
  Section
=================================================================== */
.sec-heading  { font-size: calc(36 / 640 * 100vw); }

/* Booking Button */
.booking-btn { font-size: calc(20 / 640 * 100vw); }

/*
  Footer
=================================================================== */
.l-footer { padding: 6.25% 0 3.125%; }
.fnav { margin: 0 0 5%; }
.fnav li { margin: 0 15px; }
.fnav li a[href^="tel"] { pointer-events: inherit; }