/* =========================================================
   FluxCore Pro Generated Custom CSS
   Auto generated from fc_pages.layout_json advanced.custom_css
   Last updated: 2026-08-29 11:22:11
========================================================= */

/* =========================================================
   Page: header / HEADER ページ
========================================================= */

/* Block: global_header / sec_1782112078518 */
/* =========================================================
   global_header に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */
.global-header, .global-header * {
  box-sizing: border-box !important;
}
/* =========================================================
   HEADER
========================================================= */
.global-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  min-height: 80px !important;
  padding: 0 4.5% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  background:
    linear-gradient(90deg, rgba(7, 9, 11, 0.96) 0%, rgba(10, 13, 16, 0.94) 50%, rgba(7, 9, 11, 0.96) 100%) !important;
  border-bottom:
    1px solid rgba(83, 123, 148, 0.28) !important;
  box-shadow:
    0 10px 32px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter:
    blur(12px) !important;
  -webkit-backdrop-filter:
    blur(12px) !important;
}
/* =========================================================
   HEADER TOP DECORATION
========================================================= */
.global-header::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(49, 95, 122, 0.12) 15%, rgba(49, 95, 122, 0.55) 42%, rgba(159, 134, 84, 0.34) 50%, rgba(49, 95, 122, 0.55) 58%, rgba(49, 95, 122, 0.12) 85%, transparent 100%) !important;
  pointer-events: none !important;
}
.global-header::after {
  display: none !important;
  content: none !important;
}
/* =========================================================
   LOGO
========================================================= */
.header-logo {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  color:
    #f5f2ec !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    23px !important;
  font-weight:
    500 !important;
  letter-spacing:
    0.11em !important;
  line-height:
    1.3 !important;
  white-space:
    nowrap !important;
  text-decoration:
    none !important;
}
/* ロゴ内のアクセント */
.header-logo span {
  color:
    #7da0b4 !important;
}
/* 画像ロゴ */
.header-logo img {
  display:
    block !important;
  width:
    auto !important;
  max-width:
    240px !important;
  max-height:
    52px !important;
  object-fit:
    contain !important;
}
/* =========================================================
   DESKTOP NAV
========================================================= */
.desktop-nav {
  display:
    flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  gap:
    clamp(24px, 2.6vw, 42px) !important;
  margin:
    0 !important;
  padding:
    0 !important;
  list-style:
    none !important;
}
/* =========================================================
   NAV LINK
========================================================= */
.desktop-nav a {
  position:
    relative !important;
  display:
    inline-block !important;
  padding:
    6px 0 !important;
  color:
    rgba(255, 255, 255, 0.82) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    12px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.08em !important;
  text-decoration:
    none !important;
  text-transform:
    none !important;
  transition:
    color 0.3s ease !important;
}
/* 下線 */
.desktop-nav a::after {
  content:
    "" !important;
  position:
    absolute !important;
  left:
    50% !important;
  bottom:
    -7px !important;
  width:
    0 !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, #315f7a, #7ea1b5) !important;
  opacity:
    0 !important;
  transform:
    translateX(-50%) !important;
  transition:
    width 0.3s ease, opacity 0.3s ease !important;
}
.desktop-nav a:hover, .desktop-nav a.active {
  color:
    #9bb9c9 !important;
}
.desktop-nav a:hover::after, .desktop-nav a.active::after {
  width:
    100% !important;
  opacity:
    1 !important;
}
/* =========================================================
   HEADER BUTTON AREA
========================================================= */
.header-btns {
  display:
    flex !important;
  align-items:
    center !important;
  gap:
    18px !important;
}
/* =========================================================
   TEL
========================================================= */
.global-header .btn-header-tel {
  position:
    relative !important;
  color:
    rgba(255, 255, 255, 0.88) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", serif !important;
  font-size:
    20px !important;
  font-weight:
    500 !important;
  letter-spacing:
    0.06em !important;
  line-height:
    1.4 !important;
  white-space:
    nowrap !important;
  text-decoration:
    none !important;
  transition:
    color 0.3s ease !important;
}
.global-header .btn-header-tel:hover {
  color:
    #8eb0c3 !important;
}
/* =========================================================
   RESERVE BUTTON
========================================================= */
.global-header .btn-header-reserve {
  position:
    relative !important;
  display:
    inline-flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  min-width:
    150px !important;
  min-height:
    44px !important;
  padding:
    0 28px !important;
  overflow:
    hidden !important;
  border:
    1px solid #315f7a !important;
  border-radius:
    0 !important;
  background:
    #315f7a !important;
  color:
    #ffffff !important;
  box-shadow:
    none !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", serif !important;
  font-size:
    12px !important;
  font-weight:
    500 !important;
  line-height:
    1 !important;
  letter-spacing:
    0.09em !important;
  text-decoration:
    none !important;
  transition:
    background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;
}
/* ボタンの光沢 */
.global-header .btn-header-reserve::before {
  content:
    "" !important;
  position:
    absolute !important;
  top:
    0 !important;
  left:
    -120% !important;
  width:
    75% !important;
  height:
    100% !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent) !important;
  transform:
    skewX(-20deg) !important;
  transition:
    left 0.5s ease !important;
  pointer-events:
    none !important;
}
.global-header .btn-header-reserve:hover {
  background:
    #23485e !important;
  border-color:
    #23485e !important;
  color:
    #ffffff !important;
  transform:
    translateY(-1px) !important;
}
.global-header .btn-header-reserve:hover::before {
  left:
    130% !important;
}
/* =========================================================
   MENU TRIGGER
========================================================= */
.menu-trigger {
  position:
    relative !important;
  display:
    none !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  width:
    46px !important;
  height:
    46px !important;
  padding:
    0 !important;
  border:
    1px solid rgba(83, 123, 148, 0.42) !important;
  border-radius:
    0 !important;
  background:
    rgba(49, 95, 122, 0.08) !important;
  color:
    #89aabd !important;
  font-size:
    24px !important;
  line-height:
    1 !important;
  cursor:
    pointer !important;
  z-index:
    1100 !important;
  transition:
    background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}
.menu-trigger:hover {
  background:
    #315f7a !important;
  border-color:
    #315f7a !important;
  color:
    #ffffff !important;
}
/* =========================================================
   MOBILE NAV OVERLAY
========================================================= */
.mobile-nav-overlay {
  position:
    fixed !important;
  inset:
    0 !important;
  z-index:
    1050 !important;
  display:
    flex !important;
  flex-direction:
    column !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  gap:
    0 !important;
  padding:
    90px 24px 40px !important;
  background:
    radial-gradient(circle at 78% 15%, rgba(49, 95, 122, 0.17), transparent 36%), linear-gradient(145deg, rgba(8, 11, 14, 0.99), rgba(4, 6, 8, 0.99)) !important;
  opacity:
    1 !important;
  visibility:
    visible !important;
  transform:
    translateX(100%) !important;
  transition:
    transform 0.5s cubic-bezier(.2, .8, .2, 1) !important;
}
/* 内側の細い装飾 */
.mobile-nav-overlay::before {
  content:
    "" !important;
  position:
    absolute !important;
  inset:
    18px !important;
  border:
    1px solid rgba(83, 123, 148, 0.17) !important;
  pointer-events:
    none !important;
}
.mobile-nav-overlay.active {
  transform:
    translateX(0) !important;
}
/* =========================================================
   MOBILE NAV LINKS
========================================================= */
.mobile-nav-overlay a {
  position:
    relative !important;
  display:
    block !important;
  width:
    min(100%, 320px) !important;
  margin:
    0 !important;
  padding:
    16px 10px !important;
  color:
    rgba(255, 255, 255, 0.88) !important;
  border-bottom:
    1px solid rgba(255, 255, 255, 0.07) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    17px !important;
  font-weight:
    500 !important;
  line-height:
    1.5 !important;
  letter-spacing:
    0.10em !important;
  text-align:
    center !important;
  text-transform:
    none !important;
  text-decoration:
    none !important;
  transition:
    color 0.3s ease, background-color 0.3s ease !important;
}
.mobile-nav-overlay a:hover {
  color:
    #96b4c4 !important;
  background:
    rgba(49, 95, 122, 0.08) !important;
}
/* =========================================================
   TABLET / MOBILE
========================================================= */
@media (max-width: 992px) {
  .global-header {
    min-height:
      70px !important;
    padding:
      0 20px !important;
    gap:
      18px !important;
  }
  .header-logo {
    font-size:
      19px !important;
  }
  .header-logo img {
    max-height:
      46px !important;
    max-width:
      210px !important;
  }
  .desktop-nav, .header-btns {
    display:
      none !important;
  }
  .menu-trigger {
    display:
      inline-flex !important;
    margin-left:
      auto !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .global-header {
    min-height:
      68px !important;
    padding:
      0 18px !important;
    background:
      rgba(7, 9, 11, 0.95) !important;
  }
  .header-logo {
    max-width:
      calc(100vw - 92px) !important;
    overflow:
      hidden !important;
    font-size:
      17px !important;
    letter-spacing:
      0.08em !important;
    text-overflow:
      ellipsis !important;
  }
  .header-logo img {
    max-width:
      min(210px, calc(100vw - 95px)) !important;
    max-height:
      44px !important;
  }
  .menu-trigger {
    width:
      44px !important;
    height:
      44px !important;
    font-size:
      22px !important;
  }
  .mobile-nav-overlay {
    padding:
      88px 22px 38px !important;
  }
  .mobile-nav-overlay a {
    font-size:
      16px !important;
    padding:
      15px 8px !important;
    letter-spacing:
      0.08em !important;
  }
}
/* =========================================================
   SMALL SMARTPHONE
========================================================= */
@media (max-width: 480px) {
  .global-header {
    min-height:
      64px !important;
    padding:
      0 16px !important;
  }
  .header-logo {
    max-width:
      calc(100vw - 82px) !important;
    font-size:
      16px !important;
  }
  .header-logo img {
    max-width:
      calc(100vw - 88px) !important;
    max-height:
      40px !important;
  }
  .menu-trigger {
    width:
      42px !important;
    height:
      42px !important;
  }
  .mobile-nav-overlay a {
    font-size:
      15px !important;
  }
}

/* =========================================================
   HAMBURGER POSITION FIX
   開く / 閉じるボタンの位置を完全固定
========================================================= */

@media (max-width: 992px) {

  .menu-trigger {
    position: fixed !important;

    top: 12px !important;
    right: 20px !important;
    left: auto !important;

    margin: 0 !important;

    width: 46px !important;
    height: 46px !important;

    z-index: 1200 !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .menu-trigger {
    top: 12px !important;
    right: 18px !important;

    width: 44px !important;
    height: 44px !important;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 480px) {

  .menu-trigger {
    top: 11px !important;
    right: 16px !important;

    width: 42px !important;
    height: 42px !important;
  }

}


/* =========================================================
   Page: index / 立川のラウンジ LOUNGE SKY CASTLE｜立川駅北口徒歩5分
========================================================= */

/* Block: hero_main / sec_1782110119323 */
/* =========================================================
   hero_main に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue

   ※ 通常画像・動画・スライダー・YouTubeを壊さない構成
========================================================= */
.hero-wrapper, .hero-wrapper * {
  box-sizing: border-box;
}
/* =========================================================
   HERO
========================================================= */
.hero-wrapper {
  position: relative !important;
  width: 100% !important;
  height: min(82svh, 820px) !important;
  min-height: 560px !important;
  overflow: hidden !important;
  /*
   * 画像・動画の読み込み前のみ見える背景色
   * background-image は指定しない
   */
  background: #090b0d !important;
  isolation: isolate !important;
}
/* =========================================================
   IMAGE WINDOW
========================================================= */
.hero-img-window {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
/* =========================================================
   通常画像 / MP4
========================================================= */
.hero-img-window > img, .hero-img-window > video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter:
    brightness(0.90) contrast(1.035) saturate(0.94) !important;
  transform: scale(1.001);
  transition:
    transform 8s cubic-bezier(.2, .65, .3, 1), filter 0.8s ease !important;
}
/* 静止画だけごくわずかにズーム */
.hero-wrapper:hover .hero-img-window > img {
  transform: scale(1.012);
}
/* =========================================================
   HERO OVERLAY

   画像そのものを暗くしすぎず、
   下部・左右・ブルーの陰影だけ追加
========================================================= */
.hero-wrapper::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: /* 下部の締まり */ linear-gradient(to top, rgba(5, 7, 9, 0.58) 0%, rgba(5, 7, 9, 0.20) 28%, rgba(5, 7, 9, 0) 55%), /* 左右の自然な陰影 */ linear-gradient(90deg, rgba(4, 6, 8, 0.30) 0%, rgba(4, 6, 8, 0.04) 22%, rgba(4, 6, 8, 0.02) 70%, rgba(4, 6, 8, 0.30) 100%), /* ポイントカラーの深い青 */ radial-gradient(ellipse at 78% 20%, rgba(49, 95, 122, 0.15) 0%, rgba(49, 95, 122, 0.06) 26%, transparent 52%) !important;
}
/* ::before は装飾として使用しない */
.hero-wrapper::before {
  display: none !important;
  content: none !important;
}
/* 以前の .hero-img-window::after が残っている場合を無効化 */
.hero-img-window::after {
  display: none !important;
  content: none !important;
}
/* =========================================================
   HERO SLIDER
   既存のスライダー構造を維持
========================================================= */
.hero-slider {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.hero-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.hero-slide-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* =========================================================
   CAPTION
   キャッチコピーが登録されている場合
========================================================= */
.hero-slide-caption {
  z-index: 3 !important;
  color: #ffffff !important;
  text-shadow:
    0 2px 18px rgba(0, 0, 0, 0.48), 0 0 40px rgba(0, 0, 0, 0.18) !important;
}
/* =========================================================
   MAIN CATCH
   Title・見出し = 明朝体
========================================================= */
.hero-slide-catch {
  color: var(--hero-catch-color, #ffffff) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(2rem, 4.5vw, 3.8rem) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.10em !important;
  text-shadow:
    0 3px 24px rgba(0, 0, 0, 0.48) !important;
}
/* =========================================================
   SUB TEXT
   詳細文も明朝体
========================================================= */
.hero-slide-sub {
  margin-top: 14px !important;
  color:
    var(--hero-sub-color, rgba(255, 255, 255, 0.86)) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(0.9rem, 1.5vw, 1.05rem) !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  letter-spacing: 0.08em !important;
}
/* =========================================================
   SLIDER DOT
   ポイントカラー = BLUE
========================================================= */
.hero-slider-dots {
  z-index: 4 !important;
}
.hero-slider-dot {
  width: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  border:
    1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 50% !important;
  background:
    rgba(255, 255, 255, 0.16) !important;
  transition:
    width 0.3s ease, background-color 0.3s ease, border-color 0.3s ease !important;
}
.hero-slider-dot.is-active {
  width: 26px !important;
  border-radius: 999px !important;
  border-color:
    #6b91a7 !important;
  background:
    #315f7a !important;
}
/* =========================================================
   YouTube BACKGROUND VIDEO

   既存のサイズ計算を壊さない
========================================================= */
.hero-yt-cover {
  z-index: 1 !important;
}
.hero-yt-cover iframe {
  border: 0 !important;
  filter:
    brightness(0.90) contrast(1.035) saturate(0.94) !important;
}
/* YouTubeの余白用ぼかし背景 */
.hero-yt-bg {
  filter:
    blur(14px) brightness(0.64) saturate(0.82) !important;
}
/* =========================================================
   HERO内の画像に余計な枠・影を付けない
========================================================= */
.hero-wrapper img, .hero-wrapper video {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .hero-wrapper {
    height: 74svh !important;
    min-height: 500px !important;
  }
  .hero-slide-catch {
    font-size:
      clamp(1.8rem, 5.5vw, 3rem) !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .hero-wrapper:not(.hero-has-yt) {
    height: 68svh !important;
    min-height: 470px !important;
  }
  /* 通常画像・動画 */
  .hero-wrapper:not(.hero-has-yt) .hero-img-window {
    height: 100% !important;
  }
  .hero-wrapper:not(.hero-has-yt) .hero-img-window > img, .hero-wrapper:not(.hero-has-yt) .hero-img-window > video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  /* スマホでは左右を暗くしすぎない */
  .hero-wrapper::after {
    background:
      linear-gradient(to top, rgba(5, 7, 9, 0.58) 0%, rgba(5, 7, 9, 0.14) 34%, transparent 58%), linear-gradient(90deg, rgba(5, 7, 9, 0.12) 0%, transparent 26%, transparent 74%, rgba(5, 7, 9, 0.12) 100%), radial-gradient(ellipse at 80% 16%, rgba(49, 95, 122, 0.13), transparent 48%) !important;
  }
  /* =====================================================
     CATCH
  ===================================================== */
  .hero-slide-caption {
    padding-left: 7vw !important;
    padding-right: 7vw !important;
  }
  .hero-slide-catch {
    font-size:
      clamp(1.65rem, 8vw, 2.5rem) !important;
    line-height:
      1.55 !important;
    letter-spacing:
      0.07em !important;
  }
  .hero-slide-sub {
    margin-top:
      10px !important;
    font-size:
      13px !important;
    line-height:
      1.9 !important;
    letter-spacing:
      0.045em !important;
  }
  /* =====================================================
     DOT
  ===================================================== */
  .hero-slider-dots {
    bottom:
      16px !important;
  }
  .hero-slider-dot {
    width:
      7px !important;
    height:
      7px !important;
  }
  .hero-slider-dot.is-active {
    width:
      22px !important;
  }
}
/* =========================================================
   YouTubeスマホ用

   FluxCore側にある
   hero-has-yt の比率制御を優先する

   ここでは height / position / iframeサイズを上書きしない
========================================================= */
@media (max-width: 768px) {
  .hero-wrapper.hero-has-yt::after {
    background:
      linear-gradient(to top, rgba(5, 7, 9, 0.34), transparent 48%), radial-gradient(ellipse at 78% 18%, rgba(49, 95, 122, 0.10), transparent 52%) !important;
  }
}

/* Block: latest_news_bar / sec_1787966357179 */
/* =========================================================
   latest_news_bar に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */

.news-bar-section,
.latest-news-bar {
  position: relative !important;

  width: 100% !important;

  padding:
    26px 5% !important;

  background:
    linear-gradient(
      90deg,
      rgba(7, 9, 11, 0.98) 0%,
      rgba(11, 14, 17, 0.98) 50%,
      rgba(7, 9, 11, 0.98) 100%
    ) !important;

  color:
    #f5f2ed !important;

  border-top:
    1px solid rgba(83, 123, 148, 0.16) !important;

  border-bottom:
    1px solid rgba(83, 123, 148, 0.26) !important;

  text-align:
    left !important;

  overflow:
    hidden !important;
}


/* 上部にごく薄い装飾 */
.news-bar-section::before,
.latest-news-bar::before {
  content:
    "" !important;

  position:
    absolute !important;

  top:
    0 !important;

  left:
    50% !important;

  width:
    min(82%, 920px) !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(49, 95, 122, 0.12) 18%,
      #315f7a 42%,
      rgba(159, 134, 84, 0.48) 50%,
      #315f7a 58%,
      rgba(49, 95, 122, 0.12) 82%,
      transparent 100%
    ) !important;

  transform:
    translateX(-50%) !important;

  pointer-events:
    none !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.news-bar-container {
  position:
    relative !important;

  z-index:
    1 !important;

  width:
    min(100%, 1180px) !important;

  max-width:
    1180px !important;

  margin:
    0 auto !important;
}


/* =========================================================
   LINK
========================================================= */

.news-bar-link {
  position:
    relative !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    28px !important;

  width:
    100% !important;

  padding:
    6px 0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  color:
    inherit !important;

  box-shadow:
    none !important;

  text-align:
    left !important;

  text-decoration:
    none !important;

  transform:
    none !important;

  transition:
    opacity 0.3s ease !important;
}


.news-bar-link + .news-bar-link {
  margin-top:
    16px !important;

  padding-top:
    18px !important;

  border-top:
    1px solid rgba(255, 255, 255, 0.07) !important;
}


.news-bar-link:hover {
  background:
    transparent !important;

  border-color:
    transparent !important;

  color:
    inherit !important;

  box-shadow:
    none !important;

  transform:
    none !important;

  opacity:
    0.82 !important;
}


/* =========================================================
   LEFT
========================================================= */

.news-bar-left,
.ln-left {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-start !important;

  gap:
    18px !important;

  flex-wrap:
    wrap !important;

  flex:
    0 0 auto !important;

  width:
    auto !important;
}


/* =========================================================
   DATE
========================================================= */

.news-date,
.ln-date {
  color:
    #7ea1b5 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    13px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    0.08em !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   BADGE
========================================================= */

.news-badge,
.ln-badge {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  min-width:
    82px !important;

  min-height:
    28px !important;

  padding:
    3px 14px !important;

  border:
    1px solid rgba(83, 123, 148, 0.55) !important;

  border-radius:
    0 !important;

  background:
    rgba(49, 95, 122, 0.09) !important;

  color:
    #8eb1c4 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    11px !important;

  font-weight:
    500 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    0.07em !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   TITLE
========================================================= */

.news-title,
.ln-title {
  flex:
    1 1 auto !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  color:
    rgba(255, 255, 255, 0.82) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;

  font-size:
    14px !important;

  font-weight:
    400 !important;

  line-height:
    1.85 !important;

  letter-spacing:
    0.045em !important;

  text-align:
    left !important;

  transition:
    color 0.3s ease !important;
}


.news-bar-link:hover .news-title,
.news-bar-link:hover .ln-title {
  color:
    #ffffff !important;
}


/* =========================================================
   ARROW
========================================================= */

.news-arrow,
.ln-arrow {
  position:
    relative !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0 0 auto !important;

  width:
    42px !important;

  height:
    20px !important;

  margin-left:
    auto !important;

  color:
    #6f94aa !important;

  font-size:
    0 !important;

  overflow:
    hidden !important;
}


/* 横線 */
.news-arrow::before,
.ln-arrow::before {
  content:
    "" !important;

  position:
    absolute !important;

  right:
    0 !important;

  top:
    50% !important;

  width:
    34px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      rgba(111, 148, 170, 0.25),
      #6f94aa
    ) !important;

  transform:
    translateY(-50%) !important;

  transition:
    width 0.3s ease !important;
}


/* 矢印先端 */
.news-arrow::after,
.ln-arrow::after {
  content:
    "" !important;

  position:
    absolute !important;

  right:
    1px !important;

  top:
    50% !important;

  width:
    7px !important;

  height:
    7px !important;

  border-top:
    1px solid #6f94aa !important;

  border-right:
    1px solid #6f94aa !important;

  transform:
    translateY(-50%)
    rotate(45deg) !important;
}


.news-bar-link:hover .news-arrow::before,
.news-bar-link:hover .ln-arrow::before {
  width:
    40px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .news-bar-section,
  .latest-news-bar {
    padding:
      24px 5% !important;
  }


  .news-bar-link {
    gap:
      20px !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .news-bar-section,
  .latest-news-bar {
    padding:
      22px 22px !important;
  }


  .news-bar-link {
    display:
      grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      28px !important;

    gap:
      10px 14px !important;

    align-items:
      center !important;

    padding:
      4px 0 !important;
  }


  .news-bar-left,
  .ln-left {
    grid-column:
      1 / 2 !important;

    display:
      flex !important;

    justify-content:
      flex-start !important;

    gap:
      10px !important;

    width:
      100% !important;
  }


  .news-title,
  .ln-title {
    grid-column:
      1 / 2 !important;

    width:
      100% !important;

    font-size:
      13px !important;

    line-height:
      1.75 !important;

    letter-spacing:
      0.035em !important;

    text-align:
      left !important;
  }


  .news-date,
  .ln-date {
    font-size:
      12px !important;
  }


  .news-badge,
  .ln-badge {
    min-width:
      70px !important;

    min-height:
      25px !important;

    padding:
      2px 10px !important;

    font-size:
      10px !important;
  }


  .news-arrow,
  .ln-arrow {
    grid-column:
      2 / 3 !important;

    grid-row:
      1 / 3 !important;

    align-self:
      center !important;

    width:
      28px !important;

    margin:
      0 !important;
  }


  .news-arrow::before,
  .ln-arrow::before {
    width:
      22px !important;
  }


  .news-bar-link:hover .news-arrow::before,
  .news-bar-link:hover .ln-arrow::before {
    width:
      26px !important;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 480px) {

  .news-bar-section,
  .latest-news-bar {
    padding:
      20px 18px !important;
  }


  .news-bar-left,
  .ln-left {
    gap:
      8px !important;
  }


  .news-title,
  .ln-title {
    font-size:
      12.5px !important;

    line-height:
      1.7 !important;
  }

}

/* Block: concept_split / sec_1782110303957 */
/* =========================================================
   concept_split に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Blue
   Title       : Mincho
   Body        : Mincho
   Section BG  : Transparent
========================================================= */
.concept-section, .concept-section * {
  box-sizing: border-box !important;
}
/* =========================================================
   SECTION
   BODYの固定背景画像をそのまま見せる
========================================================= */
.concept-section {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding:
    110px 5% !important;
  background:
    transparent !important;
  background-color:
    transparent !important;
  background-image:
    none !important;
  color:
    #201d1a !important;
  overflow:
    hidden !important;
  text-align:
    left !important;
}
/* 既存の偶数・奇数背景を無効化 */
.concept-section:nth-of-type(even), .concept-section:nth-of-type(odd) {
  background:
    transparent !important;
  background-color:
    transparent !important;
  background-image:
    none !important;
}
/* 既存装飾をリセット */
.concept-section::before, .concept-section::after, .concept-content::before, .concept-content::after {
  display:
    none !important;
  content:
    none !important;
}
/* =========================================================
   CONTAINER
========================================================= */
.concept-container, .concept-container.concept-reverse {
  position:
    relative !important;
  width:
    min(100%, 1280px) !important;
  max-width:
    1280px !important;
  margin:
    0 auto !important;
  display:
    flex !important;
  align-items:
    center !important;
  justify-content:
    space-between !important;
  gap:
    clamp(60px, 7vw, 100px) !important;
}
/* =========================================================
   通常
   左：テキスト
   右：画像
========================================================= */
.concept-container {
  flex-direction:
    row !important;
}
/* =========================================================
   反転
   左：画像
   右：テキスト
========================================================= */
.concept-container.concept-reverse {
  flex-direction:
    row-reverse !important;
}
.concept-container.concept-reverse .concept-content, .concept-container.concept-reverse .concept-img-wrapper {
  order:
    initial !important;
}
/* =========================================================
   CONTENT
========================================================= */
.concept-content {
  position:
    relative !important;
  flex:
    1 1 47% !important;
  width:
    auto !important;
  min-width:
    0 !important;
  margin:
    0 !important;
  padding:
    18px 0 !important;
  background:
    transparent !important;
  border:
    0 !important;
  box-shadow:
    none !important;
  text-align:
    left !important;
}
/* =========================================================
   EYEBROW
   「CONCEPT」「当店のご案内」
========================================================= */
.concept-content p.concept-eyebrow {
  position:
    relative !important;
  display:
    flex !important;
  align-items:
    center !important;
  width:
    fit-content !important;
  gap:
    16px !important;
  margin:
    0 0 20px !important;
  padding:
    0 !important;
  color:
    #315f7a !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    15px !important;
  font-style:
    normal !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.15em !important;
  text-align:
    left !important;
}
/* Eyebrow右側のブルーライン */
.concept-content p.concept-eyebrow::after {
  content:
    "" !important;
  display:
    block !important;
  width:
    58px !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, #315f7a 0%, rgba(49, 95, 122, 0) 100%) !important;
}
/* =========================================================
   TITLE
========================================================= */
.concept-title, .concept-content h2, .concept-content h3 {
  position:
    relative !important;
  margin:
    0 0 30px !important;
  padding:
    0 0 25px !important;
  color:
    #1d1a18 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(1.75rem, 2.8vw, 2.4rem) !important;
  font-weight:
    600 !important;
  line-height:
    1.65 !important;
  letter-spacing:
    0.08em !important;
  text-align:
    left !important;
}
/* タイトル下の装飾ライン */
.concept-title::after, .concept-content h2::after, .concept-content h3::after {
  content:
    "" !important;
  position:
    absolute !important;
  left:
    0 !important;
  bottom:
    0 !important;
  display:
    block !important;
  width:
    90px !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, #315f7a 0%, #6d91a5 52%, rgba(109, 145, 165, 0) 100%) !important;
}
/* =========================================================
   BODY TEXT
   詳細文も明朝体
========================================================= */
.concept-text, .concept-content p:not(.concept-eyebrow) {
  margin:
    0 !important;
  padding:
    0 !important;
  color:
    #413d39 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    16px !important;
  font-weight:
    400 !important;
  line-height:
    2.2 !important;
  letter-spacing:
    0.055em !important;
  text-align:
    left !important;
  text-shadow:
    0 1px 1px rgba(255, 255, 255, 0.28) !important;
}
/* =========================================================
   BUTTON
   高級感を残したブルーボタン
========================================================= */
.concept-content .fc-block-btn-wrap {
  margin-top:
    38px !important;
  text-align:
    left !important;
}
.concept-content .fc-block-btn {
  position:
    relative !important;
  display:
    inline-flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  width:
    auto !important;
  min-width:
    200px !important;
  min-height:
    50px !important;
  padding:
    0 36px !important;
  border:
    1px solid #315f7a !important;
  border-radius:
    0 !important;
  background:
    #315f7a !important;
  color:
    #ffffff !important;
  box-shadow:
    0 10px 24px rgba(30, 68, 90, 0.16) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    13px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.10em !important;
  text-decoration:
    none !important;
  overflow:
    hidden !important;
  transition:
    background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease !important;
}
/* ボタン内の控えめな光沢 */
.concept-content .fc-block-btn::before {
  content:
    "" !important;
  position:
    absolute !important;
  top:
    0 !important;
  left:
    -120% !important;
  width:
    80% !important;
  height:
    100% !important;
  display:
    block !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent) !important;
  transform:
    skewX(-20deg) !important;
  transition:
    left 0.55s ease !important;
  pointer-events:
    none !important;
}
.concept-content .fc-block-btn:hover {
  background:
    #23485e !important;
  border-color:
    #23485e !important;
  color:
    #ffffff !important;
  transform:
    translateY(-2px) !important;
  box-shadow:
    0 14px 30px rgba(30, 68, 90, 0.24) !important;
}
.concept-content .fc-block-btn:hover::before {
  left:
    130% !important;
}
/* =========================================================
   IMAGE
========================================================= */
.concept-img-wrapper {
  position:
    relative !important;
  flex:
    1 1 53% !important;
  width:
    auto !important;
  min-width:
    0 !important;
  margin:
    0 !important;
  aspect-ratio:
    4 / 3 !important;
  overflow:
    visible !important;
  border:
    0 !important;
  border-radius:
    0 !important;
  background:
    transparent !important;
  box-shadow:
    none !important;
}
/* =========================================================
   画像の後ろのずらし枠
   青を主役にする
========================================================= */
.concept-img-wrapper::before {
  content:
    "" !important;
  display:
    block !important;
  position:
    absolute !important;
  top:
    -16px !important;
  left:
    -16px !important;
  width:
    100% !important;
  height:
    100% !important;
  z-index:
    -1 !important;
  border:
    1px solid rgba(49, 95, 122, 0.55) !important;
  background:
    transparent !important;
  pointer-events:
    none !important;
}
/* 画像の右下にごく薄いゴールド */
.concept-img-wrapper::after {
  content:
    "" !important;
  position:
    absolute !important;
  right:
    -8px !important;
  bottom:
    -8px !important;
  z-index:
    0 !important;
  display:
    block !important;
  width:
    34% !important;
  height:
    34% !important;
  border-right:
    1px solid rgba(159, 126, 67, 0.42) !important;
  border-bottom:
    1px solid rgba(159, 126, 67, 0.42) !important;
  pointer-events:
    none !important;
}
/* =========================================================
   IMAGE 本体
========================================================= */
.concept-img-wrapper img, .concept-img-wrapper video {
  position:
    relative !important;
  z-index:
    1 !important;
  display:
    block !important;
  width:
    100% !important;
  height:
    100% !important;
  aspect-ratio:
    auto !important;
  object-fit:
    cover !important;
  object-position:
    center !important;
  border:
    0 !important;
  border-radius:
    0 !important;
  box-shadow:
    0 24px 55px rgba(27, 23, 19, 0.18) !important;
  filter:
    contrast(1.035) saturate(0.92) brightness(0.97) !important;
  transition:
    transform 0.7s cubic-bezier(.25, 1, .5, 1), filter 0.7s ease !important;
}
.concept-img-wrapper:hover img, .concept-img-wrapper:hover video {
  transform:
    scale(1.012) !important;
  filter:
    contrast(1.04) saturate(0.98) brightness(1) !important;
}
/* =========================================================
   REVERSE
   反転時は枠も逆側
========================================================= */
.concept-container.concept-reverse .concept-img-wrapper::before {
  left:
    auto !important;
  right:
    -16px !important;
}
.concept-container.concept-reverse .concept-img-wrapper::after {
  right:
    auto !important;
  left:
    -8px !important;
  border-right:
    0 !important;
  border-left:
    1px solid rgba(159, 126, 67, 0.42) !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .concept-section {
    padding:
      90px 6% !important;
  }
  .concept-container, .concept-container.concept-reverse {
    gap:
      48px !important;
  }
  .concept-title, .concept-content h2, .concept-content h3 {
    font-size:
      clamp(1.55rem, 3.4vw, 2rem) !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .concept-section {
    padding:
      74px 22px !important;
  }
  /* スマホは通常・反転とも画像 → テキスト */
  .concept-container, .concept-container.concept-reverse {
    display:
      flex !important;
    flex-direction:
      column !important;
    gap:
      40px !important;
  }
  /* =====================================================
     IMAGE
  ===================================================== */
  .concept-img-wrapper, .concept-container.concept-reverse .concept-img-wrapper {
    order:
      1 !important;
    width:
      100% !important;
    flex:
      none !important;
    aspect-ratio:
      4 / 3 !important;
  }
  .concept-img-wrapper::before, .concept-container.concept-reverse .concept-img-wrapper::before {
    top:
      -10px !important;
    left:
      -10px !important;
    right:
      auto !important;
  }
  .concept-img-wrapper::after, .concept-container.concept-reverse .concept-img-wrapper::after {
    right:
      -5px !important;
    left:
      auto !important;
    bottom:
      -5px !important;
    border-left:
      0 !important;
    border-right:
      1px solid rgba(159, 126, 67, 0.38) !important;
    border-bottom:
      1px solid rgba(159, 126, 67, 0.38) !important;
  }
  /* =====================================================
     CONTENT
  ===================================================== */
  .concept-content, .concept-container.concept-reverse .concept-content {
    order:
      2 !important;
    width:
      100% !important;
    flex:
      none !important;
    padding:
      0 !important;
    text-align:
      left !important;
  }
  /* =====================================================
     EYEBROW
  ===================================================== */
  .concept-content p.concept-eyebrow {
    margin-bottom:
      15px !important;
    font-size:
      14px !important;
    letter-spacing:
      0.12em !important;
  }
  .concept-content p.concept-eyebrow::after {
    width:
      40px !important;
  }
  /* =====================================================
     TITLE
  ===================================================== */
  .concept-title, .concept-content h2, .concept-content h3 {
    margin-bottom:
      24px !important;
    padding-bottom:
      20px !important;
    font-size:
      clamp(1.45rem, 6.5vw, 1.85rem) !important;
    line-height:
      1.65 !important;
    letter-spacing:
      0.055em !important;
  }
  .concept-title::after, .concept-content h2::after, .concept-content h3::after {
    width:
      68px !important;
  }
  /* =====================================================
     TEXT
  ===================================================== */
  .concept-text, .concept-content p:not(.concept-eyebrow) {
    font-size:
      14px !important;
    line-height:
      2.05 !important;
    letter-spacing:
      0.035em !important;
  }
  /* =====================================================
     BUTTON
  ===================================================== */
  .concept-content .fc-block-btn-wrap {
    margin-top:
      30px !important;
    text-align:
      left !important;
  }
  .concept-content .fc-block-btn {
    width:
      auto !important;
    min-width:
      185px !important;
    min-height:
      48px !important;
    padding:
      0 30px !important;
    font-size:
      12px !important;
    letter-spacing:
      0.08em !important;
  }
}

/* Block: concept_split / sec_1787915439112 */
/* =========================================================
   CONCEPT 個別調整
   #sec_1787915439112 のみ白文字
========================================================= */

#sec_1787915439112 {
  color: #ffffff !important;
}


/* EYEBROW */
#sec_1787915439112 .concept-eyebrow {
  color: rgba(255, 255, 255, 0.82) !important;
}


/* Eyebrow横ライン */
#sec_1787915439112 .concept-eyebrow::after {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.72),
      rgba(255, 255, 255, 0)
    ) !important;
}


/* TITLE */
#sec_1787915439112 .concept-title,
#sec_1787915439112 .concept-content h2,
#sec_1787915439112 .concept-content h3 {
  color: #ffffff !important;

  text-shadow:
    0 2px 16px rgba(0, 0, 0, 0.35) !important;
}


/* タイトル下ライン */
#sec_1787915439112 .concept-title::after,
#sec_1787915439112 .concept-content h2::after,
#sec_1787915439112 .concept-content h3::after {
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.55) 55%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
}


/* 本文 */
#sec_1787915439112 .concept-text,
#sec_1787915439112 .concept-content p:not(.concept-eyebrow) {
  color: rgba(255, 255, 255, 0.88) !important;

  text-shadow:
    0 1px 10px rgba(0, 0, 0, 0.28) !important;
}


/* ボタン */
#sec_1787915439112 .fc-block-btn {
  border-color: rgba(255, 255, 255, 0.78) !important;

  background: rgba(255, 255, 255, 0.10) !important;

  color: #ffffff !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}


/* ボタンhover */
#sec_1787915439112 .fc-block-btn:hover {
  background: #ffffff !important;

  border-color: #ffffff !important;

  color: #315f7a !important;
}

/* Block: recruit_banner / sec_1782110639786 */
/* =========================================================
   recruit_banner に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho

   ※ 背景画像は管理画面側の設定をそのまま使用
========================================================= */
.recruit-banner-section, .recruit-banner-section * {
  box-sizing: border-box !important;
}
/* =========================================================
   SECTION
   ※ background / background-image は指定しない
   ※ 管理画面から設定される背景画像をそのまま使用
========================================================= */
.recruit-banner-section {
  --fc-bg-overlay: rgba(6, 8, 10, 0.58);
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  padding: 110px 5% !important;
  color: #ffffff !important;
  overflow: hidden !important;
}
/* =========================================================
   CONTAINER
========================================================= */
.recruit-banner, .recruit-banner-container {
  position: relative !important;
  width: min(100%, 1200px) !important;
  max-width: 12000px !important;
  margin: 0 auto !important;
  padding: 76px 72px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(8, 10, 12, 0.80) 0%, rgba(11, 13, 15, 0.70) 100%) !important;
  border:
    1px solid rgba(93, 128, 150, 0.42) !important;
  border-radius: 0 !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.34) !important;
  text-align: center !important;
  backdrop-filter:
    blur(5px) !important;
  -webkit-backdrop-filter:
    blur(5px) !important;
}
/* =========================================================
   INNER FRAME
   青を主役にしつつ、ゴールドをごく薄く補助
========================================================= */
.recruit-banner::after, .recruit-banner-container::after {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  z-index: 0 !important;
  display: block !important;
  border:
    1px solid rgba(83, 123, 148, 0.24) !important;
  pointer-events: none !important;
}
/* 内枠の一部にだけゴールド感を追加 */
.recruit-banner::before {
  content: "" !important;
  position: absolute !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 1 !important;
  width: 72px !important;
  height: 72px !important;
  display: block !important;
  border-right:
    1px solid rgba(183, 151, 86, 0.36) !important;
  border-bottom:
    1px solid rgba(183, 151, 86, 0.36) !important;
  pointer-events: none !important;
}
/* =========================================================
   背景装飾文字
========================================================= */
.recruit-banner-container::before {
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  z-index: 0 !important;
  display: block !important;
  color:
    rgba(104, 142, 165, 0.075) !important;
  font-family:
    "Times New Roman", "Shippori Mincho", serif !important;
  font-size:
    clamp(4rem, 10vw, 7.5rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  white-space: nowrap !important;
  transform:
    translateX(-50%) !important;
  pointer-events: none !important;
}
/* =========================================================
   CONTENT
========================================================= */
.recruit-content-inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 1000px) !important;
  margin: 0 auto !important;
}
/* =========================================================
   TITLE
========================================================= */
.recruit-title {
  position: relative !important;
  margin: 0 0 28px !important;
  padding: 0 0 24px !important;
  color: #f4f1eb !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(1.75rem, 3.2vw, 2.4rem) !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.10em !important;
  text-align: center !important;
  text-shadow:
    0 2px 18px rgba(0, 0, 0, 0.32) !important;
}
/* タイトル下のブルーライン */
.recruit-title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 88px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent 0%, #315f7a 18%, #7395aa 50%, #315f7a 82%, transparent 100%) !important;
  transform:
    translateX(-50%) !important;
}
/* =========================================================
   DESCRIPTION
   詳細文も明朝体
========================================================= */
.recruit-desc {
  max-width: 860px !important;
  margin:
    0 auto 38px !important;
  padding:
    0 !important;
  color:
    rgba(255, 255, 255, 0.82) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 2.15 !important;
  letter-spacing: 0.055em !important;
  text-align: center !important;
  text-shadow:
    0 1px 10px rgba(0, 0, 0, 0.28) !important;
}
/* =========================================================
   BUTTON
   深いブルーをポイントカラーとして使用
========================================================= */
.btn-recruit-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 200px !important;
  min-height: 50px !important;
  padding:
    0 36px !important;
  overflow: hidden !important;
  border:
    1px solid #315f7a !important;
  border-radius:
    0 !important;
  background:
    #315f7a !important;
  color:
    #ffffff !important;
  box-shadow:
    0 10px 26px rgba(20, 52, 72, 0.22) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    13px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.10em !important;
  text-decoration:
    none !important;
  cursor:
    pointer !important;
  transition:
    background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease !important;
}
/* 控えめな光沢 */
.btn-recruit-link::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -120% !important;
  width: 80% !important;
  height: 100% !important;
  display: block !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.13) 50%, transparent 100%) !important;
  transform:
    skewX(-20deg) !important;
  transition:
    left 0.55s ease !important;
  pointer-events:
    none !important;
}
.btn-recruit-link:hover {
  background:
    #23485e !important;
  border-color:
    #23485e !important;
  color:
    #ffffff !important;
  transform:
    translateY(-2px) !important;
  box-shadow:
    0 14px 32px rgba(20, 52, 72, 0.30) !important;
}
.btn-recruit-link:hover::before {
  left:
    130% !important;
}
/* =========================================================
   BUTTON ICON
========================================================= */
.btn-recruit-link i {
  position: relative !important;
  z-index: 2 !important;
  font-size:
    0.9em !important;
  transition:
    transform 0.3s ease !important;
}
.btn-recruit-link:hover i {
  transform:
    translateX(3px) !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .recruit-banner-section {
    padding:
      90px 5% !important;
  }
  .recruit-banner, .recruit-banner-container {
    padding:
      64px 50px !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .recruit-banner-section {
    --fc-bg-overlay:
      rgba(5, 7, 9, 0.64);
    padding:
      72px 20px !important;
  }
  .recruit-banner, .recruit-banner-container {
    width:
      100% !important;
    padding:
      54px 26px !important;
    background:
      linear-gradient(145deg, rgba(8, 10, 12, 0.82), rgba(10, 12, 14, 0.74)) !important;
  }
  .recruit-banner::after, .recruit-banner-container::after {
    inset:
      8px !important;
  }
  .recruit-banner::before {
    right:
      14px !important;
    bottom:
      14px !important;
    width:
      48px !important;
    height:
      48px !important;
  }
  .recruit-banner-container::before {
    top:
      12px !important;
    font-size:
      clamp(3.2rem, 18vw, 5rem) !important;
  }
  /* TITLE */
  .recruit-title {
    margin-bottom:
      24px !important;
    padding-bottom:
      20px !important;
    font-size:
      clamp(1.5rem, 7vw, 1.95rem) !important;
    line-height:
      1.6 !important;
    letter-spacing:
      0.07em !important;
  }
  .recruit-title::after {
    width:
      68px !important;
  }
  /* DESCRIPTION */
  .recruit-desc {
    margin-bottom:
      32px !important;
    font-size:
      14px !important;
    line-height:
      2.05 !important;
    letter-spacing:
      0.035em !important;
  }
  /* BUTTON */
  .btn-recruit-link {
    width:
      auto !important;
    min-width:
      185px !important;
    min-height:
      48px !important;
    padding:
      0 30px !important;
    font-size:
      12px !important;
    letter-spacing:
      0.08em !important;
  }
}


/* =========================================================
   Page: recruit / RECRUIT｜立川のラウンジ LOUNGE SKY CASTLE｜立川駅北口徒歩5分
========================================================= */

/* Block: hero_page / sec_1782111185841 */
/* =========================================================
   hero_page に貼るCSS
========================================================= */

.page-hero-wrapper {
  position: relative !important;
  min-height: 320px !important;
  padding: 160px 5% 80px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-size: cover !important;
  background-position: center !important;
  color: #f0e6d2 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-hero-wrapper::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 24, 42, 0.12), transparent 44%),
    rgba(8, 6, 2, 0.42) !important;
  pointer-events: none !important;
}

.page-hero-wrapper::after,
.ph-overlay {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background:
    linear-gradient(to bottom, rgba(8, 6, 2, 0.3) 0%, rgba(8, 6, 2, 0.55) 60%, rgba(8, 6, 2, 0.92) 100%) !important;
  pointer-events: none !important;
}

.ph-container {
  position: relative !important;
  z-index: 1 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

.ph-title {
  display: inline-block !important;
  margin: 0 0 8px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  color: #f0e6d2 !important;
  font-family: "Cormorant Garamond", "Cinzel", "Noto Serif JP", serif !important;
  font-size: clamp(32px, 5vw, 56px) !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  background: linear-gradient(90deg, #f0e6d2 0%, #f0e6d2 35%, #c3963a 50%, #f0e6d2 65%, #f0e6d2 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: titleShimmer 5s linear infinite !important;
}

.ph-title::after {
  content: "" !important;
  display: block !important;
  width: 60px !important;
  height: 1px !important;
  margin: 24px auto 0 !important;
  background: #c3963a !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
}

.ph-desc {
  margin: 20px 0 0 !important;
  color: #a08c6a !important;
  font-family: "Noto Sans JP", sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 2.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
}

@keyframes titleShimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

@media (max-width: 768px) {
  .page-hero-wrapper {
    min-height: 280px !important;
    padding: 130px 5% 58px !important;
  }

  .ph-title {
    font-size: 32px !important;
    letter-spacing: 0.16em !important;
  }

  .ph-desc {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
  }
}

/* Block: free_text_box / sec_1787967519787 */
/* =========================================================
   free_text_box に貼るCSS
========================================================= */
.free-text-section, .free-text-section * {
  box-sizing: border-box !important;
}
/* =========================================================
   SECTION
   ※ background / background-image は指定しない
========================================================= */
.free-text-section {
  --fc-bg-overlay: rgba(6, 8, 10, 0.56);
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 110px 5% !important;
  color: #ffffff !important;
  text-align: center !important;
  overflow: hidden !important;
}
/* =========================================================
   CONTAINER
   最大1200px
========================================================= */
.free-text-container {
  position: relative !important;
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 78px 70px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(7, 10, 13, 0.78) 0%, rgba(10, 13, 16, 0.70) 100%) !important;
  border:
    1px solid rgba(83, 123, 148, 0.38) !important;
  border-radius: 0 !important;
  box-shadow:
    0 26px 65px rgba(0, 0, 0, 0.28) !important;
  text-align: center !important;
  backdrop-filter:
    blur(5px) !important;
  -webkit-backdrop-filter:
    blur(5px) !important;
}
/* =========================================================
   INNER FRAME
========================================================= */
.free-text-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  z-index: 0 !important;
  display: block !important;
  border:
    1px solid rgba(83, 123, 148, 0.20) !important;
  pointer-events: none !important;
}
/* =========================================================
   GOLD DECORATION
   ゴールドは補助色として控えめに使用
========================================================= */
.free-text-container::after {
  content: "" !important;
  position: absolute !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 0 !important;
  width: 72px !important;
  height: 72px !important;
  border-right:
    1px solid rgba(167, 137, 78, 0.34) !important;
  border-bottom:
    1px solid rgba(167, 137, 78, 0.34) !important;
  pointer-events: none !important;
}
/* =========================================================
   TITLE
========================================================= */
.free-text-title {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin:
    0 auto 30px !important;
  padding:
    0 0 25px !important;
  color:
    #f5f2ec !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(1.8rem, 3vw, 2rem) !important;
  font-weight:
    600 !important;
  line-height:
    1.65 !important;
  letter-spacing:
    0.09em !important;
  text-align:
    center !important;
  text-shadow:
    0 2px 18px rgba(0, 0, 0, 0.30) !important;
}
/* タイトル下のブルーライン */
.free-text-title::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 88px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent 0%, #315f7a 16%, #7b9caf 50%, #315f7a 84%, transparent 100%) !important;
  transform:
    translateX(-50%) !important;
}
/* =========================================================
   DESCRIPTION
   本文も明朝体
========================================================= */
.free-text-desc {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(100%, 980px) !important;
  margin:
    0 auto !important;
  padding:
    0 !important;
  color:
    rgba(255, 255, 255, 0.82) !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    16px !important;
  font-weight:
    400 !important;
  line-height:
    2.15 !important;
  letter-spacing:
    0.05em !important;
  text-align:
    center !important;
  text-shadow:
    0 1px 10px rgba(0, 0, 0, 0.26) !important;
}
/* =========================================================
   free-text 内の p / strong / a にも統一感を持たせる
========================================================= */
.free-text-container p {
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
}
.free-text-container strong {
  color:
    #8eb0c3 !important;
  font-weight:
    600 !important;
}
.free-text-container a {
  color:
    #8eb0c3 !important;
  text-decoration:
    underline !important;
  text-underline-offset:
    4px !important;
  transition:
    color 0.3s ease !important;
}
.free-text-container a:hover {
  color:
    #ffffff !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .free-text-section {
    padding:
      90px 5% !important;
  }
  .free-text-container {
    padding:
      64px 46px !important;
  }
  .free-text-desc {
    font-size:
      15px !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .free-text-section {
    --fc-bg-overlay:
      rgba(5, 7, 9, 0.62);
    padding:
      72px 20px !important;
  }
  .free-text-container {
    width:
      100% !important;
    padding:
      54px 26px !important;
    background:
      linear-gradient(145deg, rgba(7, 10, 13, 0.82), rgba(10, 13, 16, 0.74)) !important;
  }
  .free-text-container::before {
    inset:
      8px !important;
  }
  .free-text-container::after {
    right:
      14px !important;
    bottom:
      14px !important;
    width:
      48px !important;
    height:
      48px !important;
  }
  .free-text-title {
    margin-bottom:
      24px !important;
    padding-bottom:
      20px !important;
    font-size:
      clamp(1.5rem, 7vw, 1.95rem) !important;
    line-height:
      1.6 !important;
    letter-spacing:
      0.065em !important;
  }
  .free-text-title::after {
    width:
      68px !important;
  }
  .free-text-desc {
    width:
      100% !important;
    font-size:
      14px !important;
    line-height:
      2.05 !important;
    letter-spacing:
      0.035em !important;
  }
}
/* =========================================================
   SMALL SMARTPHONE
========================================================= */
@media (max-width: 480px) {
  .free-text-section {
    padding:
      64px 16px !important;
  }
  .free-text-container {
    padding:
      48px 22px !important;
  }
  .free-text-title {
    font-size:
      clamp(1.4rem, 7.5vw, 1.8rem) !important;
  }
  .free-text-desc {
    font-size:
      13.5px !important;
  }
}

/* Block: custom_html / sec_1787967990098 */
/* =========================================================
   recruit_job_list に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */

.job-list-section,
.job-list-section * {
  box-sizing: border-box !important;
}


/* =========================================================
   SECTION
========================================================= */

.job-list-section {
  position: relative !important;

  width: 100% !important;

  padding:
    110px 5% 120px !important;

  background:
    transparent !important;

  color:
    #201d1a !important;

  overflow:
    hidden !important;
}


/* =========================================================
   HEADER
========================================================= */

.job-section-header {
  width:
    min(100%, 820px) !important;

  margin:
    0 auto 58px !important;

  text-align:
    center !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.job-eyebrow {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    14px !important;

  width:
    fit-content !important;

  margin:
    0 auto 16px !important;

  color:
    #315f7a !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    0.16em !important;
}


.job-eyebrow::before,
.job-eyebrow::after {
  content:
    "" !important;

  width:
    36px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      rgba(49, 95, 122, 0),
      #315f7a
    ) !important;
}


.job-eyebrow::after {
  transform:
    scaleX(-1) !important;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.job-main-title {
  position:
    relative !important;

  margin:
    0 0 24px !important;

  padding:
    0 0 24px !important;

  color:
    #1d1a18 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;

  font-size:
    clamp(2rem, 4vw, 3rem) !important;

  font-weight:
    600 !important;

  line-height:
    1.45 !important;

  letter-spacing:
    0.12em !important;
}


.job-main-title::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    50% !important;

  bottom:
    0 !important;

  width:
    88px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #315f7a 18%,
      #789caf 50%,
      #315f7a 82%,
      transparent 100%
    ) !important;

  transform:
    translateX(-50%) !important;
}


/* =========================================================
   SUB TEXT
========================================================= */

.job-sub-text {
  margin:
    0 !important;

  color:
    #4b4641 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    15px !important;

  font-weight:
    400 !important;

  line-height:
    2 !important;

  letter-spacing:
    0.05em !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.job-container {
  width:
    min(100%, 1200px) !important;

  max-width:
    1200px !important;

  margin:
    0 auto !important;
}


/* =========================================================
   CARD
========================================================= */

.job-card {
  position:
    relative !important;

  width:
    100% !important;

  overflow:
    visible !important;

  background:
    rgba(255, 255, 255, 0.72) !important;

  border:
    1px solid rgba(49, 95, 122, 0.22) !important;

  border-radius:
    0 !important;

  box-shadow:
    0 26px 60px rgba(27, 23, 19, 0.10) !important;

  color:
    #201d1a !important;

  backdrop-filter:
    blur(4px) !important;

  -webkit-backdrop-filter:
    blur(4px) !important;
}


/* 細い内枠 */
.job-card::before {
  content:
    "" !important;

  position:
    absolute !important;

  inset:
    12px !important;

  z-index:
    0 !important;

  border:
    1px solid rgba(49, 95, 122, 0.10) !important;

  pointer-events:
    none !important;
}


/* ゴールド補助装飾 */
.job-card::after {
  content:
    "" !important;

  position:
    absolute !important;

  right:
    20px !important;

  bottom:
    20px !important;

  z-index:
    1 !important;

  width:
    70px !important;

  height:
    70px !important;

  border-right:
    1px solid rgba(159, 126, 67, 0.30) !important;

  border-bottom:
    1px solid rgba(159, 126, 67, 0.30) !important;

  pointer-events:
    none !important;
}


/* =========================================================
   BODY
========================================================= */

.job-card-body {
  position:
    relative !important;

  z-index:
    2 !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(360px, 0.9fr)
    minmax(0, 1.1fr) !important;

  gap:
    clamp(46px, 6vw, 78px) !important;

  align-items:
    center !important;

  padding:
    54px !important;
}


/* =========================================================
   IMAGE
========================================================= */

.job-img-box {
  position:
    relative !important;

  width:
    100% !important;

  aspect-ratio:
    4 / 3 !important;

  overflow:
    visible !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;
}


/* ブルーのずらし枠 */
.job-img-box::before {
  content:
    "" !important;

  position:
    absolute !important;

  top:
    -14px !important;

  left:
    -14px !important;

  width:
    100% !important;

  height:
    100% !important;

  z-index:
    -1 !important;

  border:
    1px solid rgba(49, 95, 122, 0.50) !important;

  pointer-events:
    none !important;
}


/* ゴールド補助線 */
.job-img-box::after {
  content:
    "" !important;

  position:
    absolute !important;

  right:
    -7px !important;

  bottom:
    -7px !important;

  z-index:
    0 !important;

  width:
    32% !important;

  height:
    32% !important;

  border-right:
    1px solid rgba(159, 126, 67, 0.36) !important;

  border-bottom:
    1px solid rgba(159, 126, 67, 0.36) !important;

  pointer-events:
    none !important;
}


.job-img-box img {
  position:
    relative !important;

  z-index:
    1 !important;

  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    0 20px 45px rgba(27, 23, 19, 0.15) !important;

  filter:
    contrast(1.03)
    saturate(0.94)
    brightness(0.98) !important;

  transition:
    transform 0.7s cubic-bezier(.25, 1, .5, 1),
    filter 0.7s ease !important;
}


.job-img-box:hover img {
  transform:
    scale(1.012) !important;

  filter:
    contrast(1.04)
    saturate(0.99)
    brightness(1) !important;
}


/* =========================================================
   INFO BOX
========================================================= */

.job-info-box {
  min-width:
    0 !important;
}


/* =========================================================
   JOB TITLE
========================================================= */

.job-title {
  position:
    relative !important;

  margin:
    0 0 28px !important;

  padding:
    0 0 18px !important;

  color:
    #1d1a18 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    clamp(1.5rem, 2.5vw, 2rem) !important;

  font-weight:
    600 !important;

  line-height:
    1.55 !important;

  letter-spacing:
    0.08em !important;
}


.job-title::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    0 !important;

  bottom:
    0 !important;

  width:
    68px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      #315f7a,
      rgba(49, 95, 122, 0)
    ) !important;
}


/* =========================================================
   TABLE
========================================================= */

.job-table {
  width:
    100% !important;

  margin:
    0 !important;

  border-collapse:
    collapse !important;

  border-top:
    1px solid rgba(49, 95, 122, 0.16) !important;
}


.job-table th,
.job-table td {
  padding:
    17px 0 !important;

  border-bottom:
    1px solid rgba(49, 95, 122, 0.14) !important;

  vertical-align:
    top !important;

  text-align:
    left !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    15px !important;

  line-height:
    1.9 !important;

  letter-spacing:
    0.035em !important;
}


/* =========================================================
   TH
========================================================= */

.job-table th {
  width:
    120px !important;

  padding-right:
    24px !important;

  color:
    #315f7a !important;

  font-weight:
    600 !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   TD
========================================================= */

.job-table td {
  color:
    #423d38 !important;

  font-weight:
    400 !important;
}


/* =========================================================
   SALARY
========================================================= */

.job-salary {
  display:
    block !important;

  color:
    #244b62 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    17px !important;

  font-weight:
    600 !important;

  line-height:
    1.7 !important;

  letter-spacing:
    0.045em !important;
}


/* =========================================================
   NOTE
========================================================= */

.job-note {
  display:
    block !important;

  margin-top:
    4px !important;

  color:
    #6d6761 !important;

  font-size:
    13px !important;

  font-weight:
    400 !important;

  line-height:
    1.9 !important;

  letter-spacing:
    0.03em !important;
}


/* =========================================================
   APPLY BUTTON
   ボタンを使う場合用
========================================================= */

.btn-job-apply {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  min-width:
    200px !important;

  min-height:
    50px !important;

  margin-top:
    30px !important;

  padding:
    0 34px !important;

  background:
    #315f7a !important;

  border:
    1px solid #315f7a !important;

  border-radius:
    0 !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    13px !important;

  font-weight:
    500 !important;

  letter-spacing:
    0.08em !important;

  text-decoration:
    none !important;

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease !important;
}


.btn-job-apply:hover {
  background:
    #23485e !important;

  border-color:
    #23485e !important;

  color:
    #ffffff !important;

  transform:
    translateY(-2px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .job-list-section {
    padding:
      90px 5% 100px !important;
  }


  .job-card-body {
    grid-template-columns:
      minmax(280px, 0.9fr)
      minmax(0, 1.1fr) !important;

    gap:
      40px !important;

    padding:
      42px !important;
  }


  .job-table th {
    width:
      105px !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .job-list-section {
    padding:
      74px 22px 86px !important;
  }


  .job-section-header {
    margin-bottom:
      42px !important;
  }


  .job-eyebrow {
    font-size:
      13px !important;
  }


  .job-eyebrow::before,
  .job-eyebrow::after {
    width:
      28px !important;
  }


  .job-main-title {
    margin-bottom:
      20px !important;

    padding-bottom:
      20px !important;

    font-size:
      clamp(1.7rem, 7vw, 2.15rem) !important;
  }


  .job-main-title::after {
    width:
      68px !important;
  }


  .job-sub-text {
    font-size:
      14px !important;

    line-height:
      1.95 !important;
  }


  /* CARD */
  .job-card-body {
    grid-template-columns:
      1fr !important;

    gap:
      40px !important;

    padding:
      34px 26px !important;
  }


  /* IMAGE */
  .job-img-box {
    aspect-ratio:
      4 / 3 !important;
  }


  .job-img-box::before {
    top:
      -10px !important;

    left:
      -10px !important;
  }


  .job-img-box::after {
    right:
      -5px !important;

    bottom:
      -5px !important;
  }


  /* TITLE */
  .job-title {
    margin-bottom:
      24px !important;

    font-size:
      1.55rem !important;
  }


  /* TABLE */
  .job-table th,
  .job-table td {
    display:
      block !important;

    width:
      100% !important;

    font-size:
      14px !important;
  }


  .job-table tr {
    display:
      block !important;

    padding:
      15px 0 !important;

    border-bottom:
      1px solid rgba(49, 95, 122, 0.14) !important;
  }


  .job-table th {
    padding:
      0 0 5px !important;

    border-bottom:
      0 !important;

    color:
      #315f7a !important;
  }


  .job-table td {
    padding:
      0 !important;

    border-bottom:
      0 !important;
  }


  .job-salary {
    font-size:
      16px !important;
  }


  .job-note {
    font-size:
      13px !important;
  }


  .btn-job-apply {
    width:
      auto !important;

    min-width:
      185px !important;
  }

}


/* =========================================================
   Page: news / NEWS｜立川のラウンジ LOUNGE SKY CASTLE｜立川駅北口徒歩5分
========================================================= */

/* Block: news_list_grid / sec_1782114338501 */
/* =========================================================
   news_list_grid に貼るCSS
========================================================= */
.news-list-grid-section, .news-list-grid-section * {
  box-sizing: border-box !important;
}
/* =========================================================
   SECTION
   BODY背景をそのまま見せる
========================================================= */
.news-list-grid-section {
  position: relative !important;
  width: 100% !important;
  padding:
    110px 5% 120px !important;
  background:
    transparent !important;
  color:
    #201d1a !important;
  overflow:
    hidden !important;
}
/* =========================================================
   HEADER
========================================================= */
.news-section-header {
  width:
    min(100%, 820px) !important;
  margin:
    0 auto 58px !important;
  text-align:
    center !important;
}
/* =========================================================
   MAIN TITLE
========================================================= */
.news-main-title {
  position:
    relative !important;
  margin:
    0 0 24px !important;
  padding:
    0 0 24px !important;
  color:
    #1d1a18 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(2rem, 4vw, 3rem) !important;
  font-weight:
    600 !important;
  line-height:
    1.45 !important;
  letter-spacing:
    0.12em !important;
}
/* タイトル下ライン */
.news-main-title::after {
  content:
    "" !important;
  position:
    absolute !important;
  left:
    50% !important;
  bottom:
    0 !important;
  width:
    88px !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, transparent 0%, #315f7a 18%, #7a9caf 50%, #315f7a 82%, transparent 100%) !important;
  transform:
    translateX(-50%) !important;
}
/* =========================================================
   SUB TEXT
========================================================= */
.news-sub-text {
  margin:
    0 !important;
  color:
    #4b4641 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    15px !important;
  font-weight:
    400 !important;
  line-height:
    2 !important;
  letter-spacing:
    0.05em !important;
}
/* =========================================================
   GRID
========================================================= */
.nlg-grid {
  width:
    min(100%, 1180px) !important;
  max-width:
    1180px !important;
  margin:
    0 auto !important;
  display:
    flex !important;
  flex-direction:
    column !important;
  gap:
    22px !important;
}
/* =========================================================
   CARD
========================================================= */
.nlg-card {
  position:
    relative !important;
  display:
    grid !important;
  grid-template-columns:
    minmax(300px, 38%) minmax(0, 1fr) !important;
  overflow:
    hidden !important;
  background:
    rgba(255, 255, 255, 0.78) !important;
  border:
    1px solid rgba(49, 95, 122, 0.20) !important;
  border-radius:
    0 !important;
  box-shadow:
    0 20px 46px rgba(27, 23, 19, 0.09) !important;
  color:
    #201d1a !important;
  text-decoration:
    none !important;
  transform:
    none !important;
  backdrop-filter:
    blur(4px) !important;
  -webkit-backdrop-filter:
    blur(4px) !important;
  transition:
    border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease !important;
}
/* 左アクセントライン */
.nlg-card::before {
  content:
    "" !important;
  position:
    absolute !important;
  top:
    0 !important;
  left:
    0 !important;
  z-index:
    3 !important;
  width:
    3px !important;
  height:
    100% !important;
  background:
    linear-gradient(to bottom, #315f7a, #789caf) !important;
}
/* ゴールド補助装飾 */
.nlg-card::after {
  content:
    "" !important;
  position:
    absolute !important;
  right:
    14px !important;
  bottom:
    14px !important;
  z-index:
    2 !important;
  width:
    48px !important;
  height:
    48px !important;
  border-right:
    1px solid rgba(159, 126, 67, 0.28) !important;
  border-bottom:
    1px solid rgba(159, 126, 67, 0.28) !important;
  pointer-events:
    none !important;
}
/* hover */
a.nlg-card:hover {
  border-color:
    rgba(49, 95, 122, 0.52) !important;
  box-shadow:
    0 26px 58px rgba(30, 52, 65, 0.14) !important;
  transform:
    translateY(-2px) !important;
}
/* =========================================================
   IMAGE
========================================================= */
.nlg-img, .nlg-no-img {
  min-height:
    250px !important;
  background:
    #0d1114 !important;
  border-right:
    1px solid rgba(49, 95, 122, 0.16) !important;
  border-radius:
    0 !important;
}
.nlg-img {
  position:
    relative !important;
  aspect-ratio:
    auto !important;
  overflow:
    hidden !important;
}
/* 薄いブルーオーバーレイ */
.nlg-img::after {
  content:
    "" !important;
  position:
    absolute !important;
  inset:
    0 !important;
  z-index:
    1 !important;
  background:
    linear-gradient(135deg, rgba(20, 45, 60, 0.08), rgba(7, 9, 11, 0.10)) !important;
  pointer-events:
    none !important;
}
.nlg-img img {
  position:
    absolute !important;
  inset:
    0 !important;
  width:
    100% !important;
  height:
    100% !important;
  object-fit:
    cover !important;
  filter:
    brightness(0.94) contrast(1.03) saturate(0.92) !important;
  transition:
    transform 0.8s cubic-bezier(.25, 1, .5, 1), filter 0.8s ease !important;
}
.nlg-card:hover .nlg-img img {
  transform:
    scale(1.025) !important;
  filter:
    brightness(0.98) contrast(1.04) saturate(0.98) !important;
}
/* =========================================================
   NO IMAGE
========================================================= */
.nlg-no-img {
  display:
    flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  color:
    #6f94aa !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", serif !important;
  font-size:
    13px !important;
  letter-spacing:
    0.12em !important;
}
/* =========================================================
   BODY
========================================================= */
.nlg-body {
  position:
    relative !important;
  min-width:
    0 !important;
  padding:
    42px 46px !important;
  display:
    flex !important;
  flex-direction:
    column !important;
  justify-content:
    center !important;
}
/* =========================================================
   META
========================================================= */
.nlg-meta {
  margin-bottom:
    14px !important;
}
/* =========================================================
   DATE
========================================================= */
.nlg-date {
  display:
    inline-flex !important;
  align-items:
    center !important;
  padding:
    0 !important;
  background:
    transparent !important;
  border:
    0 !important;
  border-radius:
    0 !important;
  color:
    #315f7a !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    13px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.08em !important;
}
/* =========================================================
   TITLE
========================================================= */
.nlg-title {
  position:
    relative !important;
  margin:
    0 !important;
  padding:
    0 0 20px !important;
  color:
    #26211e !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(1.1rem, 2vw, 1.35rem) !important;
  font-weight:
    600 !important;
  line-height:
    1.75 !important;
  letter-spacing:
    0.055em !important;
  transition:
    color 0.3s ease !important;
}
/* タイトル下の短い線 */
.nlg-title::after {
  content:
    "" !important;
  position:
    absolute !important;
  left:
    0 !important;
  bottom:
    0 !important;
  width:
    48px !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, #315f7a, rgba(49, 95, 122, 0)) !important;
  transition:
    width 0.35s ease !important;
}
.nlg-card:hover .nlg-title {
  color:
    #315f7a !important;
}
.nlg-card:hover .nlg-title::after {
  width:
    72px !important;
}
/* =========================================================
   PAGINATION
========================================================= */
.pagination {
  margin-top:
    54px !important;
  display:
    flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  flex-wrap:
    wrap !important;
  gap:
    8px !important;
}
/* =========================================================
   PAGE BUTTON
========================================================= */
.page-btn {
  display:
    inline-flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  min-width:
    42px !important;
  height:
    42px !important;
  padding:
    0 10px !important;
  background:
    rgba(255, 255, 255, 0.64) !important;
  border:
    1px solid rgba(49, 95, 122, 0.26) !important;
  border-radius:
    0 !important;
  color:
    #315f7a !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", serif !important;
  font-size:
    12px !important;
  font-weight:
    500 !important;
  text-decoration:
    none !important;
  transition:
    background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}
.page-btn.active, .page-btn:hover {
  background:
    #315f7a !important;
  border-color:
    #315f7a !important;
  color:
    #ffffff !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .news-list-grid-section {
    padding:
      90px 5% 100px !important;
  }
  .nlg-grid {
    gap:
      20px !important;
  }
  .nlg-card {
    grid-template-columns:
      minmax(260px, 36%) minmax(0, 1fr) !important;
  }
  .nlg-img, .nlg-no-img {
    min-height:
      230px !important;
  }
  .nlg-body {
    padding:
      34px !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .news-list-grid-section {
    padding:
      74px 22px 86px !important;
  }
  .news-section-header {
    margin-bottom:
      42px !important;
  }
  .news-main-title {
    margin-bottom:
      20px !important;
    padding-bottom:
      20px !important;
    font-size:
      clamp(1.7rem, 7vw, 2.15rem) !important;
  }
  .news-main-title::after {
    width:
      68px !important;
  }
  .news-sub-text {
    font-size:
      14px !important;
    line-height:
      1.95 !important;
  }
  /* CARD */
  .nlg-card {
    grid-template-columns:
      1fr !important;
  }
  .nlg-card::before {
    width:
      100% !important;
    height:
      3px !important;
  }
  .nlg-card::after {
    right:
      10px !important;
    bottom:
      10px !important;
    width:
      38px !important;
    height:
      38px !important;
  }
  /* IMAGE */
  .nlg-img, .nlg-no-img {
    min-height:
      auto !important;
    aspect-ratio:
      16 / 10 !important;
    border-right:
      0 !important;
    border-bottom:
      1px solid rgba(49, 95, 122, 0.16) !important;
  }
  /* BODY */
  .nlg-body {
    padding:
      28px 24px 30px !important;
  }
  .nlg-meta {
    margin-bottom:
      10px !important;
  }
  .nlg-date {
    font-size:
      12px !important;
  }
  .nlg-title {
    padding-bottom:
      18px !important;
    font-size:
      16px !important;
    line-height:
      1.75 !important;
  }
  /* PAGINATION */
  .pagination {
    margin-top:
      42px !important;
  }
  .page-btn {
    min-width:
      40px !important;
    height:
      40px !important;
  }
}
/* =========================================================
   SMALL SMARTPHONE
========================================================= */
@media (max-width: 480px) {
  .news-list-grid-section {
    padding:
      66px 18px 80px !important;
  }
  .nlg-grid {
    gap:
      16px !important;
  }
  .nlg-body {
    padding:
      24px 20px 26px !important;
  }
  .nlg-title {
    font-size:
      15px !important;
  }
}


/* =========================================================
   Page: news_detail / NEWS_DETAIL ページ
========================================================= */

/* Block: news_article_body / sec_1782114380582 */
/* =========================================================
   news_article_body に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */
.news-article-body-section, .news-article-body-section * {
  box-sizing: border-box !important;
}
/* =========================================================
   SECTION
   BODY背景をそのまま見せる
========================================================= */
.news-article-body-section {
  position: relative !important;
  width: 100% !important;
  padding:
    110px 5% 120px !important;
  background:
    transparent !important;
  color:
    #201d1a !important;
  overflow:
    hidden !important;
}
/* =========================================================
   CONTAINER
========================================================= */
.nab-container {
  position: relative !important;
  width:
    min(100%, 980px) !important;
  max-width:
    980px !important;
  margin:
    0 auto !important;
  padding:
    60px 64px !important;
  overflow:
    hidden !important;
  background:
    rgba(255, 255, 255, 0.80) !important;
  border:
    1px solid rgba(49, 95, 122, 0.22) !important;
  border-radius:
    0 !important;
  box-shadow:
    0 26px 60px rgba(27, 23, 19, 0.10) !important;
  color:
    #201d1a !important;
  backdrop-filter:
    blur(5px) !important;
  -webkit-backdrop-filter:
    blur(5px) !important;
}
/* 内側の細いブルー枠 */
.nab-container::before {
  content:
    "" !important;
  position:
    absolute !important;
  inset:
    12px !important;
  z-index:
    0 !important;
  border:
    1px solid rgba(49, 95, 122, 0.10) !important;
  pointer-events:
    none !important;
}
/* 右下のゴールド補助装飾 */
.nab-container::after {
  content:
    "" !important;
  position:
    absolute !important;
  right:
    20px !important;
  bottom:
    20px !important;
  z-index:
    1 !important;
  width:
    70px !important;
  height:
    70px !important;
  border-right:
    1px solid rgba(159, 126, 67, 0.28) !important;
  border-bottom:
    1px solid rgba(159, 126, 67, 0.28) !important;
  pointer-events:
    none !important;
}
/* =========================================================
   HEADER
========================================================= */
.nab-header {
  position: relative !important;
  z-index: 2 !important;
  margin:
    0 0 40px !important;
  padding:
    0 0 32px !important;
  border-bottom:
    1px solid rgba(49, 95, 122, 0.18) !important;
}
/* =========================================================
   META
========================================================= */
.nab-meta {
  margin:
    0 0 16px !important;
}
/* =========================================================
   DATE
========================================================= */
.nab-date {
  color:
    #315f7a !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    13px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.08em !important;
}
/* =========================================================
   TITLE
========================================================= */
.nab-title {
  position: relative !important;
  margin:
    0 !important;
  padding:
    0 0 22px !important;
  color:
    #1d1a18 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight:
    600 !important;
  line-height:
    1.55 !important;
  letter-spacing:
    0.07em !important;
}
/* タイトル下ライン */
.nab-title::after {
  content:
    "" !important;
  position:
    absolute !important;
  left:
    0 !important;
  bottom:
    0 !important;
  width:
    76px !important;
  height:
    1px !important;
  background:
    linear-gradient(90deg, #315f7a, #789caf 55%, rgba(120, 156, 175, 0) 100%) !important;
}
/* =========================================================
   MAIN IMAGE
========================================================= */
.nab-main-img-box {
  position: relative !important;
  z-index: 2 !important;
  width:
    100% !important;
  margin:
    0 0 46px !important;
  aspect-ratio:
    16 / 9 !important;
  overflow:
    hidden !important;
  background:
    #0e1215 !important;
  border:
    1px solid rgba(49, 95, 122, 0.18) !important;
  border-radius:
    0 !important;
  box-shadow:
    0 20px 46px rgba(27, 23, 19, 0.12) !important;
}
/* ごく薄いブルーオーバーレイ */
.nab-main-img-box::after {
  content:
    "" !important;
  position:
    absolute !important;
  inset:
    0 !important;
  z-index:
    2 !important;
  background:
    linear-gradient(135deg, rgba(49, 95, 122, 0.07), rgba(8, 10, 12, 0.05)) !important;
  pointer-events:
    none !important;
}
.nab-main-img-box img {
  position:
    relative !important;
  z-index:
    1 !important;
  display:
    block !important;
  width:
    100% !important;
  height:
    100% !important;
  object-fit:
    cover !important;
  object-position:
    center !important;
  filter:
    brightness(0.96) contrast(1.03) saturate(0.94) !important;
  transition:
    transform 0.8s cubic-bezier(.25, 1, .5, 1), filter 0.8s ease !important;
}
.nab-main-img-box:hover img {
  transform:
    scale(1.015) !important;
  filter:
    brightness(0.99) contrast(1.04) saturate(0.99) !important;
}
/* =========================================================
   BODY TEXT
========================================================= */
.nab-body-text {
  position: relative !important;
  z-index: 2 !important;
  color:
    #403b37 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size:
    16px !important;
  font-weight:
    400 !important;
  line-height:
    2.2 !important;
  letter-spacing:
    0.045em !important;
  overflow-wrap:
    anywhere !important;
}
/* =========================================================
   PARAGRAPH
========================================================= */
.nab-body-text p {
  margin:
    0 0 1.8em !important;
}
.nab-body-text p:last-child {
  margin-bottom:
    0 !important;
}
/* =========================================================
   HEADINGS
   記事本文内の見出し対応
========================================================= */
.nab-body-text h2, .nab-body-text h3, .nab-body-text h4 {
  position:
    relative !important;
  color:
    #1f1b18 !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-weight:
    600 !important;
  letter-spacing:
    0.06em !important;
}
.nab-body-text h2 {
  margin:
    2.4em 0 1em !important;
  padding:
    0 0 14px 16px !important;
  border-left:
    3px solid #315f7a !important;
  border-bottom:
    1px solid rgba(49, 95, 122, 0.16) !important;
  font-size:
    1.45rem !important;
  line-height:
    1.6 !important;
}
.nab-body-text h3 {
  margin:
    2em 0 0.9em !important;
  padding-left:
    14px !important;
  border-left:
    2px solid rgba(49, 95, 122, 0.70) !important;
  font-size:
    1.2rem !important;
  line-height:
    1.7 !important;
}
.nab-body-text h4 {
  margin:
    1.8em 0 0.8em !important;
  color:
    #315f7a !important;
  font-size:
    1.05rem !important;
}
/* =========================================================
   LINK
========================================================= */
.nab-body-text a {
  color:
    #315f7a !important;
  border-bottom:
    1px solid rgba(49, 95, 122, 0.32) !important;
  text-decoration:
    none !important;
  transition:
    color 0.3s ease, border-color 0.3s ease !important;
}
.nab-body-text a:hover {
  color:
    #23485e !important;
  border-color:
    #23485e !important;
}
/* =========================================================
   STRONG
========================================================= */
.nab-body-text strong {
  color:
    #244b62 !important;
  font-weight:
    600 !important;
}
/* =========================================================
   LIST
========================================================= */
.nab-body-text ul, .nab-body-text ol {
  margin:
    1.4em 0 1.8em !important;
  padding-left:
    1.7em !important;
}
.nab-body-text li {
  margin:
    0.4em 0 !important;
}
/* =========================================================
   BLOCKQUOTE
========================================================= */
.nab-body-text blockquote {
  margin:
    2em 0 !important;
  padding:
    22px 26px !important;
  background:
    rgba(49, 95, 122, 0.055) !important;
  border-left:
    3px solid #315f7a !important;
  color:
    #504a45 !important;
}
/* =========================================================
   FOOTER NAV
========================================================= */
.nab-footer-nav {
  position: relative !important;
  z-index: 2 !important;
  margin-top:
    56px !important;
  padding-top:
    30px !important;
  border-top:
    1px solid rgba(49, 95, 122, 0.18) !important;
  text-align:
    center !important;
}
/* =========================================================
   BACK BUTTON
========================================================= */
.btn-nab-back {
  display:
    inline-flex !important;
  align-items:
    center !important;
  justify-content:
    center !important;
  gap:
    10px !important;
  min-width:
    200px !important;
  min-height:
    50px !important;
  padding:
    0 34px !important;
  background:
    #315f7a !important;
  border:
    1px solid #315f7a !important;
  border-radius:
    0 !important;
  box-shadow:
    none !important;
  color:
    #ffffff !important;
  font-family:
    "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size:
    13px !important;
  font-weight:
    500 !important;
  line-height:
    1.4 !important;
  letter-spacing:
    0.08em !important;
  text-decoration:
    none !important;
  transition:
    background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;
}
.btn-nab-back:hover {
  background:
    #23485e !important;
  border-color:
    #23485e !important;
  color:
    #ffffff !important;
  transform:
    translateY(-2px) !important;
  box-shadow:
    none !important;
}
/* =========================================================
   TABLET
========================================================= */
@media (max-width: 900px) {
  .news-article-body-section {
    padding:
      90px 5% 100px !important;
  }
  .nab-container {
    padding:
      48px 44px !important;
  }
}
/* =========================================================
   SMARTPHONE
========================================================= */
@media (max-width: 768px) {
  .news-article-body-section {
    padding:
      74px 22px 86px !important;
  }
  .nab-container {
    width:
      100% !important;
    padding:
      36px 26px !important;
  }
  .nab-container::before {
    inset:
      8px !important;
  }
  .nab-container::after {
    right:
      12px !important;
    bottom:
      12px !important;
    width:
      46px !important;
    height:
      46px !important;
  }
  /* HEADER */
  .nab-header {
    margin-bottom:
      30px !important;
    padding-bottom:
      26px !important;
  }
  .nab-date {
    font-size:
      12px !important;
  }
  .nab-title {
    padding-bottom:
      18px !important;
    font-size:
      clamp(1.55rem, 7vw, 2rem) !important;
    line-height:
      1.6 !important;
    letter-spacing:
      0.05em !important;
  }
  .nab-title::after {
    width:
      60px !important;
  }
  /* IMAGE */
  .nab-main-img-box {
    margin-bottom:
      32px !important;
    aspect-ratio:
      4 / 3 !important;
  }
  /* BODY */
  .nab-body-text {
    font-size:
      14px !important;
    line-height:
      2.05 !important;
    letter-spacing:
      0.03em !important;
  }
  .nab-body-text h2 {
    font-size:
      1.25rem !important;
  }
  .nab-body-text h3 {
    font-size:
      1.1rem !important;
  }
  /* FOOTER NAV */
  .nab-footer-nav {
    margin-top:
      42px !important;
    padding-top:
      24px !important;
  }
  .btn-nab-back {
    width:
      auto !important;
    min-width:
      185px !important;
    min-height:
      48px !important;
    padding:
      0 28px !important;
    font-size:
      12px !important;
  }
}
/* =========================================================
   SMALL SMARTPHONE
========================================================= */
@media (max-width: 480px) {
  .news-article-body-section {
    padding:
      66px 18px 80px !important;
  }
  .nab-container {
    padding:
      30px 22px !important;
  }
  .nab-title {
    font-size:
      clamp(1.45rem, 7.5vw, 1.85rem) !important;
  }
  .nab-body-text {
    font-size:
      13.5px !important;
  }
}


/* =========================================================
   Page: concept / CONCEPT｜立川のラウンジ LOUNGE SKY CASTLE｜立川駅北口徒歩5分
========================================================= */

/* Block: hero_page / sec_1787965422713 */
/* =========================================================
   hero_page に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */

.page-hero-wrapper,
.page-hero-wrapper * {
  box-sizing: border-box !important;
}


/* =========================================================
   WRAPPER
========================================================= */

.page-hero-wrapper {
  position: relative !important;

  min-height: 360px !important;

  padding: 165px 5% 88px !important;

  overflow: hidden !important;

  background-color: transparent !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  color: #ffffff !important;

  text-align: center !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  isolation: isolate !important;
}


/* =========================================================
   OVERLAY 01
   深いブルーをほんのり加える
========================================================= */

.page-hero-wrapper::before {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  display: block !important;

  background:
    radial-gradient(
      ellipse at 72% 12%,
      rgba(49, 95, 122, 0.20) 0%,
      rgba(49, 95, 122, 0.08) 30%,
      transparent 58%
    ),
    linear-gradient(
      90deg,
      rgba(4, 6, 8, 0.32) 0%,
      rgba(4, 6, 8, 0.08) 28%,
      rgba(4, 6, 8, 0.08) 72%,
      rgba(4, 6, 8, 0.32) 100%
    ) !important;

  pointer-events: none !important;
}


/* =========================================================
   OVERLAY 02
   下部を締めてタイトルを見やすく
========================================================= */

.page-hero-wrapper::after,
.ph-overlay {
  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 0 !important;

  display: block !important;

  background:
    linear-gradient(
      to bottom,
      rgba(5, 7, 9, 0.18) 0%,
      rgba(5, 7, 9, 0.32) 52%,
      rgba(5, 7, 9, 0.68) 100%
    ) !important;

  pointer-events: none !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.ph-container {
  position: relative !important;

  z-index: 2 !important;

  width: min(100%, 900px) !important;
  max-width: 900px !important;

  margin: 0 auto !important;

  padding: 0 20px !important;
}


/* =========================================================
   TITLE
========================================================= */

.ph-title {
  position: relative !important;

  display: inline-block !important;

  margin: 0 !important;

  padding: 0 0 26px !important;

  border: 0 !important;

  background: none !important;

  color: #f5f2ec !important;

  -webkit-background-clip: initial !important;
  background-clip: initial !important;

  -webkit-text-fill-color: currentColor !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;

  font-size:
    clamp(2.3rem, 5vw, 4rem) !important;

  font-weight: 500 !important;

  line-height: 1.35 !important;

  letter-spacing: 0.14em !important;

  text-transform: none !important;

  text-shadow:
    0 3px 22px rgba(0, 0, 0, 0.42) !important;

  animation: none !important;
}


/* =========================================================
   TITLE LINE
========================================================= */

.ph-title::after {
  content: "" !important;

  display: block !important;

  width: 92px !important;
  height: 1px !important;

  margin: 24px auto 0 !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #315f7a 18%,
      #7da0b4 50%,
      #315f7a 82%,
      transparent 100%
    ) !important;

  -webkit-background-clip: initial !important;
  background-clip: initial !important;

  -webkit-text-fill-color: initial !important;
}


/* =========================================================
   TITLE LINE 補助装飾
   ごく薄いゴールド
========================================================= */

.ph-container::after {
  content: "" !important;

  display: block !important;

  width: 34px !important;
  height: 1px !important;

  margin: 7px auto 0 !important;

  background:
    rgba(168, 137, 77, 0.48) !important;
}


/* =========================================================
   DESCRIPTION
   詳細文も明朝
========================================================= */

.ph-desc {
  max-width: 680px !important;

  margin:
    22px auto 0 !important;

  padding:
    0 !important;

  color:
    rgba(255, 255, 255, 0.78) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;

  font-size:
    15px !important;

  font-weight:
    400 !important;

  line-height:
    2.05 !important;

  letter-spacing:
    0.07em !important;

  text-transform:
    none !important;

  text-shadow:
    0 2px 14px rgba(0, 0, 0, 0.32) !important;
}


/* =========================================================
   既存シマーアニメーションを無効化
========================================================= */

@keyframes titleShimmer {
  0% {
    background-position: center;
  }

  100% {
    background-position: center;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .page-hero-wrapper {
    min-height:
      330px !important;

    padding:
      150px 5% 76px !important;
  }


  .ph-title {
    font-size:
      clamp(2rem, 6vw, 3.2rem) !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .page-hero-wrapper {
    min-height:
      300px !important;

    padding:
      125px 22px 62px !important;

    background-position:
      center center !important;
  }


  /* スマホでは暗くしすぎない */
  .page-hero-wrapper::before {
    background:
      radial-gradient(
        ellipse at 76% 14%,
        rgba(49, 95, 122, 0.17),
        transparent 52%
      ),
      linear-gradient(
        90deg,
        rgba(5, 7, 9, 0.18),
        transparent 28%,
        transparent 72%,
        rgba(5, 7, 9, 0.18)
      ) !important;
  }


  .page-hero-wrapper::after,
  .ph-overlay {
    background:
      linear-gradient(
        to bottom,
        rgba(5, 7, 9, 0.18) 0%,
        rgba(5, 7, 9, 0.28) 50%,
        rgba(5, 7, 9, 0.62) 100%
      ) !important;
  }


  .ph-container {
    width:
      100% !important;

    padding:
      0 !important;
  }


  /* TITLE */
  .ph-title {
    padding-bottom:
      21px !important;

    font-size:
      clamp(1.9rem, 8.5vw, 2.6rem) !important;

    line-height:
      1.4 !important;

    letter-spacing:
      0.10em !important;
  }


  .ph-title::after {
    width:
      70px !important;

    margin-top:
      20px !important;
  }


  .ph-container::after {
    width:
      28px !important;
  }


  /* DESCRIPTION */
  .ph-desc {
    margin-top:
      18px !important;

    font-size:
      13px !important;

    line-height:
      1.95 !important;

    letter-spacing:
      0.045em !important;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 480px) {

  .page-hero-wrapper {
    min-height:
      280px !important;

    padding:
      118px 18px 54px !important;
  }


  .ph-title {
    font-size:
      clamp(1.75rem, 9vw, 2.25rem) !important;

    letter-spacing:
      0.08em !important;
  }


  .ph-desc {
    font-size:
      12.5px !important;
  }

}


/* =========================================================
   Page: access / ACCESS｜立川のラウンジ LOUNGE SKY CASTLE｜立川駅北口徒歩5分
========================================================= */

/* Block: custom_html / sec_1787966284450 */
/* =========================================================
   STORE OVERVIEW
   店舗概要セクション

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */

.store-overview-section,
.store-overview-section * {
  box-sizing: border-box !important;
}


/* =========================================================
   SECTION
   BODY背景をそのまま使用
========================================================= */

.store-overview-section {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;

  margin: 0 !important;

  padding:
    110px 5% !important;

  background:
    transparent !important;

  color:
    #201d1a !important;

  overflow:
    hidden !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.store-overview-container {
  position: relative !important;

  width:
    min(100%, 1280px) !important;

  margin:
    0 auto !important;

  display:
    grid !important;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(0, 1.05fr) !important;

  gap:
    clamp(60px, 7vw, 100px) !important;

  align-items:
    center !important;
}


/* =========================================================
   CONTENT
========================================================= */

.store-overview-content {
  position:
    relative !important;

  min-width:
    0 !important;

  padding:
    10px 0 !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.store-overview-eyebrow {
  display:
    flex !important;

  align-items:
    center !important;

  width:
    fit-content !important;

  gap:
    16px !important;

  margin:
    0 0 18px !important;

  color:
    #315f7a !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    14px !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  letter-spacing:
    0.14em !important;
}


.store-overview-eyebrow::after {
  content:
    "" !important;

  display:
    block !important;

  width:
    54px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      #315f7a,
      rgba(49, 95, 122, 0)
    ) !important;
}


/* =========================================================
   TITLE
========================================================= */

.store-overview-title {
  position:
    relative !important;

  margin:
    0 0 38px !important;

  padding:
    0 0 24px !important;

  color:
    #1d1a18 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    clamp(2rem, 3vw, 2.7rem) !important;

  font-weight:
    600 !important;

  line-height:
    1.5 !important;

  letter-spacing:
    0.10em !important;
}


.store-overview-title::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    0 !important;

  bottom:
    0 !important;

  width:
    88px !important;

  height:
    1px !important;

  background:
    linear-gradient(
      90deg,
      #315f7a 0%,
      #7294a8 56%,
      rgba(114, 148, 168, 0) 100%
    ) !important;
}


/* =========================================================
   INFORMATION LIST
========================================================= */

.store-overview-list {
  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border-top:
    1px solid rgba(49, 95, 122, 0.18) !important;
}


/* =========================================================
   ROW
========================================================= */

.store-overview-row {
  display:
    grid !important;

  grid-template-columns:
    130px minmax(0, 1fr) !important;

  gap:
    26px !important;

  align-items:
    start !important;

  margin:
    0 !important;

  padding:
    18px 0 !important;

  border-bottom:
    1px solid rgba(49, 95, 122, 0.15) !important;
}


/* =========================================================
   DT
========================================================= */

.store-overview-row dt {
  margin:
    0 !important;

  color:
    #315f7a !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    14px !important;

  font-weight:
    600 !important;

  line-height:
    1.8 !important;

  letter-spacing:
    0.08em !important;

  white-space:
    nowrap !important;
}


/* =========================================================
   DD
========================================================= */

.store-overview-row dd {
  margin:
    0 !important;

  color:
    #403b37 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    15px !important;

  font-weight:
    400 !important;

  line-height:
    1.9 !important;

  letter-spacing:
    0.035em !important;
}


/* =========================================================
   TEL
========================================================= */

.store-overview-row a[href^="tel"] {
  color:
    #294f66 !important;

  font-family:
    inherit !important;

  font-size:
    16px !important;

  font-weight:
    600 !important;

  letter-spacing:
    0.07em !important;

  text-decoration:
    none !important;

  transition:
    color 0.3s ease !important;
}


.store-overview-row a[href^="tel"]:hover {
  color:
    #17394d !important;
}


/* =========================================================
   IMAGE
========================================================= */

.store-overview-image {
  position:
    relative !important;

  width:
    100% !important;

  aspect-ratio:
    4 / 3 !important;

  overflow:
    visible !important;
}


/* ブルーのずらし枠 */
.store-overview-image::before {
  content:
    "" !important;

  position:
    absolute !important;

  top:
    -16px !important;

  right:
    -16px !important;

  width:
    100% !important;

  height:
    100% !important;

  z-index:
    -1 !important;

  border:
    1px solid rgba(49, 95, 122, 0.52) !important;

  pointer-events:
    none !important;
}


/* ゴールドの控えめな補助装飾 */
.store-overview-image::after {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    -8px !important;

  bottom:
    -8px !important;

  z-index:
    0 !important;

  width:
    34% !important;

  height:
    34% !important;

  border-left:
    1px solid rgba(159, 126, 67, 0.40) !important;

  border-bottom:
    1px solid rgba(159, 126, 67, 0.40) !important;

  pointer-events:
    none !important;
}


/* =========================================================
   IMAGE本体
========================================================= */

.store-overview-image img {
  position:
    relative !important;

  z-index:
    1 !important;

  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    0 24px 55px rgba(27, 23, 19, 0.18) !important;

  filter:
    contrast(1.03)
    saturate(0.94)
    brightness(0.98) !important;

  transition:
    transform 0.7s cubic-bezier(.25, 1, .5, 1),
    filter 0.7s ease !important;
}


.store-overview-image:hover img {
  transform:
    scale(1.012) !important;

  filter:
    contrast(1.04)
    saturate(0.99)
    brightness(1) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .store-overview-section {
    padding:
      90px 6% !important;
  }


  .store-overview-container {
    gap:
      48px !important;
  }


  .store-overview-row {
    grid-template-columns:
      110px minmax(0, 1fr) !important;

    gap:
      20px !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .store-overview-section {
    padding:
      74px 22px !important;
  }


  .store-overview-container {
    display:
      flex !important;

    flex-direction:
      column !important;

    gap:
      42px !important;
  }


  /* 画像を先に */
  .store-overview-image {
    order:
      1 !important;

    width:
      100% !important;

    aspect-ratio:
      4 / 3 !important;
  }


  .store-overview-content {
    order:
      2 !important;

    width:
      100% !important;

    padding:
      0 !important;
  }


  /* 画像装飾 */
  .store-overview-image::before {
    top:
      -10px !important;

    right:
      -10px !important;
  }


  .store-overview-image::after {
    left:
      -5px !important;

    bottom:
      -5px !important;
  }


  /* Eyebrow */
  .store-overview-eyebrow {
    margin-bottom:
      15px !important;

    font-size:
      13px !important;
  }


  .store-overview-eyebrow::after {
    width:
      40px !important;
  }


  /* Title */
  .store-overview-title {
    margin-bottom:
      30px !important;

    padding-bottom:
      20px !important;

    font-size:
      clamp(1.7rem, 7vw, 2.05rem) !important;
  }


  .store-overview-title::after {
    width:
      68px !important;
  }


  /* Information */
  .store-overview-row {
    grid-template-columns:
      92px minmax(0, 1fr) !important;

    gap:
      16px !important;

    padding:
      16px 0 !important;
  }


  .store-overview-row dt {
    font-size:
      13px !important;
  }


  .store-overview-row dd {
    font-size:
      14px !important;

    line-height:
      1.85 !important;
  }


  .store-overview-row a[href^="tel"] {
    font-size:
      15px !important;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 480px) {

  .store-overview-row {
    display:
      block !important;
  }


  .store-overview-row dt {
    margin-bottom:
      5px !important;
  }


  .store-overview-row dd {
    width:
      100% !important;
  }

}


/* =========================================================
   Page: footer / FOOTER ページ
========================================================= */

/* Block: global_footer / sec_1782112173284 */
/* =========================================================
   global_footer に貼るCSS

   Luxury / Mature / Japanese Modern
   Point Color : Deep Blue
   Title       : Mincho
   Body        : Mincho
========================================================= */


/* =========================================================
   FOOTER
========================================================= */

.global-footer {
  position: relative !important;

  width: 100% !important;

  padding: 100px 5% 62px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 82% 12%,
      rgba(49, 95, 122, 0.14) 0%,
      rgba(49, 95, 122, 0.04) 28%,
      transparent 48%
    ),
    linear-gradient(
      145deg,
      #0c0f12 0%,
      #060708 56%,
      #0b0c0d 100%
    ) !important;

  color: #f4f2ed !important;

  border-top:
    1px solid rgba(83, 123, 148, 0.34) !important;
}


/* 上部の細い装飾線 */
.global-footer::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 50% !important;

  width: min(86%, 1080px) !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(49, 95, 122, 0.12) 12%,
      #315f7a 38%,
      #9c8659 50%,
      #315f7a 62%,
      rgba(49, 95, 122, 0.12) 88%,
      transparent 100%
    ) !important;

  transform: translateX(-50%) !important;

  pointer-events: none !important;
}


/* 背景の薄い装飾 */
.global-footer::after {
  content: "" !important;

  position: absolute !important;

  right: -120px !important;
  bottom: -180px !important;

  width: 420px !important;
  height: 420px !important;

  border:
    1px solid rgba(83, 123, 148, 0.08) !important;

  border-radius: 50% !important;

  pointer-events: none !important;
}


/* =========================================================
   RESET
========================================================= */

.global-footer *,
.global-footer a {
  box-sizing: border-box !important;

  box-shadow: none;
}


/* =========================================================
   INFO GRID
========================================================= */

.global-footer .info-grid {
  position: relative !important;
  z-index: 1 !important;

  width: min(100%, 1180px) !important;
  max-width: 1180px !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    minmax(280px, 0.95fr)
    minmax(360px, 1.05fr) !important;

  gap: clamp(60px, 7vw, 96px) !important;

  align-items: start !important;
}


/* =========================================================
   STORE NAME
========================================================= */

.global-footer .footer-brand h2,
.global-footer .shop-info h2,
.global-footer .footer-logo,
.global-footer .footer-store-name,
.global-footer .footer-name {
  position: relative !important;

  display: inline-block !important;

  margin: 0 !important;

  padding: 0 0 20px !important;

  color: #f5f2eb !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;

  font-size:
    clamp(1.9rem, 3.5vw, 2.9rem) !important;

  font-weight: 500 !important;

  line-height: 1.4 !important;

  letter-spacing: 0.12em !important;
}


/* 店名下の装飾 */
.global-footer .footer-brand h2::after,
.global-footer .shop-info h2::after,
.global-footer .footer-store-name::after,
.global-footer .footer-name::after {
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  bottom: 0 !important;

  width: 92px !important;
  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      #315f7a 0%,
      #6f94aa 58%,
      rgba(111, 148, 170, 0) 100%
    ) !important;
}


/* =========================================================
   GENRE
========================================================= */

.global-footer .footer-genre {
  margin-top: 18px !important;

  color:
    rgba(255, 255, 255, 0.48) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1.8 !important;

  letter-spacing: 0.12em !important;
}


/* =========================================================
   STORE TABLE
========================================================= */

.global-footer .footer-table,
.global-footer .shop-info table {
  width: 100% !important;

  margin-top: 38px !important;

  border-collapse: collapse !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size: 14px !important;
}


.global-footer .footer-table th,
.global-footer .footer-table td,
.global-footer .shop-info th,
.global-footer .shop-info td {
  padding: 17px 0 !important;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.09) !important;

  text-align: left !important;

  vertical-align: top !important;

  line-height: 1.9 !important;
}


/* 項目名 */
.global-footer .footer-table th,
.global-footer .shop-info th {
  width: 30% !important;

  padding-right: 22px !important;

  color:
    #6f94aa !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  letter-spacing: 0.06em !important;

  white-space: nowrap !important;
}


/* 内容 */
.global-footer .footer-table td,
.global-footer .shop-info td {
  color:
    rgba(255, 255, 255, 0.76) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size: 14px !important;

  font-weight: 400 !important;

  letter-spacing: 0.025em !important;
}


/* =========================================================
   LINK
========================================================= */

.global-footer a {
  color:
    inherit !important;

  text-decoration:
    none !important;

  transition:
    color 0.3s ease,
    opacity 0.3s ease !important;
}


.global-footer a:hover {
  color:
    #8bb1c5 !important;

  transform:
    none !important;
}


/* =========================================================
   TEL
========================================================= */

.global-footer .footer-tel strong,
.global-footer a[href^="tel"] {
  color:
    #8bb1c5 !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;

  font-size:
    clamp(1.15rem, 2vw, 1.45rem) !important;

  font-weight:
    500 !important;

  line-height:
    1.5 !important;

  letter-spacing:
    0.07em !important;
}


/* =========================================================
   PAYMENT
========================================================= */

.global-footer .payment-title {
  margin:
    28px 0 12px !important;

  color:
    #6f94aa !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    12px !important;

  font-weight:
    500 !important;

  letter-spacing:
    0.10em !important;
}


.global-footer .payment-icons {
  display:
    flex !important;

  flex-wrap:
    wrap !important;

  gap:
    8px !important;

  align-items:
    center !important;

  color:
    rgba(255, 255, 255, 0.58) !important;
}


.global-footer .pay-tag {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  min-height:
    28px !important;

  padding:
    3px 10px !important;

  border:
    1px solid rgba(83, 123, 148, 0.34) !important;

  border-radius:
    0 !important;

  background:
    rgba(49, 95, 122, 0.06) !important;

  color:
    rgba(255, 255, 255, 0.70) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    11px !important;

  letter-spacing:
    0.05em !important;
}


/* =========================================================
   GOOGLE MAP
========================================================= */

.global-footer .gmap-wrap {
  position: relative !important;

  width: 100% !important;

  min-height: 440px !important;

  overflow: hidden !important;

  border:
    1px solid rgba(83, 123, 148, 0.28) !important;

  border-radius:
    0 !important;

  background:
    #101316 !important;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.24) !important;
}


/* マップの細い内枠 */
.global-footer .gmap-wrap::after {
  content:
    "" !important;

  position:
    absolute !important;

  inset:
    10px !important;

  z-index:
    2 !important;

  border:
    1px solid rgba(255, 255, 255, 0.09) !important;

  pointer-events:
    none !important;
}


.global-footer .gmap-wrap iframe {
  width:
    100% !important;

  height:
    100% !important;

  min-height:
    440px !important;

  border:
    0 !important;

  /*
   * 完全なダーク反転にはせず、
   * 高級感を維持しながら地図の視認性を残す
   */
  filter:
    grayscale(0.72)
    sepia(0.08)
    saturate(0.75)
    contrast(0.94)
    brightness(0.82) !important;
}


.global-footer .gmap-placeholder {
  min-height:
    440px !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  padding:
    20px !important;

  color:
    rgba(255, 255, 255, 0.50) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  text-align:
    center !important;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-copy-text,
.footer-copy {
  position:
    relative !important;

  padding:
    22px 20px !important;

  background:
    #050607 !important;

  color:
    rgba(255, 255, 255, 0.34) !important;

  border-top:
    1px solid rgba(83, 123, 148, 0.18) !important;

  text-align:
    center !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    11px !important;

  font-weight:
    400 !important;

  line-height:
    1.7 !important;

  letter-spacing:
    0.08em !important;
}


/* =========================================================
   FLOATING ACTIONS
========================================================= */

.fc-floating-actions {
  position:
    fixed !important;

  right:
    22px !important;

  bottom:
    22px !important;

  z-index:
    1800 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    8px !important;

  pointer-events:
    none !important;
}


/* =========================================================
   FLOATING ACTION
========================================================= */

.fc-floating-action {
  pointer-events:
    auto !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    8px !important;

  min-width:
    150px !important;

  min-height:
    48px !important;

  padding:
    0 20px !important;

  border:
    1px solid rgba(83, 123, 148, 0.62) !important;

  border-radius:
    0 !important;

  background:
    rgba(8, 11, 14, 0.92) !important;

  color:
    #f4f2ed !important;

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.25) !important;

  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;

  font-size:
    12px !important;

  font-weight:
    500 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    0.07em !important;

  text-decoration:
    none !important;

  backdrop-filter:
    blur(10px) !important;

  -webkit-backdrop-filter:
    blur(10px) !important;

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease !important;
}


/* 通常hover */
.fc-floating-action:hover {
  background:
    #315f7a !important;

  border-color:
    #315f7a !important;

  color:
    #ffffff !important;

  transform:
    translateY(-2px) !important;
}


/* =========================================================
   RESERVE
   メインアクションは青
========================================================= */

.fc-floating-reserve {
  background:
    #315f7a !important;

  border-color:
    #315f7a !important;

  color:
    #ffffff !important;
}


.fc-floating-reserve:hover {
  background:
    #23485e !important;

  border-color:
    #23485e !important;

  color:
    #ffffff !important;
}


/* =========================================================
   LINE
========================================================= */

.fc-floating-line {
  border-color:
    rgba(6, 199, 85, 0.58) !important;
}


.fc-floating-line:hover {
  background:
    #06a94d !important;

  border-color:
    #06a94d !important;

  color:
    #ffffff !important;
}


/* =========================================================
   INSTAGRAM
========================================================= */

.fc-floating-instagram {
  border-color:
    rgba(159, 134, 84, 0.64) !important;
}


.fc-floating-instagram:hover {
  background:
    #8b7448 !important;

  border-color:
    #8b7448 !important;

  color:
    #ffffff !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .global-footer {
    padding:
      76px 6% 46px !important;
  }


  .global-footer .info-grid {
    grid-template-columns:
      1fr !important;

    gap:
      54px !important;
  }


  .global-footer .footer-table,
  .global-footer .shop-info table {
    margin-top:
      32px !important;
  }


  .global-footer .gmap-wrap,
  .global-footer .gmap-wrap iframe,
  .global-footer .gmap-placeholder {
    min-height:
      340px !important;
  }

}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 768px) {

  .global-footer {
    padding:
      66px 22px 42px !important;
  }


  /* =====================================================
     STORE NAME
  ===================================================== */

  .global-footer .footer-brand h2,
  .global-footer .shop-info h2,
  .global-footer .footer-logo,
  .global-footer .footer-store-name,
  .global-footer .footer-name {
    font-size:
      clamp(1.7rem, 8vw, 2.15rem) !important;

    letter-spacing:
      0.09em !important;
  }


  .global-footer .footer-brand h2::after,
  .global-footer .shop-info h2::after,
  .global-footer .footer-store-name::after,
  .global-footer .footer-name::after {
    width:
      70px !important;
  }


  /* =====================================================
     TABLE
  ===================================================== */

  .global-footer .footer-table th,
  .global-footer .shop-info th {
    width:
      34% !important;

    font-size:
      12px !important;
  }


  .global-footer .footer-table td,
  .global-footer .shop-info td {
    font-size:
      13px !important;
  }


  /* =====================================================
     MAP
  ===================================================== */

  .global-footer .gmap-wrap,
  .global-footer .gmap-wrap iframe,
  .global-footer .gmap-placeholder {
    min-height:
      300px !important;
  }


  /* =====================================================
     FLOATING BAR
  ===================================================== */

  body.has-floating-actions {
    padding-bottom:
      72px !important;
  }


  .fc-floating-actions {
    left:
      0 !important;

    right:
      0 !important;

    bottom:
      0 !important;

    flex-direction:
      row !important;

    gap:
      0 !important;

    padding:
      7px 8px
      calc(7px + env(safe-area-inset-bottom)) !important;

    background:
      rgba(5, 7, 9, 0.96) !important;

    border-top:
      1px solid rgba(83, 123, 148, 0.32) !important;

    box-shadow:
      0 -8px 26px rgba(0, 0, 0, 0.20) !important;

    backdrop-filter:
      blur(12px) !important;

    -webkit-backdrop-filter:
      blur(12px) !important;
  }


  .fc-floating-action {
    flex:
      1 1 0 !important;

    flex-direction:
      column !important;

    gap:
      3px !important;

    min-width:
      0 !important;

    min-height:
      50px !important;

    padding:
      5px 7px !important;

    border-radius:
      0 !important;

    box-shadow:
      none !important;

    font-size:
      10.5px !important;

    line-height:
      1.2 !important;

    letter-spacing:
      0.03em !important;
  }


  .fc-floating-action i {
    font-size:
      15px !important;
  }

}


/* =========================================================
   SMALL SMARTPHONE
========================================================= */

@media (max-width: 480px) {

  /* テーブルを縦積み */
  .global-footer .footer-table,
  .global-footer .footer-table tbody,
  .global-footer .footer-table tr,
  .global-footer .footer-table th,
  .global-footer .footer-table td,
  .global-footer .shop-info table,
  .global-footer .shop-info tbody,
  .global-footer .shop-info tr,
  .global-footer .shop-info th,
  .global-footer .shop-info td {
    display:
      block !important;

    width:
      100% !important;
  }


  .global-footer .footer-table tr,
  .global-footer .shop-info tr {
    padding:
      14px 0 !important;

    border-bottom:
      1px solid rgba(255, 255, 255, 0.09) !important;
  }


  .global-footer .footer-table th,
  .global-footer .shop-info th {
    padding:
      0 0 5px !important;

    border-bottom:
      0 !important;

    color:
      #6f94aa !important;
  }


  .global-footer .footer-table td,
  .global-footer .shop-info td {
    padding:
      0 !important;

    border-bottom:
      0 !important;
  }


  .global-footer .footer-tel strong,
  .global-footer a[href^="tel"] {
    font-size:
      19px !important;
  }


  .global-footer .gmap-wrap,
  .global-footer .gmap-wrap iframe,
  .global-footer .gmap-placeholder {
    min-height:
      270px !important;
  }

}