/* =========================================================
   FluxCore Pro Generated Custom CSS
   Auto generated from fc_pages.layout_json advanced.custom_css
   Last updated: 2026-09-09 20:11:31
========================================================= */

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

/* Block: global_header / sec_1782112078518 */
/* =========================================================
   居酒屋れん / グローバルヘッダー（和紙 × 墨・清潔感）
   Block: global_header / sec_1782112078518
   ========================================================= */

#sec_1782112078518 {
  --hd-h: 88px;
  --hd-paper: #fdfbf6;
  --hd-ink: #2b2724;
  --hd-ink-sub: #6f665c;
  --hd-gold: #b08d43;
  --hd-line: rgba(176, 141, 67, .28);
  --hd-deep: #23302f;
}

/* ---------- バー本体 ---------- */
.global-header#sec_1782112078518 {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-height: var(--hd-h) !important;
  padding: 0 clamp(18px, 3vw, 44px) !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(16px, 2.4vw, 34px) !important;
  background: linear-gradient(180deg, #fdfbf6 0%, #f7f2e8 100%) !important;
  border-bottom: 1px solid var(--hd-line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 6px 24px rgba(43, 39, 36, .07);
  backdrop-filter: blur(10px);
  color: var(--hd-ink) !important;
}

/* ---------- ロゴ ＋ くり抜き円（料理写真） ---------- */
.global-header#sec_1782112078518 .header-logo {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-family: var(--font-serif);
  color: var(--hd-ink) !important;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .14em;
  white-space: nowrap;
  text-decoration: none;
}

/* 料理写真を正円にくり抜いた紋章。PHPは触らず ::before で挿入している */
.global-header#sec_1782112078518 .header-logo::before {
  content: "";
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("/image/assets/asset_20260805181006_6a72fdeeb2e6d.webp");
  background-size: 140%;
  background-position: 58% 60%;
  background-repeat: no-repeat;
  background-color: #101718;
  box-shadow:
    0 0 0 1px rgba(176, 141, 67, .60),
    0 0 0 4px var(--hd-paper),
    0 0 0 5px rgba(176, 141, 67, .30),
    0 6px 16px rgba(43, 39, 36, .18);
  transition: transform .35s var(--ease);
}
.global-header#sec_1782112078518 .header-logo:hover::before { transform: scale(1.05); }

/* 墨絵ロゴ：白地(#f3f3f3)を飛ばして和紙に溶かし込み、余白をトリミングして大きく見せる */
.global-header#sec_1782112078518 .header-logo img {
  width: 132px !important;
  height: 74px !important;
  max-height: 74px !important;
  object-fit: cover !important;
  object-position: center 54% !important;
  filter: brightness(1.07) contrast(1.07);
  mix-blend-mode: multiply;
}

/* ---------- グローバルナビ ---------- */
.global-header#sec_1782112078518 .desktop-nav {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: clamp(14px, 2vw, 30px) !important;
  flex-wrap: nowrap;
}
.global-header#sec_1782112078518 .desktop-nav a {
  color: var(--hd-ink) !important;
  font-family: var(--font-serif);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1;
  padding: 6px 2px;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  opacity: .82;
  transition: opacity .25s ease, color .25s ease;
}
.global-header#sec_1782112078518 .desktop-nav a:hover,
.global-header#sec_1782112078518 .desktop-nav a.active {
  opacity: 1;
  color: var(--hd-gold) !important;
}
.global-header#sec_1782112078518 .desktop-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 0;
  height: 1px;
  background: var(--hd-gold);
  transform: translateX(-50%);
  transition: width .3s var(--ease);
}
.global-header#sec_1782112078518 .desktop-nav a:hover::after,
.global-header#sec_1782112078518 .desktop-nav a.active::after { width: 100% !important; }

/* ---------- 右側：電話・予約 ---------- */
.global-header#sec_1782112078518 .header-btns {
  display: flex !important;
  align-items: center;
  gap: 16px;
}
.global-header#sec_1782112078518 .btn-header-tel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--hd-ink) !important;
  font-family: var(--font-en), var(--font-sans);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: color .25s ease;
}
.global-header#sec_1782112078518 .btn-header-tel i {
  font-size: 13px;
  color: var(--hd-gold);
}
.global-header#sec_1782112078518 .btn-header-tel:hover { color: var(--hd-gold) !important; }

.global-header#sec_1782112078518 .btn-header-reserve {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 1px solid var(--hd-deep) !important;
  background: var(--hd-deep) !important;
  color: #f6cf7a !important;
  font-family: var(--font-serif);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(35, 48, 47, .22);
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.global-header#sec_1782112078518 .btn-header-reserve:hover {
  background: var(--hd-gold) !important;
  border-color: var(--hd-gold) !important;
  color: #fffdf7 !important;
  transform: translateY(-1px);
}

/* ---------- SEO用H1（右上の極小表示） ---------- */
.global-header#sec_1782112078518 .header-page-eyebrow {
  position: absolute !important;
  top: 6px;
  right: clamp(18px, 3vw, 44px);
  margin: 0;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.2;
  color: var(--hd-ink-sub) !important;
  opacity: .45;
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

/* ---------- ハンバーガー ---------- */
.global-header#sec_1782112078518 .menu-trigger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  line-height: 1;
  border: 1px solid var(--hd-line) !important;
  border-radius: 999px !important;
  background: #fffdf8 !important;
  color: var(--hd-ink) !important;
  font-size: 17px;
  cursor: pointer;
}

/* ---------- モバイルメニュー ---------- */
.mobile-nav-overlay {
  background: linear-gradient(180deg, #fdfbf6 0%, #f4eee1 100%) !important;
  gap: 24px !important;
}
.mobile-nav-overlay::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background-image: url("/image/assets/asset_20260805181006_6a72fdeeb2e6d.webp");
  background-size: 140%;
  background-position: 58% 60%;
  background-repeat: no-repeat;
  background-color: #101718;
  box-shadow:
    0 0 0 1px rgba(176, 141, 67, .60),
    0 0 0 5px #fdfbf6,
    0 0 0 6px rgba(176, 141, 67, .28),
    0 8px 20px rgba(43, 39, 36, .18);
}
.mobile-nav-overlay a {
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #2b2724 !important;
  text-decoration: none;
}
.mobile-nav-overlay a:hover { color: #b08d43 !important; }
.mobile-nav-overlay .menu-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(176, 141, 67, .28) !important;
  border-radius: 999px !important;
  background: #fffdf8 !important;
  color: #2b2724 !important;
  font-size: 18px;
  cursor: pointer;
}
.mobile-nav-overlay .btn-header-reserve.mobile-reserve-btn {
  margin-top: 10px;
  padding: 14px 34px !important;
  border-radius: 999px !important;
  border: 1px solid #23302f !important;
  background: #23302f !important;
  color: #f6cf7a !important;
  font-family: var(--font-serif);
  font-size: 15px !important;
  font-weight: 800;
  letter-spacing: .1em;
}

/* ---------- タブレット ---------- */
@media (max-width: 1180px) {
  .global-header#sec_1782112078518 .desktop-nav { gap: 16px !important; }
  .global-header#sec_1782112078518 .desktop-nav a { font-size: 14px; letter-spacing: .06em; }
  .global-header#sec_1782112078518 .btn-header-tel { font-size: 16px; }
  .global-header#sec_1782112078518 .btn-header-reserve { padding: 11px 18px !important; font-size: 13px; }
  .global-header#sec_1782112078518 .header-logo img { width: 118px !important; height: 66px !important; max-height: 66px !important; }
}

/* ---------- スマホ ---------- */
@media (max-width: 992px) {
  #sec_1782112078518 { --hd-h: 72px; }
  .global-header#sec_1782112078518 {
    display: flex !important;
    justify-content: space-between;
    padding: 0 16px !important;
  }
  .global-header#sec_1782112078518 .desktop-nav,
  .global-header#sec_1782112078518 .header-btns { display: none !important; }
  .global-header#sec_1782112078518 .header-logo { gap: 8px; }
  .global-header#sec_1782112078518 .header-logo::before {
    width: 44px;
    height: 44px;
    box-shadow:
      0 0 0 1px rgba(176, 141, 67, .60),
      0 0 0 3px var(--hd-paper),
      0 0 0 4px rgba(176, 141, 67, .30),
      0 5px 12px rgba(43, 39, 36, .18);
  }
  .global-header#sec_1782112078518 .header-logo img {
    width: 104px !important;
    height: 58px !important;
    max-height: 58px !important;
  }
  .global-header#sec_1782112078518 .menu-trigger { display: inline-flex !important; margin-left: auto; }
  .global-header#sec_1782112078518 .header-page-eyebrow {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}


/* =========================================================
   Page: index / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に | TOP
========================================================= */

/* Block: hero_main / sec_1782110119323 */
/* =========================================================
   居酒屋れん / TOP ヒーロー（和紙ヴェール・明るい版）
   Block: hero_main / sec_1782110119323
   ========================================================= */

#sec_1782110119323 {
  --ren-gold: #a8823a;
  --ren-ink: #2b2724;
  --ren-ink-sub: #4a4239;
}

/* ---------- 枠 ---------- */
#sec_1782110119323.hero-wrapper {
  height: min(92svh, 900px) !important;
  min-height: 600px !important;
  background: #f6f0e2 !important;
}
#sec_1782110119323 .hero-slide-img {
  filter: saturate(1.02) contrast(1.02) brightness(1.04);
}

/* テーマの暗幕は殺す（スライドより上に乗って文字を暗くするため） */
#sec_1782110119323.hero-wrapper::after {
  background: none !important;
  display: none !important;
}

/* 和紙のヴェールをスライドの内側に置く。左を濃くして墨文字を浮かせる */
#sec_1782110119323 .hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:linear-gradient(
  100deg,
  rgba(255,253,248,.94) 0%,
  rgba(255,253,248,.88) 20%,
  rgba(255,253,248,.66) 35%,
  rgba(255,253,248,.20) 50%,
  rgba(255,253,248,0) 65%
);
}

/* 額縁の金罫 */
#sec_1782110119323 .hero-slider::before {
  content: "";
  position: absolute;
  inset: 26px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(168, 130, 58, .42);
}

/* ---------- キャッチ ---------- */
/* .fade-up はJSが .is-visible を付けるまで透明。プレビューで消えないようCSSアニメに置き換える */
#sec_1782110119323 .hero-slide-caption {
  position: absolute !important;
  z-index: 4 !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: 17% !important;
  transform: none !important;
  width: min(840px, 76vw) !important;
  padding: 0 0 0 clamp(30px, 6.4vw, 96px) !important;
  text-align: left !important;
  text-shadow: 0 1px 12px rgba(255, 253, 248, .85) !important;
  opacity: 0;
  animation: renHeroIn 1.2s cubic-bezier(.25, 1, .5, 1) .3s forwards;
}
@keyframes renHeroIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 金の小見出し＋罫線 */
#sec_1782110119323 .hero-slide-caption::before {
  content: "IZAKAYA REN";
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .42em;
  color: #8a6a26;
  margin: 0 0 20px;
  padding-left: 56px;
  position: relative;
  text-shadow: none;
}
#sec_1782110119323 .hero-slide-caption::after {
  content: "";
  position: absolute;
  left: clamp(30px, 6.4vw, 96px);
  top: 8px;
  width: 40px;
  height: 1px;
  background: var(--ren-gold);
  opacity: 1;
}

/* 筆書体のキャッチ。PHPがインラインstyleでfont-sizeを出すので !important 必須 */
#sec_1782110119323 .hero-slide-catch {
  font-family: "Kaisei Tokumin", "Shippori Mincho", serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.75rem, 3.35vw, 3.1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: .1em !important;
  color: var(--ren-ink) !important;
  margin: 0 0 26px !important;
}
#sec_1782110119323 .hero-slide-sub {
  font-family: "Shippori Mincho", serif !important;
  font-weight: 400 !important;
  font-size: clamp(.86rem, 1.35vw, 1.06rem) !important;
  line-height: 2.15 !important;
  letter-spacing: .14em !important;
  color: var(--ren-ink-sub) !important;
  margin: 0 !important;
  opacity: 1 !important;
}

/* ---------- スライド送りの指標 ---------- */
#sec_1782110119323 .hero-slider-dots {
  left: auto !important;
  right: clamp(30px, 6.4vw, 96px) !important;
  bottom: 23% !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  z-index: 5 !important;
}
#sec_1782110119323 .hero-slider-dot {
  width: 34px !important;
  height: 2px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: rgba(43, 39, 36, .45) !important;
  box-shadow: 0 0 0 1px rgba(255, 253, 248, .5) !important;
  transition: background .35s ease !important;
}
#sec_1782110119323 .hero-slider-dot.is-active {
  background: var(--ren-gold) !important;
}

/* ---------- スクロール誘導 ---------- */
#sec_1782110119323.hero-wrapper::before {
  content: "SCROLL";
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .34em;
  color: rgba(43, 39, 36, .6);
  padding-bottom: 44px;
  pointer-events: none;
  background: linear-gradient(rgba(168,130,58,.85), rgba(168,130,58,0)) no-repeat bottom center / 1px 34px;
}

/* ---------- スマホ ---------- */
@media (max-width: 768px) {
  #sec_1782110119323.hero-wrapper {
    height: 80svh !important;
    min-height: 540px !important;
  }
 #sec_1782110119323 .hero-slide::after {
  background: linear-gradient(
    100deg,
    rgba(255, 253, 248, .94) 0%,
    rgba(255, 253, 248, .88) 20%,
    rgba(255, 253, 248, .66) 35%,
    rgba(255, 253, 248, .20) 50%,
    rgba(255, 253, 248, 0) 65%
  ) !important;
}
  #sec_1782110119323 .hero-slide-caption {
    width: auto !important;
    right: 0 !important;
    bottom: 21% !important;
    padding: 0 26px !important;
  }
  #sec_1782110119323 .hero-slide-caption::before {
    font-size: 10px;
    letter-spacing: .34em;
    margin-bottom: 15px;
    padding-left: 46px;
  }
  #sec_1782110119323 .hero-slide-caption::after {
    left: 26px;
    top: 7px;
    width: 32px;
  }
  #sec_1782110119323 .hero-slide-catch {
    font-size: clamp(1.45rem, 6.4vw, 2.1rem) !important;
    line-height: 1.62 !important;
    letter-spacing: .07em !important;
    margin-bottom: 16px !important;
  }
  #sec_1782110119323 .hero-slide-sub {
    font-size: .82rem !important;
    line-height: 2 !important;
    letter-spacing: .1em !important;
  }
  #sec_1782110119323 .hero-slider-dots {
    left: 26px !important;
    right: auto !important;
    top: auto !important;
    bottom: 11% !important;
    justify-content: flex-start !important;
    gap: 9px !important;
  }
  #sec_1782110119323 .hero-slider-dot { width: 24px !important; }
  #sec_1782110119323.hero-wrapper::before { display: none !important; }
}

/* Block: pickup_menu_slider / sec_1785918263485 */
@font-face {
  font-family: "Yuji Boku";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/yujiboku/v8/P5sAzZybeNzXsA9xj1FkjQ.ttf) format("truetype");
}

#sec_1785918263485 {
  --paper: #fffdf8;
  --ink: #211e1b;
  --sub: #6f665c;
  --gold: #b08d43;
  --red: #a3302a;
}

.menu-section#sec_1785918263485 {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  padding: 104px 20px 112px !important;
  text-align: center;
  color: var(--ink) !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(176, 141, 67, .03) 0 1px,
      transparent 1px 9px
    ),
    linear-gradient(
      180deg,
      #f6f0e2,
      #fffdf8 62%,
      #f8f3e7
    ) !important;
  border-bottom: 1px solid rgba(176, 141, 67, .22);
}

/* 墨の円弧 */
.menu-section#sec_1785918263485::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  top: -125px;
  left: 50%;
  width: min(820px, 76vw);
  height: 390px;
  border: 4px solid rgba(25, 23, 21, .13);
  border-left-color: rgba(25, 23, 21, .035);
  border-bottom-color: transparent;
  border-radius: 50%;
  box-shadow:
    8px 5px 0 -5px rgba(25, 23, 21, .08),
    -10px -3px 0 -8px rgba(25, 23, 21, .12);
  transform: translateX(-50%) rotate(-7deg);
  pointer-events: none;
}

/* 墨の払い */
.menu-section#sec_1785918263485::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  left: -8%;
  bottom: 20px;
  width: 68%;
  height: 260px;
  background:
    linear-gradient(
      166deg,
      transparent 45%,
      rgba(25, 23, 21, .11) 45.5% 46%,
      transparent 46.5%
    ),
    linear-gradient(
      163deg,
      transparent 54%,
      rgba(25, 23, 21, .07) 54.5% 55%,
      transparent 55.5%
    ),
    linear-gradient(
      160deg,
      transparent 63%,
      rgba(25, 23, 21, .045) 63.5% 64%,
      transparent 64.5%
    );
  transform: rotate(-3deg);
  pointer-events: none;
}

#sec_1785918263485 > * {
  position: relative;
  z-index: 1;
}

/* 見出し */
#sec_1785918263485 .section-header {
  margin-bottom: 0 !important;
}

#sec_1785918263485 .menu-main-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 14px !important;
  color: var(--ink) !important;
  font-family:
    "Yuji Boku",
    "YuKyokasho",
    "Hiragino Mincho ProN",
    serif !important;
  font-size: clamp(2rem, 4vw, 3.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .1em !important;
  text-shadow: 0 2px 10px rgba(255, 253, 248, .9) !important;
}

#sec_1785918263485 .menu-main-title::before,
#sec_1785918263485 .menu-main-title::after {
  content: "" !important;
  width: 52px;
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(25, 23, 21, .72)
  );
  clip-path: polygon(
    0 42%,
    100% 15%,
    88% 70%,
    8% 62%
  );
  font-size: 0 !important;
}

#sec_1785918263485 .menu-main-title::after {
  transform: scaleX(-1) !important;
}

#sec_1785918263485 .menu-sub-text {
  max-width: 680px;
  margin: 0 auto !important;
  color: var(--sub) !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .08em !important;
}

/* カード配置 */
#sec_1785918263485 .scroll-container {
  max-width: 1140px;
  margin: 50px auto 0 !important;
  padding: 6px 0 !important;
}

#sec_1785918263485 .scroll-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

/* カード */
#sec_1785918263485 .pickup-item-card {
  display: block !important;
  overflow: hidden !important;
  background: var(--paper) !important;
  border: 1px solid rgba(176, 141, 67, .34) !important;
  border-radius: 6px !important;
  color: var(--ink) !important;
  box-shadow: 0 14px 34px rgba(43, 39, 36, .1) !important;
  text-align: left !important;
  text-decoration: none !important;
}

#sec_1785918263485 .pickup-badge {
  top: 14px !important;
  left: 14px !important;
  padding: 6px 13px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--red) !important;
  color: #fff !important;
  font-size: 10px !important;
  letter-spacing: .18em !important;
}

#sec_1785918263485 .pickup-img-box {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #efe7d6 !important;
}

#sec_1785918263485 .pickup-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
}

#sec_1785918263485 .pickup-info {
  padding: 22px 24px 24px !important;
  background: var(--paper) !important;
  border-top: 1px solid rgba(176, 141, 67, .25) !important;
}

#sec_1785918263485 .pickup-title {
  margin: 0 0 12px !important;
  color: var(--ink) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

#sec_1785918263485 .pickup-desc {
  color: var(--sub) !important;
  font-size: 12.5px !important;
  line-height: 1.8 !important;
}

#sec_1785918263485 .pickup-price {
  color: var(--red) !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

#sec_1785918263485 .menu-btn-wrap {
  margin-top: 50px !important;
}

#sec_1785918263485 .btn-menu-more {
  display: inline-flex !important;
  padding: 15px 34px !important;
  border: 1px solid var(--gold) !important;
  border-radius: 999px !important;
  background: var(--gold) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

/* スマホ */
@media (max-width: 768px) {
  .menu-section#sec_1785918263485 {
    padding: 72px 16px 80px !important;
  }

  .menu-section#sec_1785918263485::before {
    top: -60px;
    width: 560px;
    height: 270px;
    opacity: .65;
  }

  .menu-section#sec_1785918263485::after {
    left: -45%;
    bottom: 30px;
    width: 110%;
    opacity: .48;
  }

  #sec_1785918263485 .menu-main-title {
    gap: 9px;
    font-size: clamp(1.8rem, 9vw, 2.4rem) !important;
    letter-spacing: .06em !important;
  }

  #sec_1785918263485 .menu-main-title::before,
  #sec_1785918263485 .menu-main-title::after {
    width: 22px;
  }

  #sec_1785918263485 .menu-sub-text {
    font-size: 13px !important;
  }

  #sec_1785918263485 .scroll-container {
    margin-top: 34px !important;
  }

  #sec_1785918263485 .scroll-inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  #sec_1785918263485 .pickup-info {
    padding: 20px 18px 22px !important;
  }

  #sec_1785918263485 .btn-menu-more {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}
/* ========================================
   おすすめメニュー見出し・毛筆書体
======================================== */

@font-face {
  font-family: "Yuji Syuku";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/yujisyuku/v8/BngNUXdTV3vO6Lw5ApOPqPc.ttf")
    format("truetype");
}

#sec_1785918263485 .menu-main-title {
  font-family:
    "Yuji Syuku",
    "YuKyokasho",
    "Hiragino Mincho ProN",
    "Yu Mincho",
    serif !important;

  font-size: clamp(2.1rem, 4.2vw, 3.35rem) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: .055em !important;
  color: #1d1916 !important;

  /* 筆文字を少し太く、力強く見せる */
  -webkit-text-stroke: .4px #1d1916;
  paint-order: stroke fill;

  text-shadow:
    0 1px 0 rgba(255, 253, 248, 1),
    1px 2px 2px rgba(54, 37, 25, .14),
    0 4px 16px rgba(255, 253, 248, .9) !important;
}

/* スマホ */
@media (max-width: 768px) {
  #sec_1785918263485 .menu-main-title {
    font-size: clamp(1.9rem, 9.5vw, 2.55rem) !important;
    line-height: 1.28 !important;
    letter-spacing: .035em !important;
    -webkit-text-stroke: .3px #1d1916;
  }
}

/* Block: concept_split / sec_1782110306349 */
/* 筆文字フォント */
@import url("https://fonts.googleapis.com/css2?family=Yuji+Boku&display=swap");

/* ========================================
   居酒屋 蓮｜明るいコンセプトセクション
======================================== */

.concept-section {
  width: 100% !important;
  margin: 0 !important;
  padding: 104px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  /* グラデーション・暗幕なし */
  background-color: #f7f0e2 !important;
  background-image: url("/image/assets/background-ren-light-wagara.webp") !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;

  color: #332820 !important;
  text-align: center !important;
}

/* テーマ側の装飾・オーバーレイを完全に解除 */
.concept-section::before,
.concept-section::after,
.concept-img-wrapper::before,
.concept-img-wrapper::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ========================================
   コンテナ
======================================== */

.concept-container {
  display: grid !important;
  grid-template-columns:
    minmax(0, 0.92fr)
    minmax(320px, 1.08fr) !important;
  align-items: center !important;
  gap: 58px !important;

  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 左右反転 */
.concept-container.concept-reverse {
  grid-template-columns:
    minmax(320px, 1.08fr)
    minmax(0, 0.92fr) !important;
}

.concept-container.concept-reverse .concept-content {
  order: 2 !important;
}

.concept-container.concept-reverse .concept-img-wrapper {
  order: 1 !important;
}

/* ========================================
   文章エリア
======================================== */

.concept-content {
  display: block !important;
  position: relative !important;

  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #332820 !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* テーマ側の縦線などを削除 */
.concept-content::before,
.concept-content::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* ========================================
   筆文字タイトル
======================================== */

.concept-title,
.concept-content h2,
.concept-content h3 {
  display: block !important;
  position: relative !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  color: #211712 !important;

  /* 筆文字 */
  font-family:
    "Yuji Boku",
    "Yuji Syuku",
    "Hiragino Mincho ProN",
    "Yu Mincho",
    serif !important;

  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 700 !important;
  font-synthesis: weight !important;
  line-height: 1.5 !important;
  letter-spacing: 0.09em !important;
  text-align: center !important;

  /* 明るい背景でも文字が沈まない処理 */
  -webkit-text-stroke: 0.55px #211712 !important;
  paint-order: stroke fill !important;

  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.95),
    0 4px 12px rgba(76, 51, 35, 0.18) !important;

  opacity: 1 !important;
}

/* タイトル下の朱赤アクセント */
.concept-title::after,
.concept-content h2::after,
.concept-content h3::after {
  display: block !important;
  width: 54px !important;
  height: 5px !important;
  margin: 20px auto 0 !important;
  border-radius: 999px !important;
  background: #a43b2e !important;
  content: "" !important;
  opacity: 1 !important;
  transform: rotate(-2deg) !important;
}

/* ========================================
   本文
======================================== */

.concept-text,
.concept-content p {
  display: block !important;
  max-width: 620px !important;
  margin-right: auto !important;
  margin-left: auto !important;

  color: #3d322a !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 2.15 !important;
  letter-spacing: 0.035em !important;
  text-align: center !important;

  /* 白背景上で可読性を確保 */
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9) !important;

  opacity: 1 !important;
}

.concept-content p + p {
  margin-top: 18px !important;
}

/* 強調文字 */
.concept-content strong {
  color: #8f3027 !important;
  font-weight: 800 !important;
}

/* ========================================
   画像
======================================== */

.concept-img-wrapper {
  display: block !important;
  position: relative !important;

  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  /* オーバーレイではなく直接枠線を指定 */
  border: 6px solid rgba(255, 252, 244, 0.95) !important;
  border-radius: 8px !important;
  outline: 1px solid rgba(117, 86, 55, 0.24) !important;

  background: #f1e3c9 !important;

  box-shadow:
    0 18px 42px rgba(67, 47, 32, 0.2),
    7px 8px 0 rgba(164, 59, 46, 0.14) !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* 画像・動画には加工をかけない */
.concept-img-wrapper img,
.concept-img-wrapper video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 3 !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center !important;

  /* 色加工・暗幕・透過をすべて解除 */
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  transform: none !important;

  visibility: visible !important;
}

/* ホバー時も画像を暗くしない */
.concept-img-wrapper:hover img,
.concept-img-wrapper:hover video {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 768px) {
  .concept-section {
    padding: 70px 15px !important;

    /* スマホでも背景画像を表示 */
    background-position: center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }

  .concept-container,
  .concept-container.concept-reverse {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  /* スマホではHTMLの記述順に表示 */
  .concept-container.concept-reverse .concept-content,
  .concept-container.concept-reverse .concept-img-wrapper {
    order: initial !important;
  }

  .concept-content {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .concept-title,
  .concept-content h2,
  .concept-content h3 {
    margin-bottom: 23px !important;

    font-size: clamp(1.85rem, 8vw, 2.55rem) !important;
    line-height: 1.5 !important;
    letter-spacing: 0.06em !important;

    -webkit-text-stroke: 0.4px #211712 !important;

    text-shadow:
      0 2px 0 rgba(255, 255, 255, 0.95),
      0 4px 10px rgba(76, 51, 35, 0.16) !important;
  }

  .concept-title::after,
  .concept-content h2::after,
  .concept-content h3::after {
    width: 46px !important;
    height: 4px !important;
    margin-top: 15px !important;
  }

  .concept-text,
  .concept-content p {
    max-width: 100% !important;

    font-size: 13px !important;
    line-height: 2.05 !important;
    letter-spacing: 0.025em !important;
  }

  .concept-img-wrapper {
    width: 100% !important;
    border-width: 4px !important;

    box-shadow:
      0 14px 30px rgba(67, 47, 32, 0.18),
      5px 6px 0 rgba(164, 59, 46, 0.13) !important;
  }

  .concept-img-wrapper img,
  .concept-img-wrapper video {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-position: center !important;
  }
}

/* 小型スマートフォン */
@media screen and (max-width: 390px) {
  .concept-section {
    padding: 58px 13px !important;
  }

  .concept-container,
  .concept-container.concept-reverse {
    gap: 28px !important;
  }

  .concept-title,
  .concept-content h2,
  .concept-content h3 {
    font-size: 1.75rem !important;
    letter-spacing: 0.045em !important;
  }

  .concept-text,
  .concept-content p {
    font-size: 12.5px !important;
    line-height: 2 !important;
  }
}

/* 動きを抑える設定への配慮 */
@media (prefers-reduced-motion: reduce) {
  .concept-img-wrapper img,
  .concept-img-wrapper video {
    transition: none !important;
  }
}
/* =========================================================
   concept_split 明るさ修正
   必ずカスタムCSSの一番最後へ追加
========================================================= */

/* fade-upによるセクション全体の半透明化を解除 */
html body section.concept-section.fade-up,
html body section.concept-section.fade-up.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  translate: none !important;

  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;

  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* セクションの疑似要素を完全に停止 */
html body section.concept-section::before,
html body section.concept-section::after {
  display: none !important;
  content: none !important;

  position: static !important;
  inset: auto !important;

  width: 0 !important;
  height: 0 !important;

  background: none !important;
  background-image: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  filter: none !important;
  backdrop-filter: none !important;

  pointer-events: none !important;
}

/* コンテナと文章も強制的に通常表示 */
html body section.concept-section .concept-container,
html body section.concept-section .concept-content,
html body section.concept-section .concept-title,
html body section.concept-section .concept-text {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

/* テーマ側の文章装飾レイヤーを解除 */
html body section.concept-section .concept-content::before,
html body section.concept-section .concept-content::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* 写真上の枠線・暗幕・色加工をすべて解除 */
html body section.concept-section .concept-img-wrapper::before,
html body section.concept-section .concept-img-wrapper::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body section.concept-section .concept-img-wrapper,
html body section.concept-section .concept-img-wrapper:hover {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
}

html body section.concept-section .concept-img-wrapper img,
html body section.concept-section .concept-img-wrapper video,
html body section.concept-section .concept-img-wrapper:hover img,
html body section.concept-section .concept-img-wrapper:hover video {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 4 / 3 !important;

  object-fit: cover !important;
  object-position: center !important;

  opacity: 1 !important;
  visibility: visible !important;

  filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;

  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* タイトル：既に読み込まれている太い明朝体を使用 */
html body section.concept-section .concept-title,
html body section.concept-section .concept-content h2,
html body section.concept-section .concept-content h3 {
  margin: 0 0 26px !important;

  color: #211711 !important;

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

  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;

  -webkit-text-fill-color: #211711 !important;
  -webkit-text-stroke: 0.3px #211711 !important;

  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.92),
    0 4px 12px rgba(73, 48, 31, 0.16) !important;

  opacity: 1 !important;
}

/* 本文：白い背景でも沈まない焦げ茶 */
html body section.concept-section .concept-text,
html body section.concept-section .concept-content p {
  color: #3c3027 !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 2.15 !important;
  letter-spacing: 0.035em !important;
  text-align: center !important;

  -webkit-text-fill-color: #3c3027 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) !important;

  opacity: 1 !important;
}

/* スマートフォン */
@media screen and (max-width: 768px) {
  html body section.concept-section.fade-up,
  html body section.concept-section.fade-up.is-visible {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body section.concept-section .concept-container,
  html body section.concept-section .concept-container.concept-reverse {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }

  html body section.concept-section .concept-content {
    width: 100% !important;
    padding: 0 !important;
  }

  html body section.concept-section .concept-title,
  html body section.concept-section .concept-content h2,
  html body section.concept-section .concept-content h3 {
    font-size: clamp(1.8rem, 8vw, 2.5rem) !important;
    line-height: 1.5 !important;
    letter-spacing: 0.055em !important;
  }

  html body section.concept-section .concept-text,
  html body section.concept-section .concept-content p {
    font-size: 13px !important;
    line-height: 2.05 !important;
  }
}
/* コンセプトセクションの背景画像 */
html body section.concept-section {
  background:
    #f7f0e2
    url("/image/assets/asset_20260805192247_6a730ef7d55e3.webp")
    center center / cover
    no-repeat
    scroll !important;

  background-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 背景を暗くする疑似要素を無効化 */
html body section.concept-section::before,
html body section.concept-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* スマートフォン */
@media screen and (max-width: 768px) {
  html body section.concept-section {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
}

/* Block: custom_html / sec_1785930189592 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}

/* Block: seat_pickup / sec_1782110521036 */
/* ========================================
   席・個室セクション
   PC：3枚横並び / スマホ：1列
======================================== */

html body .seats-section {
  position: relative !important;
  padding: 72px 20px !important;

  /* 指定の背景画像 */
  background-color: #f5ecdd !important;
  background-image: url("/image/assets/asset_20260805194143_6a7313678e876.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-blend-mode: normal !important;

  color: #241b14 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 背景を暗くする疑似要素を無効化 */
html body .seats-section::before,
html body .seats-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* fade-upによる半透明・暗転対策 */
html body .seats-section.fade-up,
html body .seats-section.fade-up.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* セクション見出し */
.seats-section .section-header {
  max-width: 680px !important;
  margin: 0 auto 36px !important;
  text-align: center !important;
}

.seats-main-title {
  margin: 0 0 10px !important;
  color: #3b2418 !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;
  font-size: clamp(1.6rem, 2.5vw, 2.15rem) !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.1em !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 10px rgba(255, 255, 255, 0.65) !important;
}

.seats-sub-text {
  margin: 0 !important;
  color: #5b4639 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.04em !important;
  text-shadow: 0 1px 5px rgba(255, 255, 255, 0.9) !important;
}

/* 3枚を横一列に配置 */
.seats-container {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* コンパクトな縦型カード */
.seat-card,
.seat-card.seat-reverse {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 12px 12px 18px !important;

  background: rgba(255, 253, 247, 0.94) !important;
  border: 1px solid rgba(104, 69, 44, 0.2) !important;
  border-radius: 5px !important;
  box-shadow: 0 10px 25px rgba(50, 30, 18, 0.13) !important;

  color: #2b211a !important;
  overflow: hidden !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

.seat-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 32px rgba(50, 30, 18, 0.2) !important;
}

/* 交互レイアウトを解除 */
.seat-card.seat-reverse .seat-img-box,
.seat-card.seat-reverse .seat-info {
  order: initial !important;
}

/* 画像をコンパクトに */
.seat-img-box {
  width: 100% !important;
  height: 155px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 3px !important;
  background: #ded4c5 !important;
  box-shadow: none !important;
}

.seat-img-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  transition: transform 0.5s ease !important;
}

.seat-card:hover .seat-img-box img {
  transform: scale(1.035) !important;
}

/* カード内の文章 */
.seat-info {
  flex: 1 !important;
  width: 100% !important;
  padding: 17px 8px 0 !important;
  text-align: center !important;
}

.seat-title {
  margin: 0 0 9px !important;
  color: #3b2418 !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.07em !important;
}

.seat-desc {
  margin: 0 !important;
  color: #695446 !important;
  font-size: 12.5px !important;
  line-height: 1.8 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
}

/* 「席・個室をさらに見る」ボタンを完全に非表示 */
.seat-btn-wrap,
.btn-seat-more,
.seats-section .seat-btn-wrap,
.seats-section .btn-seat-more {
  display: none !important;
  visibility: hidden !important;
}

/* ========================================
   スマートフォン
======================================== */

@media (max-width: 768px) {
  html body .seats-section {
    padding: 58px 15px !important;
    background-position: center top !important;
    background-attachment: scroll !important;
  }

  .seats-section .section-header {
    margin-bottom: 28px !important;
  }

  .seats-main-title {
    font-size: 24px !important;
    letter-spacing: 0.07em !important;
  }

  .seats-sub-text {
    font-size: 12.5px !important;
    line-height: 1.8 !important;
  }

  .seats-container {
    max-width: 480px !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .seat-card,
  .seat-card.seat-reverse {
    padding: 10px 10px 16px !important;
  }

  .seat-img-box {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .seat-info {
    padding: 15px 7px 0 !important;
  }

  .seat-title {
    font-size: 18px !important;
    margin-bottom: 7px !important;
  }

  .seat-desc {
    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }
}

/* Block: custom_html / sec_1785914971889 */
/* =========================================================
   コンセプト：右のテキスト列だけ和紙のパネルにする
   Block: custom_html / sec_1785914971889
   ※ HTML欄の <style> に勝たせるため #sec_ と #ren- を二重に効かせている
   ========================================================= */

#sec_1785914971889 #ren-concept-complete .ren-complete__inner {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: 56px !important;
}

#sec_1785914971889 #ren-concept-complete .ren-complete__content {
  padding: clamp(30px, 3.2vw, 50px) clamp(26px, 3vw, 46px) !important;
  background: linear-gradient(180deg, #fffdf8 0%, #f5efe1 100%) !important;
  border: 1px solid rgba(176, 141, 67, .4) !important;
  border-radius: 4px !important;
  box-shadow: 0 26px 60px rgba(0, 0, 0, .42) !important;
}

#sec_1785914971889 #ren-concept-complete .ren-complete__kicker { color: #8a6a26 !important; }
#sec_1785914971889 #ren-concept-complete .ren-complete__kicker::before { background: #a3302a !important; }

#sec_1785914971889 #ren-concept-complete .ren-complete__title {
  color: #2b2724 !important;
  font-size: clamp(26px, 3.4vw, 42px) !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
}
#sec_1785914971889 #ren-concept-complete .ren-complete__title-accent { color: #8a6a26 !important; }
#sec_1785914971889 #ren-concept-complete .ren-complete__title-accent::after { background: rgba(163, 48, 42, .16) !important; }

#sec_1785914971889 #ren-concept-complete .ren-complete__divider::before,
#sec_1785914971889 #ren-concept-complete .ren-complete__divider::after { background: rgba(176, 141, 67, .55) !important; }
#sec_1785914971889 #ren-concept-complete .ren-complete__divider span { color: #a3302a !important; }

#sec_1785914971889 #ren-concept-complete .ren-complete__text { color: #5b5248 !important; }

#sec_1785914971889 #ren-concept-complete .ren-complete__feature {
  border: 1px solid rgba(176, 141, 67, .45) !important;
  background: #fffdf8 !important;
  color: #4a4239 !important;
}
#sec_1785914971889 #ren-concept-complete .ren-complete__feature::before { color: #a3302a !important; }

@media screen and (max-width: 768px) {
  #sec_1785914971889 #ren-concept-complete .ren-complete__inner {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  #sec_1785914971889 #ren-concept-complete .ren-complete__content {
    padding: 26px 20px 28px !important;
  }
  #sec_1785914971889 #ren-concept-complete .ren-complete__title {
    font-size: clamp(24px, 7.2vw, 32px) !important;
  }
}


/* =========================================================
   Page: menu / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に｜MENU
========================================================= */

/* Block: hero_page / sec_1782110792533 */
/* =========================================================
   居酒屋れん / メニューページ
   01：下層ページ共通ヒーロー
   Block: hero_page / sec_1782110792533

   画像はCSSで固定していません。
   編集画面の「画像パス」で選択した写真が表示されます。
   ========================================================= */

#sec_1782110792533.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

/* 黒いオーバーレイを明るい生成りのヴェールへ変更 */
#sec_1782110792533.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 36%,
    rgba(255, 252, 245, .42) 64%,
    rgba(255, 252, 245, .12) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1782110792533 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1782110792533 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1782110792533 .ph-title {
  max-width: 720px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1782110792533 .ph-title::before {
  content: "MENU" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

#sec_1782110792533 .ph-desc {
  max-width: 620px !important;
  margin: 20px 0 0 !important;
  color: #514a42 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 2 !important;
  letter-spacing: .055em !important;
  text-align: left !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.6) !important;
}

@media (max-width: 1024px) {
  #sec_1782110792533.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1782110792533.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1782110792533.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .64) 45%,
      rgba(255, 252, 245, .96) 100%
    ) !important;
  }

  #sec_1782110792533 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1782110792533 .ph-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    letter-spacing: .1em !important;
  }

  #sec_1782110792533 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }

  #sec_1782110792533 .ph-desc {
    margin-top: 15px !important;
    font-size: 12.5px !important;
    line-height: 1.85 !important;
  }
}

/* Block: pickup_menu_slider / sec_1782110839766 */
/* =========================================================
   居酒屋れん / メニューページ
   02：おすすめメニュー
   Block: pickup_menu_slider / sec_1782110839766
   ========================================================= */

#sec_1782110839766.menu-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(76px, 9vw, 118px) 20px clamp(82px, 9vw, 124px) !important;
  background:
    linear-gradient(rgba(255, 252, 245, .94), rgba(249, 241, 226, .96)),
    url("/image/assets/asset_20260805134958_6a72c0f6880b8.webp") center 45% / cover no-repeat !important;
  color: #2d2924 !important;
  text-align: center !important;
}

#sec_1782110839766 .section-header {
  position: relative !important;
  z-index: 1 !important;
  max-width: 760px !important;
  margin: 0 auto 48px !important;
  text-align: center !important;
}

#sec_1782110839766 .menu-main-title {
  margin: 0 !important;
  color: #2d2924 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.8rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .11em !important;
}

#sec_1782110839766 .menu-main-title::before {
  content: "RECOMMEND" !important;
  display: block !important;
  margin-bottom: 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .34em !important;
}

#sec_1782110839766 .menu-sub-text {
  margin: 15px 0 0 !important;
  color: #665e55 !important;
  font-size: 13.5px !important;
  line-height: 1.9 !important;
  letter-spacing: .05em !important;
}

#sec_1782110839766 .scroll-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

#sec_1782110839766 .scroll-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
}

#sec_1782110839766 .pickup-item-card {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  background: rgba(255, 253, 248, .94) !important;
  border: 1px solid rgba(170, 133, 64, .27) !important;
  border-radius: 2px !important;
  box-shadow: 0 16px 38px rgba(76, 58, 34, .11) !important;
  color: #2d2924 !important;
  text-decoration: none !important;
  text-align: left !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
}

#sec_1782110839766 .pickup-item-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 46px rgba(76, 58, 34, .16) !important;
}

#sec_1782110839766 .pickup-badge {
  position: absolute !important;
  z-index: 2 !important;
  top: 16px !important;
  left: 16px !important;
  padding: 7px 13px !important;
  background: rgba(45, 41, 36, .88) !important;
  color: #f4d99f !important;
  border-radius: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
}

#sec_1782110839766 .pickup-img-box {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #eadfcd !important;
}

#sec_1782110839766 .pickup-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .55s ease !important;
}

#sec_1782110839766 .pickup-item-card:hover .pickup-img {
  transform: scale(1.035) !important;
}

#sec_1782110839766 .pickup-info {
  padding: 23px 24px 25px !important;
}

#sec_1782110839766 .pickup-title {
  margin: 0 0 13px !important;
  color: #2d2924 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: .055em !important;
}

#sec_1782110839766 .pickup-price {
  margin: 0 !important;
  color: #966f24 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}

#sec_1782110839766 .tax-label {
  color: #83796d !important;
  font-family: var(--font-sans), sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
}

/* 「すべてのメニューを見る」だけを非表示 */
#sec_1782110839766 .menu-btn-wrap,
#sec_1782110839766 .btn-menu-more {
  display: none !important;
}

@media (max-width: 820px) {
  #sec_1782110839766 .scroll-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #sec_1782110839766 .pickup-item-card:last-child {
    grid-column: 1 / -1 !important;
    width: min(100%, 520px) !important;
    justify-self: center !important;
  }
}

@media (max-width: 580px) {
  #sec_1782110839766.menu-section {
    padding: 66px 15px 76px !important;
  }

  #sec_1782110839766 .section-header {
    margin-bottom: 34px !important;
  }

  #sec_1782110839766 .scroll-inner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #sec_1782110839766 .pickup-item-card:last-child {
    grid-column: auto !important;
    width: 100% !important;
  }

  #sec_1782110839766 .pickup-img-box {
    aspect-ratio: 16 / 10 !important;
  }

  #sec_1782110839766 .pickup-info {
    padding: 19px 20px 21px !important;
  }
}

/* Block: custom_html / sec_1785917919494 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}

/* Block: menu_category_grid / sec_1782110885267 */
/* =========================================================
   居酒屋れん / メニューページ
   04：単品メニュー一覧
   Block: menu_category_grid / sec_1782110885267

   背景画像パス：
   image/assets/asset_20260805134958_6a72c0f6880b8.webp
   ========================================================= */

section#sec_1782110885267.menu-grid-section {
  --fc-bg-overlay: rgba(255, 252, 245, .955) !important;
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(78px, 9vw, 120px) 20px clamp(86px, 10vw, 132px) !important;
  background-color: #fbf4e7 !important;
  background-image:
    linear-gradient(rgba(255, 252, 245, .955), rgba(249, 240, 224, .965)),
    url("/image/assets/asset_20260805134958_6a72c0f6880b8.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  color: #2d2924 !important;
}

#sec_1782110885267 .menu-section-header {
  max-width: 760px !important;
  margin: 0 auto 48px !important;
  text-align: center !important;
}

#sec_1782110885267 .menu-main-title {
  margin: 0 !important;
  color: #2d2924 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .11em !important;
}

#sec_1782110885267 .menu-main-title::before {
  content: "A LA CARTE MENU" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .3em !important;
}

/* 「〜〜〜〜」の仮テキストは非表示 */
#sec_1782110885267 .menu-sub-text {
  display: none !important;
}

#sec_1782110885267 .menu-cat-container {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
}

#sec_1782110885267 .menu-cat-block {
  margin: 0 0 28px !important;
  padding: 28px !important;
  background: rgba(255, 253, 248, .86) !important;
  border: 1px solid rgba(170, 133, 64, .2) !important;
  border-top: 2px solid rgba(170, 133, 64, .72) !important;
  border-radius: 2px !important;
  box-shadow: 0 13px 32px rgba(75, 55, 29, .075) !important;
}

#sec_1782110885267 .menu-cat-header {
  margin: 0 0 21px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid rgba(170, 133, 64, .24) !important;
}

#sec_1782110885267 .menu-cat-name {
  margin: 0 !important;
  padding-left: 15px !important;
  border-left: 3px solid #aa8540 !important;
  color: #342e28 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: .09em !important;
}

#sec_1782110885267 .menu-items-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

#sec_1782110885267 .menu-item-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 72px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .74) !important;
  border: 1px solid rgba(93, 73, 45, .12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2d2924 !important;
  transition: background .25s ease, border-color .25s ease !important;
}

#sec_1782110885267 .menu-item-card:hover {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(170, 133, 64, .42) !important;
}

#sec_1782110885267 .menu-item-card.has-image {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
}

#sec_1782110885267 .menu-item-card.no-image {
  display: block !important;
}

#sec_1782110885267 .mi-img-box {
  width: 92px !important;
  height: 100% !important;
  min-height: 82px !important;
  overflow: hidden !important;
  background: #e9decc !important;
}

#sec_1782110885267 .mi-img-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#sec_1782110885267 .mi-info {
  min-width: 0 !important;
  padding: 14px 15px !important;
}

#sec_1782110885267 .mi-title {
  margin: 0 !important;
  color: #39322b !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .035em !important;
}

#sec_1782110885267 .mi-meta {
  margin-top: 8px !important;
}

#sec_1782110885267 .mi-price,
#sec_1782110885267 .price-in {
  color: #956e24 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#sec_1782110885267 .menu-cat-block:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 980px) {
  #sec_1782110885267 .menu-items-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  section#sec_1782110885267.menu-grid-section {
    padding: 66px 13px 78px !important;
    background-position: center top !important;
  }

  #sec_1782110885267 .menu-section-header {
    margin-bottom: 34px !important;
  }

  #sec_1782110885267 .menu-cat-block {
    margin-bottom: 18px !important;
    padding: 20px 14px !important;
  }

  #sec_1782110885267 .menu-cat-header {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }

  #sec_1782110885267 .menu-cat-name {
    font-size: 18px !important;
  }

  #sec_1782110885267 .menu-items-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #sec_1782110885267 .menu-item-card {
    min-height: 66px !important;
  }

  #sec_1782110885267 .menu-item-card.has-image {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  #sec_1782110885267 .mi-img-box {
    width: 86px !important;
    min-height: 76px !important;
  }
}

/* Block: custom_html / sec_1785917914177 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}

/* Block: menu_category_grid / sec_1785917910810 */
/* =========================================================
   居酒屋れん / メニューページ
   06：ドリンクメニュー一覧
   Block: menu_category_grid / sec_1785917910810

   背景画像パス：
   image/assets/asset_20260805135001_6a72c0f9a2bed.webp
   ========================================================= */

section#sec_1785917910810.menu-grid-section {
  --fc-bg-overlay: rgba(249, 249, 239, .955) !important;
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(78px, 9vw, 120px) 20px clamp(86px, 10vw, 132px) !important;
  background-color: #f2f2e7 !important;
  background-image:
    linear-gradient(rgba(249, 249, 239, .955), rgba(242, 242, 229, .97)),
    url("/image/assets/asset_20260805135001_6a72c0f9a2bed.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center 25% !important;
  background-size: cover !important;
  color: #2d2924 !important;
}

#sec_1785917910810 .menu-section-header {
  max-width: 760px !important;
  margin: 0 auto 48px !important;
  text-align: center !important;
}

#sec_1785917910810 .menu-main-title {
  margin: 0 !important;
  color: #2d2924 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .11em !important;
}

#sec_1785917910810 .menu-main-title::before {
  content: "DRINK MENU" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #756c3e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .3em !important;
}

/* 「〜〜〜」の仮テキストは非表示 */
#sec_1785917910810 .menu-sub-text {
  display: none !important;
}

#sec_1785917910810 .menu-cat-container {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
}

#sec_1785917910810 .menu-cat-block {
  margin: 0 0 28px !important;
  padding: 28px !important;
  background: rgba(255, 255, 249, .86) !important;
  border: 1px solid rgba(116, 107, 63, .19) !important;
  border-top: 2px solid rgba(126, 116, 68, .72) !important;
  border-radius: 2px !important;
  box-shadow: 0 13px 32px rgba(50, 57, 42, .07) !important;
}

#sec_1785917910810 .menu-cat-header {
  margin: 0 0 21px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid rgba(126, 116, 68, .22) !important;
}

#sec_1785917910810 .menu-cat-name {
  margin: 0 !important;
  padding-left: 15px !important;
  border-left: 3px solid #817747 !important;
  color: #34352f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  letter-spacing: .09em !important;
}

#sec_1785917910810 .menu-items-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

#sec_1785917910810 .menu-item-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 68px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .7) !important;
  border: 1px solid rgba(73, 77, 61, .12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2d2924 !important;
  transition: background .25s ease, border-color .25s ease !important;
}

#sec_1785917910810 .menu-item-card:hover {
  background: rgba(255, 255, 255, .98) !important;
  border-color: rgba(126, 116, 68, .4) !important;
}

#sec_1785917910810 .mi-info {
  min-width: 0 !important;
  padding: 14px 15px !important;
}

#sec_1785917910810 .mi-title {
  margin: 0 !important;
  color: #383a34 !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .035em !important;
}

#sec_1785917910810 .mi-meta {
  margin-top: 8px !important;
}

#sec_1785917910810 .mi-price,
#sec_1785917910810 .price-in {
  color: #776d3c !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#sec_1785917910810 .menu-cat-block:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 980px) {
  #sec_1785917910810 .menu-items-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  section#sec_1785917910810.menu-grid-section {
    padding: 66px 13px 78px !important;
    background-position: center top !important;
  }

  #sec_1785917910810 .menu-section-header {
    margin-bottom: 34px !important;
  }

  #sec_1785917910810 .menu-cat-block {
    margin-bottom: 18px !important;
    padding: 20px 14px !important;
  }

  #sec_1785917910810 .menu-cat-header {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }

  #sec_1785917910810 .menu-cat-name {
    font-size: 18px !important;
  }

  #sec_1785917910810 .menu-items-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #sec_1785917910810 .menu-item-card {
    min-height: 64px !important;
  }
}


/* =========================================================
   Page: courses / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に｜COURSES
========================================================= */

/* Block: hero_page / sec_1782110998212 */
/* =========================================================
   居酒屋れん / コースページ
   01：下層ページ共通ヒーロー
   Block: hero_page / sec_1782110998212

   画像はCSSで固定していません。
   編集画面の「画像パス」で選択した写真が表示されます。
   ========================================================= */

#sec_1782110998212.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

#sec_1782110998212.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 36%,
    rgba(255, 252, 245, .42) 64%,
    rgba(255, 252, 245, .12) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1782110998212 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1782110998212 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1782110998212 .ph-title {
  max-width: 720px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1782110998212 .ph-title::before {
  content: "COURSE" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

#sec_1782110998212 .ph-desc {
  max-width: 620px !important;
  margin: 20px 0 0 !important;
  color: #514a42 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 2 !important;
  letter-spacing: .055em !important;
  text-align: left !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.6) !important;
}

@media (max-width: 1024px) {
  #sec_1782110998212.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1782110998212.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1782110998212.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .64) 45%,
      rgba(255, 252, 245, .96) 100%
    ) !important;
  }

  #sec_1782110998212 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1782110998212 .ph-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    letter-spacing: .1em !important;
  }

  #sec_1782110998212 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }

  #sec_1782110998212 .ph-desc {
    margin-top: 15px !important;
    font-size: 12.5px !important;
    line-height: 1.85 !important;
  }
}

/* Block: custom_html / sec_1785929651767 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}

/* Block: course_list / sec_1782111030011 */
/* =========================================================
   居酒屋れん / コースページ
   02：コース・飲み放題一覧
   Block: course_list / sec_1782111030011

   大きなコース画像は非表示。
   内容・詳細・料金を優先した一覧です。
   ========================================================= */

#sec_1782111030011.course-list-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(78px, 9vw, 120px) 20px clamp(86px, 10vw, 132px) !important;
  background:
    linear-gradient(rgba(255, 252, 245, .955), rgba(248, 239, 223, .97)),
    url("/image/assets/asset_20260805134958_6a72c0f6880b8.webp") center 42% / cover no-repeat !important;
  color: #2d2924 !important;
}

#sec_1782111030011 .course-list-header {
  max-width: 780px !important;
  margin: 0 auto 50px !important;
  text-align: center !important;
}

#sec_1782111030011 .course-list-title {
  margin: 0 !important;
  color: #2d2924 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .11em !important;
}

#sec_1782111030011 .course-list-title::before {
  content: "COURSE PLAN" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .32em !important;
}

#sec_1782111030011 .course-list-desc {
  margin: 16px 0 0 !important;
  color: #625a51 !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .04em !important;
}

#sec_1782111030011 .course-list-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}

/* 大きなコース画像を非表示 */
#sec_1782111030011 .course-list-img {
  display: none !important;
}

#sec_1782111030011 .course-list-card {
  display: block !important;
  overflow: hidden !important;
  background: rgba(255, 253, 248, .92) !important;
  border: 1px solid rgba(170, 133, 64, .24) !important;
  border-top: 2px solid rgba(170, 133, 64, .76) !important;
  border-radius: 2px !important;
  box-shadow: 0 15px 36px rgba(75, 55, 29, .085) !important;
}

#sec_1782111030011 .course-list-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 190px) !important;
  grid-template-rows: auto auto 1fr auto !important;
  column-gap: clamp(24px, 4vw, 54px) !important;
  padding: clamp(25px, 4vw, 42px) !important;
}

#sec_1782111030011 .course-list-kicker {
  grid-column: 1 !important;
  margin: 0 0 12px !important;
  color: #946f28 !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  letter-spacing: .1em !important;
}

#sec_1782111030011 .course-list-body h3 {
  grid-column: 1 !important;
  margin: 0 0 16px !important;
  color: #332d27 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.15rem, 2.1vw, 1.55rem) !important;
  font-weight: 900 !important;
  line-height: 1.75 !important;
  letter-spacing: .045em !important;
}

#sec_1782111030011 .course-list-text {
  grid-column: 1 !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #625a51 !important;
  font-size: 13.5px !important;
  line-height: 2 !important;
  letter-spacing: .025em !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

#sec_1782111030011 .course-list-price {
  grid-column: 2 !important;
  grid-row: 1 / 4 !important;
  align-self: center !important;
  justify-self: stretch !important;
  margin: 0 !important;
  padding: 22px 12px !important;
  border-left: 1px solid rgba(170, 133, 64, .25) !important;
  color: #916b21 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.75rem, 3.2vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

#sec_1782111030011 .course-list-price small {
  display: block !important;
  margin-top: 7px !important;
  color: #82786d !important;
  font-family: var(--font-sans), sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
}

#sec_1782111030011 .course-list-reserve {
  grid-column: 2 !important;
  grid-row: 4 !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 16px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #332d27 !important;
  border-radius: 0 !important;
  background: #332d27 !important;
  color: #f3dca6 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

#sec_1782111030011 .course-list-reserve:hover {
  background: #9a762d !important;
  border-color: #9a762d !important;
  color: #fff !important;
}

#sec_1782111030011 .drink-option-list {
  max-width: 1080px !important;
  margin: 30px auto 0 !important;
  padding: 28px !important;
  background: rgba(255, 253, 248, .9) !important;
  border: 1px solid rgba(170, 133, 64, .24) !important;
}

#sec_1782111030011 .drink-option-list h3 {
  margin: 0 0 18px !important;
  color: #332d27 !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

#sec_1782111030011 .drink-option-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 13px 0 !important;
  border-top: 1px solid rgba(170, 133, 64, .18) !important;
  color: #554d45 !important;
  font-size: 13.5px !important;
}

#sec_1782111030011 .drink-option-row strong {
  color: #916b21 !important;
}

@media (max-width: 680px) {
  #sec_1782111030011.course-list-section {
    padding: 66px 13px 78px !important;
  }

  #sec_1782111030011 .course-list-header {
    margin-bottom: 34px !important;
  }

  #sec_1782111030011 .course-list-body {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    padding: 24px 20px !important;
  }

  #sec_1782111030011 .course-list-kicker,
  #sec_1782111030011 .course-list-body h3,
  #sec_1782111030011 .course-list-text,
  #sec_1782111030011 .course-list-price,
  #sec_1782111030011 .course-list-reserve {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #sec_1782111030011 .course-list-body h3 {
    font-size: 1.08rem !important;
    line-height: 1.7 !important;
  }

  #sec_1782111030011 .course-list-price {
    justify-self: stretch !important;
    margin-top: 20px !important;
    padding: 18px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(170, 133, 64, .25) !important;
    text-align: left !important;
  }

  #sec_1782111030011 .course-list-price small {
    display: inline !important;
    margin-left: 6px !important;
  }

  #sec_1782111030011 .drink-option-list {
    padding: 22px 18px !important;
  }
}

/* Block: custom_html / sec_1785986280754 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}


/* =========================================================
   Page: seats / SEATS ページ
========================================================= */

/* Block: hero_page / sec_1782111079546 */
.page-hero-wrapper {
  position: relative;
  min-height: 360px;
  padding: 150px 20px 90px;
  text-align: center;
  color: var(--text-main);
  background-size: cover;
  background-position: center;
}
.page-hero-wrapper::after, .ph-overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(16,23,24,.82), rgba(31,47,48,.46));
}
.ph-container { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.ph-title { font-family: var(--font-serif); font-size: clamp(2rem, 5vw, 3.4rem); color: var(--gold-light); letter-spacing: .16em; }
.ph-desc { margin-top: 16px; color: var(--text-sub); font-size: 14px; line-height: 2; }

/* Block: seat_list_full / sec_1782111115207 */
/* FluxCore block theme CSS.
   Site-wide tokens, header, first-view hero, page hero, and footer live in style.css.
   Site-specific overrides generated from the editor live in custom.css. */

.seat-list-full-section {padding: 100px 20px; background: #101718; color: #fff7ea;}
.slf-header {text-align: center; margin-bottom: 60px;}
.slf-main-title {font-family: 'Shippori Mincho', serif; font-size: 28px; font-weight: 800; color: #f6cf7a; letter-spacing: 0.1em; margin: 0 0 15px 0;}
.slf-sub-text {font-family: 'Noto Sans JP', sans-serif; font-size: 14px; color: #e0c8a0; line-height: 1.8; letter-spacing: 0.05em;}
.slf-grid {max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; align-items: stretch;}
.slf-card {display: flex; flex-direction: column; height: 100%; background: rgba(255,255,255,0.06); border-radius: 8px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.18); border: 1px solid rgba(246,207,122,0.22); transition: transform 0.4s ease, box-shadow 0.4s ease;}
.slf-card:hover {transform: translateY(-4px); box-shadow: 0 15px 40px rgba(246, 207, 122, 0.18);}
.slf-img-wrap {position: relative; width: 100%; aspect-ratio: 4 / 3; height: auto; min-height: 0; overflow: hidden; background: #172526;}
.slf-img-wrap img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease;}
.slf-card:hover .slf-img-wrap img {transform: scale(1.05);}
.slf-badge {position: absolute; top: 15px; right: 15px; padding: 6px 14px; border-radius: 20px; font-size: 11px; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.05em; z-index: 2; box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.slf-badge.is-open {background: #fff; color: var(--gold); border: 1px solid var(--gold);}
.slf-badge.is-full {background: #aaa; color: #fff; border: 1px solid #aaa;}
.slf-body {padding: 30px 25px; flex: 1; display: flex; flex-direction: column;}
.slf-title {font-family: 'Shippori Mincho', serif; font-size: 18px; font-weight: 700; color: #fff7ea; margin: 0 0 12px 0; line-height: 1.4;}
.slf-cap {font-family: 'Noto Sans JP', sans-serif; font-size: 12px; color: #a79578; font-weight: normal;}
.slf-desc {font-size: 13px; color: #e0c8a0; line-height: 1.8; margin: 0; flex: 1;}
.slf-reserve-btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; margin-top: 22px; border-radius: 4px; border: 1px solid #c5a25a; background: #c5a25a; color: #111; font-weight: 800; padding: 12px 18px; cursor: pointer;}
.slf-reserve-btn:hover {background: #f6cf7a; border-color: #f6cf7a;}
.section-header, .menu-section-header, .slf-header, .course-list-header, .news-section-header, .job-section-header, .contact-section-header {
  text-align: center;
  margin-bottom: 48px;
}
.section-header h2, .menu-main-title, .slf-main-title, .course-list-title, .news-main-title, .job-main-title, .contact-main-title {
  font-family: var(--font-serif);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  color: var(--gold-light);
  letter-spacing: .12em;
  font-weight: 800;
}
.section-header p, .menu-sub-text, .slf-sub-text, .course-list-desc, .news-sub-text, .job-sub-text, .contact-sub-text {
  margin-top: 14px;
  color: var(--text-sub);
  font-size: 14px;
  line-height: 2;
}
.btn-header-reserve, .course-list-reserve, .slf-reserve-btn, .btn-menu-more, .btn-recruit-link, .btn-job-apply, .btn-submit-contact, .btn-nab-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--gold);
  background: var(--gold);
  color: #111;
  font-weight: 800;
  padding: 12px 22px;
  cursor: pointer;
}
.btn-header-reserve:hover, .course-list-reserve:hover, .slf-reserve-btn:hover, .btn-menu-more:hover, .btn-recruit-link:hover, .btn-job-apply:hover, .btn-submit-contact:hover, .btn-nab-back:hover {
  background: var(--gold-light);
  border-color: var(--gold-light);
  color: #111;
}
@media (max-width: 768px) {
  .seat-list-full-section {padding: 70px 15px;}
  .slf-main-title {font-size: 24px;}
  .slf-grid {grid-template-columns: 1fr; gap: 25px;}
  .slf-body {padding: 25px 20px;}
}

/* Block: big_calendar / sec_1782111142769 */
.big-calendar-section {padding: 90px 20px; background: #101718; color: #fff7ea;}
.bc-container, .calendar-card {max-width: 1040px; margin: 0 auto;}
.calendar-card {padding: 36px; background: rgba(255,255,255,0.06); border: 1px solid rgba(246,207,122,0.22); border-radius: 8px; box-shadow: 0 18px 45px rgba(0,0,0,0.2);}
.calendar-header-box {text-align: center; margin-bottom: 32px;}
.bc-month-nav {display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 24px;}
.bc-month-label {min-width: 150px; color: #f6cf7a; font-family: 'Shippori Mincho', serif; font-size: 20px; font-weight: 800; text-align: center; letter-spacing: 0.08em;}
.bc-month-btn {width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(246,207,122,0.38); border-radius: 999px; background: rgba(246,207,122,0.08); color: #f6cf7a; cursor: pointer;}
.bc-month-btn:hover:not(:disabled) {background: rgba(246,207,122,0.18); border-color: rgba(246,207,122,0.72);}
.bc-month-btn:disabled {opacity: 0.35; cursor: not-allowed;}
.cal-main-title {margin: 0 0 12px; font-family: 'Shippori Mincho', serif; color: #f6cf7a; font-size: 28px; letter-spacing: 0.12em;}
.cal-sub-text {margin: 0; color: #e0c8a0; line-height: 2;}
.bc-header, .big-calendar-section .section-header {text-align: center; margin-bottom: 42px;}
.bc-title, .big-calendar-section h2 {font-family: 'Shippori Mincho', serif; color: #f6cf7a; font-size: 28px; letter-spacing: 0.12em;}
.bc-desc, .big-calendar-section p {color: #e0c8a0; line-height: 2;}
.bc-calendar, .bc-grid, .big-calendar-grid {display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); background: rgba(255,255,255,0.05); border: 1px solid rgba(246,207,122,0.22); border-radius: 8px; overflow: hidden;}
.bc-day-head, .bc-day {min-height: 78px; padding: 12px 8px; border-right: 1px solid rgba(246,207,122,0.16) !important; border-bottom: 1px solid rgba(246,207,122,0.16) !important;}
.bc-day-head {min-height: auto; text-align: center; background: rgba(197,162,90,0.16); color: #f6cf7a; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 900; letter-spacing: 0.08em;}
.bc-day {background: rgba(255,255,255,0.03); color: #fff7ea; cursor: pointer;}
.bc-day.is-open {background: linear-gradient(135deg, rgba(246,207,122,0.20), rgba(197,162,90,0.08)); box-shadow: inset 0 0 0 1px rgba(246,207,122,0.22);}
.bc-day.is-open:hover {background: linear-gradient(135deg, rgba(246,207,122,0.30), rgba(197,162,90,0.14));}
.bc-day.is-limited {background: rgba(232,193,107,0.11);}
.bc-day.is-full {background: rgba(179,52,61,0.045); cursor: default;}
.bc-empty {background: rgba(255,255,255,0.015); cursor: default;}
.bc-date-num {color: #fff7ea; font-weight: 900;}
.bc-date-mark {margin-top: 10px; font-size: 18px; font-weight: 900;}
@media (max-width: 768px) {
  .big-calendar-section {padding: 64px 15px;}
  .calendar-card {padding: 22px;}
  .bc-title, .big-calendar-section h2, .cal-main-title {font-size: 22px;}
  .bc-day {min-height: 64px; padding: 9px 5px;}
  .bc-day-head {padding: 8px 4px; font-size: 10px;}
}

/* Block: reservation_policy / sec_1782111159668 */
.policy-section {padding: 72px 20px; background: #f7f1e5; color: #1a1a1a;}
.policy-container {max-width: 860px; margin: 0 auto; padding: 34px 38px; background: #fffaf0; border: 1px solid rgba(16,23,24,0.12); border-left: 4px solid #c5a25a; border-radius: 8px; box-shadow: 0 16px 38px rgba(16,23,24,0.08);}
.policy-title {font-family: 'Shippori Mincho', serif; color: #1b2424; font-size: 22px; letter-spacing: 0.08em; margin: 0 0 18px;}
.policy-title i {color: #c5a25a; margin-right: 8px;}
.policy-content {color: #33403f; font-size: 14px; line-height: 2;}
.policy-block + .policy-block {margin-top: 30px; padding-top: 28px; border-top: 1px dashed rgba(16,23,24,0.16);}
.policy-steps {list-style: none; margin: 0; padding: 0;}
.policy-step {display: flex; gap: 16px; align-items: flex-start; padding: 12px 0;}
.policy-step + .policy-step {border-top: 1px solid rgba(16,23,24,0.07);}
.policy-step-num {flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px; background: #c5a25a; color: #fff; font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 15px;}
.policy-step-title {font-weight: 700; color: #1b2424; font-size: 15px; margin-bottom: 4px;}
.policy-step-desc {color: #33403f; font-size: 13.5px; line-height: 1.9;}
@media (max-width: 768px) {
  .policy-section {padding: 56px 15px;}
  .policy-container {padding: 26px 20px;}
  .policy-title {font-size: 19px;}
  .policy-step-num {width: 28px; height: 28px; font-size: 13px;}
}


/* =========================================================
   Page: recruit / RECRUIT ページ
========================================================= */

/* Block: hero_page / sec_1782111185841 */
.page-hero-wrapper {
  position: relative;
  min-height: 360px;
  padding: 150px 20px 90px;
  text-align: center;
  color: var(--text-main);
  background-size: cover;
  background-position: center;
}
.page-hero-wrapper::after, .ph-overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(16,23,24,.82), rgba(31,47,48,.46));
}
.ph-container { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.ph-title { font-family: var(--font-serif); font-size: clamp(2rem, 5vw, 3.4rem); color: var(--gold-light); letter-spacing: .16em; }
.ph-desc { margin-top: 16px; color: var(--text-sub); font-size: 14px; line-height: 2; }

/* Block: recruit_job_list / sec_1782114313132 */
.job-list-section {
padding: 104px 20px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
var(--bg-base) !important;
color: var(--text-main) !important;
}
.job-section-header {
max-width: 760px !important;
margin: 0 auto 56px !important;
text-align: center !important;
}
.job-main-title {
margin: 0 0 14px !important;
color: var(--gold-light) !important;
font-family: var(--font-serif) !important;
font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
font-weight: 900 !important;
letter-spacing: .12em !important;
}
.job-sub-text {
margin: 0 !important;
color: var(--text-sub) !important;
font-size: 14px !important;
line-height: 2 !important;
}
.job-container {
max-width: 1040px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
}
.job-card {
overflow: hidden !important;
background: rgba(255, 255, 255, .055) !important;
color: var(--text-main) !important;
border: 1px solid rgba(246, 207, 122, .22) !important;
border-radius: 6px !important;
box-shadow: 0 18px 48px rgba(0, 0, 0, .23) !important;
}
.job-card-header {
padding: 26px 30px !important;
background: rgba(0, 0, 0, .18) !important;
border-bottom: 1px solid rgba(246, 207, 122, .18) !important;
}
.job-type-badge {
display: inline-flex !important;
margin-bottom: 12px !important;
padding: 5px 12px !important;
background: rgba(179, 52, 61, .88) !important;
color: #fff !important;
border: 1px solid rgba(255, 255, 255, .12) !important;
border-radius: 4px !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
}
.job-title {
margin: 0 !important;
color: var(--text-main) !important;
font-family: var(--font-serif) !important;
font-size: 22px !important;
line-height: 1.5 !important;
}
.job-card-body {
display: grid !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
gap: 30px !important;
padding: 30px !important;
}
.job-img-box {
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
flex: initial !important;
border-radius: 6px !important;
overflow: hidden !important;
background: var(--bg-paper) !important;
}
.job-img-box img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.job-info-box {
min-width: 0 !important;
}
.job-table {
width: 100% !important;
border-collapse: collapse !important;
}
.job-table th,
.job-table td {
padding: 13px 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
color: var(--text-sub) !important;
font-size: 13px !important;
line-height: 1.8 !important;
}
.job-table th {
width: 116px !important;
padding-right: 18px !important;
color: var(--gold) !important;
font-weight: 800 !important;
white-space: nowrap !important;
}
.job-salary {
color: var(--gold-light) !important;
font-weight: 900 !important;
}
.job-section-header {
  text-align: center;
  margin-bottom: 48px;
}
.job-main-title {
  font-family: var(--font-serif);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  color: var(--gold-light);
  letter-spacing: .12em;
  font-weight: 800;
}
.job-sub-text {
  margin-top: 14px;
  color: var(--text-sub);
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 768px) {
  .job-list-section {
padding: 70px 15px !important;
}
  .job-card-body {
grid-template-columns: 1fr !important;
padding: 24px !important;
}
  .job-table th,
.job-table td {
display: block !important;
width: 100% !important;
padding: 8px 0 !important;
}
}

/* Block: recruit_spot_list / sec_1782111249790 */
/* Izakaya block theme overrides: recruit_spot_list, free_text_box, recruit_banner, instagram_feed. */
.recruit-spot-section,
.recruit-banner-section,
.fc-instagram-embed-section {
background: var(--bg-base) !important;
color: var(--text-main) !important;
}
.recruit-spot-section {
padding: 96px 20px !important;
}
.main-spot-card {
max-width: 920px !important;
margin: 0 auto !important;
padding: 46px 44px !important;
background: linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
border: 1px solid rgba(246, 207, 122, .26) !important;
border-radius: 6px !important;
box-shadow: 0 22px 58px rgba(0, 0, 0, .26) !important;
text-align: center !important;
}
.spot-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 22px !important;
padding: 6px 16px !important;
background: rgba(179, 52, 61, .92) !important;
color: #fff7ea !important;
border: 1px solid rgba(255, 247, 234, .18) !important;
border-radius: 4px !important;
font-family: var(--font-en) !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .14em !important;
}
.spot-title {
margin: 0 0 18px !important;
color: var(--gold-light) !important;
font-family: var(--font-serif) !important;
font-size: clamp(1.45rem, 3vw, 2.1rem) !important;
font-weight: 800 !important;
line-height: 1.55 !important;
letter-spacing: .1em !important;
}
.spot-desc {
max-width: 680px !important;
margin: 0 auto !important;
color: var(--text-sub) !important;
font-family: var(--font-serif) !important;
font-size: 15px !important;
line-height: 2.05 !important;
letter-spacing: .04em !important;
}
.spot-card,
.spot-content,
.sic-body,
.fc-course-info {
min-width: 0 !important;
}
.spot-btn-wrap {
margin-top: 30px !important;
}
.btn-spot-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 46px !important;
padding: 0 26px !important;
background: var(--gold) !important;
color: #101718 !important;
border: 1px solid var(--gold) !important;
border-radius: 4px !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 900 !important;
letter-spacing: .06em !important;
}
.btn-spot-link:hover {
background: var(--gold-light) !important;
color: #101718 !important;
transform: translateY(-2px) !important;
}
.spot-items-grid {
max-width: 1040px !important;
margin: 54px auto 0 !important;
}
.spot-grid-title {
display: block !important;
width: auto !important;
margin: 0 0 26px !important;
padding-bottom: 14px !important;
color: var(--gold-light) !important;
border-bottom: 1px solid rgba(246, 207, 122, .28) !important;
font-family: var(--font-serif) !important;
font-size: 18px !important;
font-weight: 800 !important;
letter-spacing: .08em !important;
text-align: center !important;
}
.sig-wrapper {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 20px !important;
}
.spot-item-card {
padding: 22px !important;
background: rgba(255, 255, 255, .055) !important;
border: 1px solid rgba(246, 207, 122, .22) !important;
border-radius: 6px !important;
box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}
.spot-item-card.is-full {
opacity: .68 !important;
background: rgba(255, 255, 255, .035) !important;
border-color: rgba(255, 255, 255, .12) !important;
filter: saturate(.72) !important;
}
.sic-header {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 16px !important;
padding-bottom: 16px !important;
margin-bottom: 16px !important;
border-bottom: 1px solid rgba(246, 207, 122, .18) !important;
}
.sic-date {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
}
.sic-md {
color: var(--gold-light) !important;
font-family: var(--font-en) !important;
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.sic-time {
color: var(--text-muted) !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.sic-status {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 30px !important;
padding: 0 12px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
.status-open {
background: rgba(197, 162, 90, .18) !important;
color: var(--gold-light) !important;
border: 1px solid rgba(246, 207, 122, .32) !important;
}
.status-full {
background: rgba(179, 52, 61, .2) !important;
color: #ffb4b4 !important;
border: 1px solid rgba(179, 52, 61, .36) !important;
}
.sic-title {
margin: 0 0 12px !important;
color: var(--text-main) !important;
font-family: var(--font-serif) !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.55 !important;
}
.sic-wage {
margin-bottom: 12px !important;
color: var(--text-sub) !important;
font-size: 13px !important;
}
.sic-wage strong {
color: var(--gold-light) !important;
font-family: var(--font-en) !important;
font-size: 20px !important;
font-weight: 900 !important;
}
.sic-desc {
margin: 0 !important;
color: var(--text-muted) !important;
font-size: 13px !important;
line-height: 1.85 !important;
}
@media (max-width: 768px) {
  .recruit-spot-section,
.recruit-banner-section,
.fc-instagram-embed-section,
.free-text-section {
padding: 70px 15px !important;
}
  .main-spot-card,
.recruit-banner-container {
padding: 34px 22px !important;
}
  .spot-title,
.recruit-title {
letter-spacing: .06em !important;
}
  .spot-desc,
.recruit-desc {
font-size: 14px !important;
line-height: 1.9 !important;
}
  .btn-spot-link,
.btn-recruit-link,
.fc-instagram-embed-action a {
width: 100% !important;
max-width: 320px !important;
}
  .spot-grid-title {
font-size: 16px !important;
}
  .sig-wrapper {
grid-template-columns: 1fr !important;
}
  .sic-header {
align-items: center !important;
}
}

/* Block: contact_form / sec_1782111266170 */
.contact-form-section {padding: 100px 20px; background: #101718; color: #fff7ea;}
.contact-section-header {text-align: center; margin-bottom: 50px;}
.contact-main-title {font-family: 'Montserrat', 'Shippori Mincho', serif; font-size: 28px; font-weight: 800; color: #f6cf7a; letter-spacing: 0.15em; margin: 0 0 15px 0;}
.contact-sub-text {font-family: 'Noto Sans JP', sans-serif; font-size: 14px; color: #e0c8a0; line-height: 1.8;}
.contact-container {max-width: 860px; margin: 0 auto;}
.form-wrapper {background: rgba(255,255,255,0.06); border: 1px solid rgba(246,207,122,0.22); padding: 42px; border-radius: 8px; box-shadow: 0 18px 45px rgba(0,0,0,0.2);}
.restaurant-contact-form input[type="text"], .restaurant-contact-form input[type="email"], .restaurant-contact-form input[type="tel"], .restaurant-contact-form select, .restaurant-contact-form textarea {width: 100%; padding: 16px 20px; border: 1px solid rgba(246,207,122,0.28); border-radius: 6px; font-size: 15px; font-family: 'Noto Sans JP', sans-serif; color: #172526; background: rgba(255,255,255,0.94); transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: inset 0 2px 4px rgba(0,0,0,0.01);}
.restaurant-contact-form input:focus, .restaurant-contact-form select:focus, .restaurant-contact-form textarea:focus {outline: none; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(246, 207, 122, 0.18); background: rgba(255, 247, 234, 0.92);}
.select-wrap {position: relative;}
.select-wrap::after {content: '\f107'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #aaa; pointer-events: none;}
.restaurant-contact-form select {appearance: none; -webkit-appearance: none; cursor: pointer;}
.form-submit-wrap {text-align: center; margin-top: 50px;}
.btn-submit-contact {display: inline-block; background: #c5a25a; color: #101718; border: 1px solid #c5a25a; padding: 18px 60px; border-radius: 4px; font-size: 15px; font-weight: bold; letter-spacing: 0.1em; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.btn-submit-contact:hover {background: #f6cf7a; border-color: #f6cf7a; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(195,163,69,0.3);}
.contact-success-msg {background: rgba(255,255,255,0.06); border: 1px solid rgba(246,207,122,0.22); color: #fff7ea; padding: 40px; border-radius: 8px; text-align: center; margin-bottom: 30px; animation: fadeIn 0.5s ease;}
.contact-success-msg i {font-size: 30px; margin-bottom: 15px;}
.contact-success-msg p {font-size: 15px; font-weight: bold; margin: 0; line-height: 1.6;}
.section-header, .menu-section-header, .slf-header, .course-list-header, .news-section-header, .job-section-header, .contact-section-header {
  text-align: center;
  margin-bottom: 48px;
}
.section-header h2, .menu-main-title, .slf-main-title, .course-list-title, .news-main-title, .job-main-title, .contact-main-title {
  font-family: var(--font-serif);
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  color: var(--gold-light);
  letter-spacing: .12em;
  font-weight: 800;
}
.section-header p, .menu-sub-text, .slf-sub-text, .course-list-desc, .news-sub-text, .job-sub-text, .contact-sub-text {
  margin-top: 14px;
  color: var(--text-sub);
  font-size: 14px;
  line-height: 2;
}
.btn-header-reserve, .course-list-reserve, .slf-reserve-btn, .btn-menu-more, .btn-recruit-link, .btn-job-apply, .btn-submit-contact, .btn-nab-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--gold);
  background: var(--gold);
  color: #111;
  font-weight: 800;
  padding: 12px 22px;
  cursor: pointer;
}
.btn-header-reserve:hover, .course-list-reserve:hover, .slf-reserve-btn:hover, .btn-menu-more:hover, .btn-recruit-link:hover, .btn-job-apply:hover, .btn-submit-contact:hover, .btn-nab-back:hover {
  background: var(--gold-light);
  border-color: var(--gold-light);
  color: #111;
}
@media (max-width: 768px) {
  .form-wrapper {padding: 40px 20px;}
  .contact-main-title {font-size: 24px;}
  .btn-submit-contact {width: 100%; padding: 18px 0;}
}


/* =========================================================
   Page: reviews / REVIEWS ページ
========================================================= */

/* Block: hero_page / sec_1782111350931 */
.page-hero-wrapper {
  position: relative;
  min-height: 360px;
  padding: 150px 20px 90px;
  text-align: center;
  color: var(--text-main);
  background-size: cover;
  background-position: center;
}
.page-hero-wrapper::after, .ph-overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(16,23,24,.82), rgba(31,47,48,.46));
}
.ph-container { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.ph-title { font-family: var(--font-serif); font-size: clamp(2rem, 5vw, 3.4rem); color: var(--gold-light); letter-spacing: .16em; }
.ph-desc { margin-top: 16px; color: var(--text-sub); font-size: 14px; line-height: 2; }

/* Block: ugc_ranking / sec_1782111390500 */
.ugc-section {padding: 96px 20px; background: #101718; color: #fff7ea;}
.ugc-container {max-width: 1120px; margin: 0 auto;}
.ugc-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px;}
.ugc-card {position: relative; overflow: hidden; background: rgba(255,255,255,0.06); border: 1px solid rgba(246,207,122,0.22); border-radius: 8px; box-shadow: 0 18px 45px rgba(0,0,0,0.2);}
.ugc-rank-badge {position: absolute; top: 14px; left: 14px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 32px; padding: 0 12px; background: #c5a25a; color: #101718; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 900; letter-spacing: 0.08em; border-radius: 4px; box-shadow: 0 8px 20px rgba(0,0,0,0.22);}
.ugc-img-box {aspect-ratio: 4 / 3; background: #172526; overflow: hidden;}
.ugc-img-box img {width: 100%; height: 100%; object-fit: cover;}
.ugc-info {padding: 24px;}
.ugc-stars {color: #f6cf7a; letter-spacing: 0.08em; margin-bottom: 10px;}
.ugc-title {font-family: 'Shippori Mincho', serif; color: #fff7ea; font-size: 18px; margin: 0 0 10px;}
.ugc-desc {color: #e0c8a0; line-height: 1.9; font-size: 13px;}
.ugc-user {display: flex; align-items: center; gap: 8px; margin-top: 16px; color: #a79578; font-size: 12px;}
.ugc-verified {color: #f6cf7a;}
.ugc-btn-wrap {text-align: center; margin-top: 42px;}
.btn-ugc-more {display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 32px; background: #c5a25a; color: #101718; border: 1px solid #c5a25a; border-radius: 4px; font-weight: 900; text-decoration: none;}
.btn-ugc-more:hover {background: #f6cf7a; border-color: #f6cf7a; color: #101718;}
.ugc-main-title {font-family: 'Shippori Mincho', serif; color: #f6cf7a; font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 900; letter-spacing: 0.12em; margin: 0 0 14px;}
.ugc-sub-text {color: #e0c8a0; font-size: 14px; line-height: 2; margin: 0;}
@media (max-width: 768px) {
  .ugc-section {padding: 70px 15px;}
  .ugc-info {padding: 20px;}
}

/* Block: review_list_with_sidebar / sec_1782111415616 */
.reviews-archive-section {padding: 90px 20px; background: #101718; color: #fff7ea;}
.reviews-layout-container {max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 34px; align-items: start;}
.reviews-main {display: flex; flex-direction: column; gap: 24px;}
.review-row-card {display: grid; grid-template-columns: 180px 1fr; gap: 24px; padding: 24px; background: rgba(255,255,255,0.06); border: 1px solid rgba(246,207,122,0.22); border-radius: 8px; box-shadow: 0 18px 45px rgba(0,0,0,0.2);}
.review-img-box {aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: #172526;}
.review-img-box img {width: 100%; height: 100%; object-fit: cover;}
.review-meta {display: flex; justify-content: space-between; gap: 16px; color: #c5a25a; font-size: 12px; margin-bottom: 8px;}
.review-stars {color: #f6cf7a; letter-spacing: 0.08em; margin-bottom: 8px;}
.review-dish {display: inline-block; color: #f6cf7a; background: rgba(197,162,90,0.16); border: 1px solid rgba(246,207,122,0.22); border-radius: 4px; padding: 4px 10px; font-size: 12px; font-weight: 700;}
.review-text {margin-top: 12px; color: #e0c8a0; line-height: 2;}
.reviews-sidebar {display: flex; flex-direction: column; gap: 22px;}
.side-widget {padding: 24px; background: rgba(255,255,255,0.06); color: #fff7ea; border: 1px solid rgba(246,207,122,0.22); border-radius: 8px;}
.side-title {font-family: 'Shippori Mincho', serif; color: #f6cf7a; font-size: 18px; margin: 0 0 18px;}
.rank-list {list-style: none; margin: 0; padding: 0;}
.rank-item {display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.08);}
.rank-item:last-child {border-bottom: none;}
.rank-num {color: #f6cf7a; font-weight: 900;}
.rank-img {width: 54px; height: 54px; object-fit: cover; border-radius: 6px;}
.rank-name {margin: 0; color: #fff7ea; line-height: 1.5;}
.rank-votes {font-size: 12px; color: #e0c8a0;}
.pagination {display: flex; justify-content: center; gap: 8px; margin-top: 28px;}
.page-btn {min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(197,162,90,0.35); color: #1a1a1a; border-radius: 4px;}
.page-btn.active, .page-btn:hover {background: #c5a25a; color: #101718;}
.review-body {min-width: 0;}
.review-author, .review-date {color: #c5a25a;}
.rank-info {min-width: 0;}
@media (max-width: 900px) {
  .reviews-layout-container {grid-template-columns: 1fr;}
  .review-row-card {grid-template-columns: 1fr;}
  .review-img-box {width: 100%;}
}


/* =========================================================
   Page: news / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に｜NEWS
========================================================= */

/* Block: hero_page / sec_1782111458370 */
/* =========================================================
   居酒屋れん / ニュース一覧ページ
   01：下層ページ共通ヒーロー
   Block: sec_1782111458370

   背景画像は管理画面で選択した画像を使用します。
   ========================================================= */

#sec_1782111458370.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

#sec_1782111458370.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 36%,
    rgba(255, 252, 245, .42) 64%,
    rgba(255, 252, 245, .12) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1782111458370 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1782111458370 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1782111458370 .ph-title {
  max-width: 720px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1782111458370 .ph-title::before {
  content: "NEWS" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

@media (max-width: 1024px) {
  #sec_1782111458370.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1782111458370.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1782111458370.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .64) 45%,
      rgba(255, 252, 245, .96) 100%
    ) !important;
  }

  #sec_1782111458370 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1782111458370 .ph-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    letter-spacing: .1em !important;
  }

  #sec_1782111458370 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }
}

/* Block: news_list_grid / sec_1782114338501 */
/* =========================================================
     居酒屋れん / ニュース一覧ページ
     02：記事一覧
     Block: sec_1782114338501
  
     横長の読み物カード／画像なしは店舗ロゴを表示
     ========================================================= */
  
  #sec_1782114338501.news-list-grid-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(82px, 9vw, 124px) 20px clamp(96px, 11vw, 146px) !important;
    background-color: #f6f0e5 !important;
    background-image:
      linear-gradient(180deg, rgba(255, 253, 248, .9), rgba(247, 240, 228, .94)),
      repeating-linear-gradient(
        90deg,
        rgba(90, 70, 45, .018) 0,
        rgba(90, 70, 45, .018) 1px,
        transparent 1px,
        transparent 7px
      ) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: center, 0 0 !important;
    background-size: 100% 100%, auto !important;
    color: #302b26 !important;
    border-top: 1px solid rgba(151, 116, 53, .12) !important;
  }
  
  /* 背景の右上・左下に薄い店舗ロゴ */
  #sec_1782114338501.news-list-grid-section::before,
  #sec_1782114338501.news-list-grid-section::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    display: block !important;
    width: clamp(245px, 30vw, 430px) !important;
    aspect-ratio: 16 / 9 !important;
    background-image: url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: grayscale(1) contrast(1.12) !important;
    mix-blend-mode: multiply !important;
    opacity: .045 !important;
    pointer-events: none !important;
  }
  
  #sec_1782114338501.news-list-grid-section::before {
    top: clamp(18px, 4vw, 48px) !important;
    right: clamp(-95px, -5vw, -35px) !important;
    transform: rotate(-3deg) !important;
  }
  
  #sec_1782114338501.news-list-grid-section::after {
    bottom: clamp(12px, 3vw, 36px) !important;
    left: clamp(-105px, -6vw, -42px) !important;
    transform: rotate(3deg) !important;
  }
  
  #sec_1782114338501 .news-section-header,
  #sec_1782114338501 .nlg-grid {
    position: relative !important;
    z-index: 1 !important;
  }
  
  #sec_1782114338501 .news-section-header {
    max-width: 780px !important;
    margin: 0 auto clamp(46px, 6vw, 68px) !important;
    text-align: center !important;
  }
  
  #sec_1782114338501 .news-main-title {
    margin: 0 !important;
    color: #302b26 !important;
    font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
    font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: .13em !important;
  }
  
  #sec_1782114338501 .news-main-title::before {
    content: "NEWS & TOPICS" !important;
    display: block !important;
    margin-bottom: 13px !important;
    color: #9a762d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .32em !important;
  }
  
  #sec_1782114338501 .news-sub-text {
    margin: 16px 0 0 !important;
    color: #655c52 !important;
    font-size: 14px !important;
    line-height: 2 !important;
    letter-spacing: .035em !important;
  }
  
  #sec_1782114338501 .nlg-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
  }
  
  #sec_1782114338501 .nlg-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: clamp(210px, 27vw, 300px) minmax(0, 1fr) !important;
    min-height: 170px !important;
    overflow: hidden !important;
    background: rgba(255, 253, 249, .92) !important;
    color: #302b26 !important;
    border: 1px solid rgba(154, 118, 45, .2) !important;
    border-top: 2px solid rgba(154, 118, 45, .65) !important;
    border-radius: 0 !important;
    box-shadow: 0 14px 34px rgba(74, 56, 33, .075) !important;
    text-decoration: none !important;
    transition: transform .4s cubic-bezier(.25, 1, .5, 1), border-color .4s ease, box-shadow .4s ease !important;
  }
  
  /* 右端の細い矢印 */
  #sec_1782114338501 .nlg-card::after {
    content: "→" !important;
    position: absolute !important;
    z-index: 3 !important;
    right: 28px !important;
    top: 50% !important;
    color: #9a762d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
    opacity: .72 !important;
    transform: translateY(-50%) !important;
    transition: transform .35s ease, opacity .35s ease !important;
    pointer-events: none !important;
  }
  
  #sec_1782114338501 a.nlg-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(154, 118, 45, .46) !important;
    box-shadow: 0 20px 46px rgba(74, 56, 33, .13) !important;
  }
  
  #sec_1782114338501 a.nlg-card:hover::after {
    opacity: 1 !important;
    transform: translate(6px, -50%) !important;
  }
  
  #sec_1782114338501 .nlg-img {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 168px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #eee5d6 !important;
  }
  
  #sec_1782114338501 .nlg-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(.94) contrast(1.02) !important;
    transition: transform .7s cubic-bezier(.25, 1, .5, 1), filter .7s ease !important;
  }
  
  #sec_1782114338501 a.nlg-card:hover .nlg-img img {
    transform: scale(1.045) !important;
    filter: saturate(1.08) contrast(1.03) !important;
  }
  
  /* 画像未登録の記事は店舗ロゴを使った代替表示 */
  #sec_1782114338501 .nlg-no-img {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 168px !important;
    overflow: hidden !important;
    background:
      linear-gradient(rgba(247, 240, 228, .88), rgba(247, 240, 228, .92)),
      url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") center / 78% auto no-repeat !important;
    background-blend-mode: multiply !important;
    color: #9a762d !important;
  }
  
  #sec_1782114338501 .nlg-no-img::after {
    content: "NEWS" !important;
    position: absolute !important;
    right: 13px !important;
    bottom: 11px !important;
    color: rgba(87, 68, 41, .55) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .24em !important;
  }
  
  #sec_1782114338501 .nlg-no-img i {
    display: none !important;
  }
  
  #sec_1782114338501 .nlg-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 28px 76px 28px clamp(26px, 4vw, 48px) !important;
  }
  
  #sec_1782114338501 .nlg-meta {
    margin: 0 0 13px !important;
  }
  
  #sec_1782114338501 .nlg-date {
    display: inline-block !important;
    padding: 0 !important;
    background: transparent !important;
    color: #936e27 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: .12em !important;
  }
  
  #sec_1782114338501 .nlg-title {
    margin: 0 !important;
    color: #37312c !important;
    font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
    font-size: clamp(1.05rem, 2vw, 1.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;
    letter-spacing: .045em !important;
  }
  
  @media (max-width: 720px) {
    #sec_1782114338501.news-list-grid-section {
      padding: 66px 13px 82px !important;
    }
  
    #sec_1782114338501.news-list-grid-section::before,
    #sec_1782114338501.news-list-grid-section::after {
      width: 230px !important;
      opacity: .038 !important;
    }
  
    #sec_1782114338501.news-list-grid-section::before {
      top: 20px !important;
      right: -92px !important;
    }
  
    #sec_1782114338501.news-list-grid-section::after {
      bottom: 16px !important;
      left: -96px !important;
    }
  
    #sec_1782114338501 .news-section-header {
      margin-bottom: 36px !important;
    }
  
    #sec_1782114338501 .nlg-grid {
      gap: 20px !important;
    }
  
    #sec_1782114338501 .nlg-card {
      grid-template-columns: 1fr !important;
      min-height: 0 !important;
    }
  
    #sec_1782114338501 .nlg-img,
    #sec_1782114338501 .nlg-no-img {
      height: auto !important;
      min-height: 0 !important;
      aspect-ratio: 16 / 9 !important;
    }
  
    #sec_1782114338501 .nlg-body {
      min-height: 132px !important;
      padding: 23px 54px 24px 22px !important;
    }
  
    #sec_1782114338501 .nlg-card::after {
      right: 20px !important;
      top: auto !important;
      bottom: 27px !important;
      transform: none !important;
    }
  
    #sec_1782114338501 a.nlg-card:hover::after {
      transform: translateX(5px) !important;
    }
  
    #sec_1782114338501 .nlg-title {
      font-size: 1.05rem !important;
    }
  }
  
  @media (prefers-reduced-motion: reduce) {
    #sec_1782114338501 .nlg-card,
    #sec_1782114338501 .nlg-img img,
    #sec_1782114338501 .nlg-card::after {
      transition: none !important;
    }
  }


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

/* Block: hero_page / sec_1785917188478 */
/* =========================================================
   居酒屋れん / お知らせ詳細ページ
   01：下層ページ共通ヒーロー
   Block: sec_1785917188478

   記事タイトルが長くても崩れない専用設定です。
   ========================================================= */

#sec_1785917188478.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

#sec_1785917188478.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 40%,
    rgba(255, 252, 245, .48) 70%,
    rgba(255, 252, 245, .14) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1785917188478 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1785917188478 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1785917188478 .ph-title {
  max-width: 820px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.8rem, 4vw, 3.5rem) !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  letter-spacing: .1em !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1785917188478 .ph-title::before {
  content: "NEWS DETAIL" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .3em !important;
}

@media (max-width: 1024px) {
  #sec_1785917188478.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1785917188478.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1785917188478.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .66) 45%,
      rgba(255, 252, 245, .97) 100%
    ) !important;
  }

  #sec_1785917188478 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1785917188478 .ph-title {
    font-size: clamp(1.6rem, 7.5vw, 2.35rem) !important;
    line-height: 1.55 !important;
    letter-spacing: .075em !important;
  }

  #sec_1785917188478 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 9px !important;
  }
}

/* Block: news_article_body / sec_1782114380582 */
/* =========================================================
   居酒屋れん / お知らせ詳細ページ
   02：お知らせ記事本文
   Block: sec_1782114380582
   ========================================================= */

#sec_1782114380582.news-article-body-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(82px, 9vw, 124px) 20px clamp(96px, 11vw, 146px) !important;
  background-color: #f6f0e5 !important;
  background-image:
    linear-gradient(180deg, rgba(255, 253, 248, .9), rgba(247, 240, 228, .94)),
    repeating-linear-gradient(
      90deg,
      rgba(90, 70, 45, .018) 0,
      rgba(90, 70, 45, .018) 1px,
      transparent 1px,
      transparent 7px
    ) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: center, 0 0 !important;
  background-size: 100% 100%, auto !important;
  color: #302b26 !important;
  border-top: 1px solid rgba(151, 116, 53, .12) !important;
}

/* 背景の右上・左下に薄い店舗ロゴ */
#sec_1782114380582.news-article-body-section::before,
#sec_1782114380582.news-article-body-section::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  width: clamp(245px, 30vw, 430px) !important;
  aspect-ratio: 16 / 9 !important;
  background-image: url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: grayscale(1) contrast(1.12) !important;
  mix-blend-mode: multiply !important;
  opacity: .045 !important;
  pointer-events: none !important;
}

#sec_1782114380582.news-article-body-section::before {
  top: clamp(18px, 4vw, 48px) !important;
  right: clamp(-95px, -5vw, -35px) !important;
  transform: rotate(-3deg) !important;
}

#sec_1782114380582.news-article-body-section::after {
  bottom: clamp(12px, 3vw, 36px) !important;
  left: clamp(-105px, -6vw, -42px) !important;
  transform: rotate(3deg) !important;
}

#sec_1782114380582 .nab-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: clamp(30px, 5vw, 58px) !important;
  background: rgba(255, 253, 249, .94) !important;
  color: #302b26 !important;
  border: 1px solid rgba(154, 118, 45, .2) !important;
  border-top: 2px solid rgba(154, 118, 45, .72) !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 50px rgba(74, 56, 33, .1) !important;
}

#sec_1782114380582 .nab-header {
  position: relative !important;
  margin: 0 0 clamp(28px, 4vw, 42px) !important;
  padding: 0 0 clamp(24px, 3vw, 34px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(154, 118, 45, .24) !important;
}

#sec_1782114380582 .nab-header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 76px !important;
  height: 2px !important;
  background: #9a762d !important;
}

#sec_1782114380582 .nab-meta {
  margin: 0 0 13px !important;
}

#sec_1782114380582 .nab-date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #936e27 !important;
  border: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: .12em !important;
}

#sec_1782114380582 .nab-date i {
  color: #9a762d !important;
  font-size: 11px !important;
}

#sec_1782114380582 .nab-title {
  margin: 0 !important;
  color: #302b26 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.45rem, 3vw, 2.2rem) !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
  letter-spacing: .07em !important;
  overflow-wrap: anywhere !important;
}

#sec_1782114380582 .nab-main-img-box {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 clamp(30px, 5vw, 48px) !important;
  background: #eee5d6 !important;
  border: 1px solid rgba(154, 118, 45, .2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#sec_1782114380582 .nab-main-img-box::after {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px solid rgba(255, 248, 231, .48) !important;
  pointer-events: none !important;
}

#sec_1782114380582 .nab-main-img-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.96) contrast(1.02) !important;
}

#sec_1782114380582 .nab-body-text {
  margin: 0 !important;
  color: #504840 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(15px, 1.5vw, 16px) !important;
  font-weight: 500 !important;
  line-height: 2.35 !important;
  letter-spacing: .045em !important;
  overflow-wrap: anywhere !important;
}

/* 記事に任意の外部リンクを設定した場合 */
#sec_1782114380582 .fc-block-btn-wrap {
  margin: 38px 0 0 !important;
  text-align: left !important;
}

#sec_1782114380582 .fc-block-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 46px !important;
  padding: 11px 24px !important;
  background: #342e29 !important;
  color: #f3dca6 !important;
  border: 1px solid #342e29 !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
  transition: background .3s ease, border-color .3s ease, color .3s ease !important;
}

#sec_1782114380582 .fc-block-btn:hover {
  background: #9a762d !important;
  border-color: #9a762d !important;
  color: #fff !important;
}

#sec_1782114380582 .nab-footer-nav {
  margin: clamp(42px, 6vw, 64px) 0 0 !important;
  padding: clamp(26px, 4vw, 38px) 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(154, 118, 45, .22) !important;
  text-align: center !important;
}

#sec_1782114380582 .btn-nab-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 220px !important;
  min-height: 48px !important;
  padding: 12px 24px !important;
  background: transparent !important;
  color: #3b342e !important;
  border: 0 !important;
  border-top: 1px solid #3b342e !important;
  border-bottom: 1px solid #3b342e !important;
  border-radius: 0 !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  transition: color .3s ease, border-color .3s ease, gap .3s ease !important;
}

#sec_1782114380582 .btn-nab-back:hover {
  background: transparent !important;
  color: #9a762d !important;
  border-color: #9a762d !important;
  gap: 15px !important;
  box-shadow: none !important;
}

@media (max-width: 680px) {
  #sec_1782114380582.news-article-body-section {
    padding: 66px 13px 82px !important;
  }

  #sec_1782114380582.news-article-body-section::before,
  #sec_1782114380582.news-article-body-section::after {
    width: 230px !important;
    opacity: .038 !important;
  }

  #sec_1782114380582.news-article-body-section::before {
    top: 20px !important;
    right: -92px !important;
  }

  #sec_1782114380582.news-article-body-section::after {
    bottom: 16px !important;
    left: -96px !important;
  }

  #sec_1782114380582 .nab-container {
    padding: 28px 21px !important;
  }

  #sec_1782114380582 .nab-header {
    margin-bottom: 26px !important;
    padding-bottom: 23px !important;
  }

  #sec_1782114380582 .nab-title {
    font-size: 1.35rem !important;
    line-height: 1.65 !important;
  }

  #sec_1782114380582 .nab-main-img-box {
    aspect-ratio: 4 / 3 !important;
    margin-bottom: 28px !important;
  }

  #sec_1782114380582 .nab-main-img-box::after {
    inset: 8px !important;
  }

  #sec_1782114380582 .nab-body-text {
    font-size: 14px !important;
    line-height: 2.2 !important;
    letter-spacing: .035em !important;
  }

  #sec_1782114380582 .fc-block-btn {
    width: 100% !important;
  }

  #sec_1782114380582 .btn-nab-back {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sec_1782114380582 .fc-block-btn,
  #sec_1782114380582 .btn-nab-back {
    transition: none !important;
  }
}


/* =========================================================
   Page: access / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に｜ACCESS
========================================================= */

/* Block: hero_page / sec_1785917354940 */
/* =========================================================
   居酒屋れん / ACCESSページ
   01：下層ページ共通ヒーロー
   Block: sec_1785917354940

   背景画像は管理画面で選択した画像を使用します。
   ========================================================= */

#sec_1785917354940.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

/* 黒いオーバーレイを明るい和紙色へ変更 */
#sec_1785917354940.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 36%,
    rgba(255, 252, 245, .42) 64%,
    rgba(255, 252, 245, .12) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1785917354940 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1785917354940 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1785917354940 .ph-title {
  max-width: 720px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1785917354940 .ph-title::before {
  content: "ACCESS" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

@media (max-width: 1024px) {
  #sec_1785917354940.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1785917354940.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1785917354940.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .64) 45%,
      rgba(255, 252, 245, .96) 100%
    ) !important;
  }

  #sec_1785917354940 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1785917354940 .ph-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    letter-spacing: .1em !important;
  }

  #sec_1785917354940 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }
}

/* Block: gmap / sec_1783042756212 */
/* =========================================================
   居酒屋れん / ACCESSページ
   02：Googleマップ
   Block: sec_1783042756212
   通常モノクロ → ホバーでカラー
   ========================================================= */

#sec_1783042756212.gmap-section {
  --access-ink-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%232e2925' stroke-linecap='round'%3E%3Cpath opacity='.12' stroke-width='8' d='M346 78C289 17 176 13 95 71C21 124 24 242 85 313C145 383 271 386 340 315C395 258 401 160 353 104'/%3E%3Cpath opacity='.07' stroke-width='3' d='M351 91C294 32 182 25 105 78C40 123 36 229 91 299C149 369 263 372 329 308'/%3E%3Cpath opacity='.14' stroke-width='5' d='M210 319C181 278 181 231 210 190C238 230 240 278 210 319Z'/%3E%3Cpath opacity='.13' stroke-width='5' d='M201 322C150 305 122 270 119 227C166 236 197 271 201 322Z'/%3E%3Cpath opacity='.13' stroke-width='5' d='M219 322C270 305 298 270 301 227C254 236 223 271 219 322Z'/%3E%3Cpath opacity='.1' stroke-width='4' d='M185 325C130 333 91 314 67 280C112 273 157 288 185 325Z'/%3E%3Cpath opacity='.1' stroke-width='4' d='M235 325C290 333 329 314 353 280C308 273 263 288 235 325Z'/%3E%3C/g%3E%3C/svg%3E");
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(78px, 9vw, 116px) 20px clamp(86px, 9vw, 120px) !important;
  background-color: #fbf7ef !important;
  background-image:
    linear-gradient(rgba(255, 252, 246, .93), rgba(250, 244, 233, .97)),
    var(--access-ink-art) !important;
  background-position: center, right -90px top -50px !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(46vw, 540px) auto !important;
  color: #302b26 !important;
}

#sec_1783042756212 .gmap-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

#sec_1783042756212 .gmap-header {
  margin: 0 auto 42px !important;
  text-align: center !important;
}

#sec_1783042756212 .gmap-title {
  margin: 0 !important;
  color: #302b26 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .11em !important;
}

#sec_1783042756212 .gmap-title::before {
  content: "ACCESS MAP" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .32em !important;
}

#sec_1783042756212 .gmap-frame-wrap {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 8.4 !important;
  background: #e8e1d5 !important;
  border: 1px solid rgba(154, 118, 45, .3) !important;
  border-top: 2px solid rgba(154, 118, 45, .72) !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 50px rgba(74, 56, 33, .13) !important;
}

#sec_1783042756212 .gmap-frame-wrap::after {
  content: "地図に触れるとカラーで表示" !important;
  position: absolute !important;
  z-index: 2 !important;
  right: 16px !important;
  bottom: 14px !important;
  padding: 7px 11px !important;
  background: rgba(43, 39, 35, .82) !important;
  color: #fff8e9 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  pointer-events: none !important;
  transition: opacity .35s ease !important;
}

#sec_1783042756212 .gmap-frame-wrap iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  filter: grayscale(1) sepia(.12) saturate(.45) contrast(.96) brightness(1.02) !important;
  transition: filter .65s cubic-bezier(.25, 1, .5, 1), transform .65s cubic-bezier(.25, 1, .5, 1) !important;
}

#sec_1783042756212 .gmap-frame-wrap:hover iframe,
#sec_1783042756212 .gmap-frame-wrap:focus-within iframe {
  filter: grayscale(0) sepia(0) saturate(1) contrast(1) brightness(1) !important;
  transform: scale(1.008) !important;
}

#sec_1783042756212 .gmap-frame-wrap:hover::after,
#sec_1783042756212 .gmap-frame-wrap:focus-within::after {
  opacity: 0 !important;
}

@media (max-width: 680px) {
  #sec_1783042756212.gmap-section {
    padding: 64px 13px 76px !important;
    background-position: center, right -90px top 10px !important;
    background-size: cover, 310px auto !important;
  }

  #sec_1783042756212 .gmap-header {
    margin-bottom: 32px !important;
  }

  #sec_1783042756212 .gmap-frame-wrap {
    aspect-ratio: 4 / 3.25 !important;
  }

  #sec_1783042756212 .gmap-frame-wrap::after {
    display: none !important;
  }
}

@media (hover: none) {
  #sec_1783042756212 .gmap-frame-wrap iframe {
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sec_1783042756212 .gmap-frame-wrap iframe {
    transition: none !important;
  }
}

/* Block: image_grid / sec_1783045385695 */
/* =========================================================
   居酒屋れん / ACCESSページ
   03：画像グリッド（複数画像）
   Block: sec_1783045385695
   丸型写真＋墨円ホバーアニメーション
   ========================================================= */

#sec_1783045385695.image-grid-section {
  --access-ink-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%232e2925' stroke-linecap='round'%3E%3Cpath opacity='.11' stroke-width='8' d='M346 78C289 17 176 13 95 71C21 124 24 242 85 313C145 383 271 386 340 315C395 258 401 160 353 104'/%3E%3Cpath opacity='.06' stroke-width='3' d='M351 91C294 32 182 25 105 78C40 123 36 229 91 299C149 369 263 372 329 308'/%3E%3Cpath opacity='.13' stroke-width='5' d='M210 319C181 278 181 231 210 190C238 230 240 278 210 319Z'/%3E%3Cpath opacity='.12' stroke-width='5' d='M201 322C150 305 122 270 119 227C166 236 197 271 201 322Z'/%3E%3Cpath opacity='.12' stroke-width='5' d='M219 322C270 305 298 270 301 227C254 236 223 271 219 322Z'/%3E%3Cpath opacity='.09' stroke-width='4' d='M185 325C130 333 91 314 67 280C112 273 157 288 185 325Z'/%3E%3Cpath opacity='.09' stroke-width='4' d='M235 325C290 333 329 314 353 280C308 273 263 288 235 325Z'/%3E%3C/g%3E%3C/svg%3E");
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(82px, 9vw, 124px) 20px clamp(100px, 11vw, 150px) !important;
  background-color: #f5eddf !important;
  background-image:
    linear-gradient(rgba(249, 244, 234, .94), rgba(255, 252, 246, .98)),
    var(--access-ink-art) !important;
  background-position: center, left -110px top -75px !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(48vw, 560px) auto !important;
  color: #302b26 !important;
}

#sec_1783045385695 .image-grid-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

#sec_1783045385695 .image-grid-header {
  margin: 0 auto clamp(48px, 7vw, 78px) !important;
  text-align: center !important;
}

#sec_1783045385695 .image-grid-title {
  margin: 0 !important;
  color: #302b26 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .13em !important;
}

#sec_1783045385695 .image-grid-title::before {
  content: "GALLERY" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .34em !important;
}

#sec_1783045385695 .image-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 48px) clamp(22px, 3vw, 38px) !important;
  align-items: start !important;
}

#sec_1783045385695 .image-grid-item {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: visible !important;
  border-radius: 50% !important;
  background: #e7ddcd !important;
}

/* 並びに少し高低差を付け、写真が多くても単調に見せない */
#sec_1783045385695 .image-grid-item:nth-child(5n + 2),
#sec_1783045385695 .image-grid-item:nth-child(5n + 4) {
  margin-top: 30px !important;
}

#sec_1783045385695 .image-grid-item img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%) !important;
  box-shadow: 0 16px 34px rgba(70, 52, 30, .14) !important;
  filter: saturate(.9) contrast(1.02) !important;
  transition: transform .7s cubic-bezier(.25, 1, .5, 1), filter .7s ease, box-shadow .7s ease !important;
}

/* ロゴの墨円をイメージした不均一な円弧 */
#sec_1783045385695 .image-grid-item::before,
#sec_1783045385695 .image-grid-item::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

#sec_1783045385695 .image-grid-item::before {
  inset: -10px !important;
  background: conic-gradient(
    from 18deg,
    transparent 0deg 20deg,
    rgba(36, 31, 27, .92) 31deg 153deg,
    rgba(36, 31, 27, .3) 171deg 218deg,
    transparent 232deg 270deg,
    rgba(36, 31, 27, .72) 282deg 348deg,
    transparent 356deg 360deg
  ) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
  mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
  transform: rotate(-55deg) scale(.93) !important;
}

#sec_1783045385695 .image-grid-item::after {
  inset: -16px !important;
  border-top: 2px solid rgba(36, 31, 27, .46) !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid rgba(36, 31, 27, .15) !important;
  border-left: 1px solid transparent !important;
  transform: rotate(42deg) scale(.9) !important;
}

#sec_1783045385695 .image-grid-item:hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.08) contrast(1.03) !important;
  box-shadow: 0 20px 42px rgba(55, 40, 24, .2) !important;
}

#sec_1783045385695 .image-grid-item:hover::before {
  animation: ren-access-ink-circle .9s cubic-bezier(.2, .8, .2, 1) forwards !important;
}

#sec_1783045385695 .image-grid-item:hover::after {
  animation: ren-access-ink-circle-soft 1.05s cubic-bezier(.2, .8, .2, 1) .04s forwards !important;
}

@keyframes ren-access-ink-circle {
  0% { opacity: 0; transform: rotate(-55deg) scale(.93); }
  42% { opacity: .92; }
  100% { opacity: .92; transform: rotate(305deg) scale(1); }
}

@keyframes ren-access-ink-circle-soft {
  0% { opacity: 0; transform: rotate(42deg) scale(.9); }
  100% { opacity: .75; transform: rotate(-218deg) scale(1); }
}

@media (max-width: 1080px) {
  #sec_1783045385695 .image-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(5n + 2),
  #sec_1783045385695 .image-grid-item:nth-child(5n + 4) {
    margin-top: 0 !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(4n + 2),
  #sec_1783045385695 .image-grid-item:nth-child(4n + 4) {
    margin-top: 25px !important;
  }
}

@media (max-width: 760px) {
  #sec_1783045385695.image-grid-section {
    padding: 66px 18px 88px !important;
    background-position: center, left -100px top -25px !important;
    background-size: cover, 320px auto !important;
  }

  #sec_1783045385695 .image-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px 22px !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(4n + 2),
  #sec_1783045385695 .image-grid-item:nth-child(4n + 4) {
    margin-top: 0 !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(3n + 2) {
    margin-top: 20px !important;
  }
}

@media (max-width: 520px) {
  #sec_1783045385695.image-grid-section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #sec_1783045385695 .image-grid-header {
    margin-bottom: 42px !important;
  }

  #sec_1783045385695 .image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 24px !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(3n + 2) {
    margin-top: 0 !important;
  }

  #sec_1783045385695 .image-grid-item:nth-child(even) {
    margin-top: 18px !important;
  }

  #sec_1783045385695 .image-grid-item::before {
    inset: -7px !important;
  }

  #sec_1783045385695 .image-grid-item::after {
    inset: -11px !important;
  }
}

@media (hover: none) {
  #sec_1783045385695 .image-grid-item::before {
    opacity: .32 !important;
    transform: rotate(25deg) scale(1) !important;
  }

  #sec_1783045385695 .image-grid-item::after {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #sec_1783045385695 .image-grid-item img {
    transition: none !important;
  }

  #sec_1783045385695 .image-grid-item:hover::before,
  #sec_1783045385695 .image-grid-item:hover::after {
    animation: none !important;
    opacity: .8 !important;
    transform: none !important;
  }
}

/* Block: store_info / sec_1783046175383 */
/* =========================================================
   居酒屋れん / ACCESSページ
   04：店舗概要
   Block: sec_1783046175383
   多項目対応・PC2列／スマホ1列
   ========================================================= */
#sec_1783046175383.store-info-section {
  --access-ink-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%232e2925' stroke-linecap='round'%3E%3Cpath opacity='.12' stroke-width='8' d='M346 78C289 17 176 13 95 71C21 124 24 242 85 313C145 383 271 386 340 315C395 258 401 160 353 104'/%3E%3Cpath opacity='.065' stroke-width='3' d='M351 91C294 32 182 25 105 78C40 123 36 229 91 299C149 369 263 372 329 308'/%3E%3Cpath opacity='.13' stroke-width='5' d='M210 319C181 278 181 231 210 190C238 230 240 278 210 319Z'/%3E%3Cpath opacity='.12' stroke-width='5' d='M201 322C150 305 122 270 119 227C166 236 197 271 201 322Z'/%3E%3Cpath opacity='.12' stroke-width='5' d='M219 322C270 305 298 270 301 227C254 236 223 271 219 322Z'/%3E%3Cpath opacity='.09' stroke-width='4' d='M185 325C130 333 91 314 67 280C112 273 157 288 185 325Z'/%3E%3Cpath opacity='.09' stroke-width='4' d='M235 325C290 333 329 314 353 280C308 273 263 288 235 325Z'/%3E%3C/g%3E%3C/svg%3E");
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(82px, 9vw, 124px) 20px clamp(90px, 10vw, 136px) !important;
  background-color: #fbf7ef !important;
  background-image:
    linear-gradient(rgba(255, 252, 246, .94), rgba(248, 240, 226, .97)),
    var(--access-ink-art) !important;
  background-position: center, right -70px bottom -90px !important;
  background-repeat: no-repeat !important;
  background-size: cover, min(50vw, 600px) auto !important;
  color: #302b26 !important;
}
#sec_1783046175383 .store-info-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
#sec_1783046175383 .store-info-header {
  margin: 0 auto 46px !important;
  text-align: center !important;
}
#sec_1783046175383 .store-info-title {
  margin: 0 !important;
  color: #302b26 !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  letter-spacing: .13em !important;
}
#sec_1783046175383 .store-info-title::before {
  content: "SHOP INFORMATION" !important;
  display: block !important;
  margin-bottom: 13px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .3em !important;
}
#sec_1783046175383 .store-info-layout,
#sec_1783046175383 .store-info-layout.has-image {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(270px, .6fr) !important;
  gap: clamp(34px, 5vw, 64px) !important;
  align-items: stretch !important;
}
#sec_1783046175383 .store-info-table-wrap {
  min-width: 0 !important;
  padding: 0 !important;
  background: rgba(255, 253, 249, .91) !important;
  border-top: 2px solid rgba(154, 118, 45, .72) !important;
  box-shadow: 0 18px 42px rgba(74, 56, 33, .08) !important;
}
#sec_1783046175383 .store-info-table {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  background: transparent !important;
}
/* 項目が増えてもPCでは2列でコンパクトに表示 */
#sec_1783046175383 .store-info-table tbody {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
}
#sec_1783046175383 .store-info-table tr {
  display: grid !important;
  grid-template-columns: minmax(88px, 112px) minmax(0, 1fr) !important;
  min-width: 0 !important;
  border-bottom: 1px solid rgba(154, 118, 45, .17) !important;
}
#sec_1783046175383 .store-info-table tr:nth-child(odd) {
  border-right: 1px solid rgba(154, 118, 45, .17) !important;
}
#sec_1783046175383 .store-info-table th,
#sec_1783046175383 .store-info-table td {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
#sec_1783046175383 .store-info-table th {
  padding: 18px 10px 18px 18px !important;
  color: #956f28 !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
  letter-spacing: .08em !important;
}
#sec_1783046175383 .store-info-table td {
  padding: 18px 18px 18px 10px !important;
  color: #433c35 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  letter-spacing: .02em !important;
  overflow-wrap: anywhere !important;
}
#sec_1783046175383 .store-info-image {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  min-height: 100% !important;
  background: #e7ddcd !important;
}
#sec_1783046175383 .store-info-image::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: -11px !important;
  border-top: 3px solid rgba(42, 37, 32, .72) !important;
  border-right: 1px solid rgba(42, 37, 32, .18) !important;
  border-bottom: 2px solid rgba(42, 37, 32, .38) !important;
  border-left: 1px solid transparent !important;
  pointer-events: none !important;
  transform: rotate(-1.3deg) !important;
}
#sec_1783046175383 .store-info-image::after {
  content: "IZAKAYA REN" !important;
  position: absolute !important;
  z-index: 3 !important;
  right: 16px !important;
  bottom: 15px !important;
  padding: 8px 10px !important;
  background: rgba(43, 38, 33, .8) !important;
  color: #f5dfa8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 9px !important;
  letter-spacing: .2em !important;
  pointer-events: none !important;
}
#sec_1783046175383 .store-info-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;
  object-fit: cover !important;
  filter: saturate(.94) contrast(1.02) !important;
}
@media (max-width: 980px) {
  #sec_1783046175383 .store-info-layout,
  #sec_1783046175383 .store-info-layout.has-image {
    grid-template-columns: 1fr !important;
  }
  #sec_1783046175383 .store-info-image {
    min-height: 0 !important;
  }
  #sec_1783046175383 .store-info-image img {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 7 !important;
  }
}
@media (max-width: 680px) {
  #sec_1783046175383.store-info-section {
    padding: 64px 13px 78px !important;
    background-position: center, right -120px bottom -20px !important;
    background-size: cover, 330px auto !important;
  }
  #sec_1783046175383 .store-info-header {
    margin-bottom: 34px !important;
  }
  #sec_1783046175383 .store-info-table tbody {
    grid-template-columns: 1fr !important;
  }
  #sec_1783046175383 .store-info-table tr {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }
  #sec_1783046175383 .store-info-table tr:nth-child(odd) {
    border-right: 0 !important;
  }
  #sec_1783046175383 .store-info-table th {
    padding: 15px 8px 15px 15px !important;
  }
  #sec_1783046175383 .store-info-table td {
    padding: 15px 15px 15px 8px !important;
    font-size: 12.5px !important;
  }
  #sec_1783046175383 .store-info-image img {
    aspect-ratio: 4 / 3 !important;
  }
  #sec_1783046175383 .store-info-image::before {
    inset: -7px !important;
  }
}
/* =========================================================
   ACCESSページ共通背景
   Googleマップ／ギャラリー／店舗概要
   格子柄を外し、店舗ロゴを右上・左下へ薄く配置
   ========================================================= */
#sec_1783042756212.gmap-section,
#sec_1783045385695.image-grid-section,
#sec_1783046175383.store-info-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: #f6f0e5 !important;
  background-image:
    linear-gradient(180deg, rgba(255, 253, 248, .9), rgba(247, 240, 228, .94)),
    repeating-linear-gradient(
      90deg,
      rgba(90, 70, 45, .018) 0,
      rgba(90, 70, 45, .018) 1px,
      transparent 1px,
      transparent 7px
    ) !important;
  background-repeat: no-repeat, repeat !important;
  background-position: center, 0 0 !important;
  background-size: 100% 100%, auto !important;
  border-top: 1px solid rgba(151, 116, 53, .12) !important;
}
/* 右上と左下に同じ店舗ロゴを配置 */
#sec_1783042756212.gmap-section::before,
#sec_1783045385695.image-grid-section::before,
#sec_1783046175383.store-info-section::before,
#sec_1783042756212.gmap-section::after,
#sec_1783045385695.image-grid-section::after,
#sec_1783046175383.store-info-section::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  width: clamp(245px, 30vw, 430px) !important;
  aspect-ratio: 16 / 9 !important;
  background-image: url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: grayscale(1) contrast(1.12) !important;
  mix-blend-mode: multiply !important;
  opacity: .045 !important;
  pointer-events: none !important;
}
#sec_1783042756212.gmap-section::before,
#sec_1783045385695.image-grid-section::before,
#sec_1783046175383.store-info-section::before {
  top: clamp(18px, 4vw, 48px) !important;
  right: clamp(-95px, -5vw, -35px) !important;
  transform: rotate(-3deg) !important;
  transform-origin: center !important;
}
#sec_1783042756212.gmap-section::after,
#sec_1783045385695.image-grid-section::after,
#sec_1783046175383.store-info-section::after {
  bottom: clamp(12px, 3vw, 36px) !important;
  left: clamp(-105px, -6vw, -42px) !important;
  transform: rotate(3deg) !important;
  transform-origin: center !important;
}
/* ロゴよりコンテンツを確実に手前へ */
#sec_1783042756212 .gmap-container,
#sec_1783045385695 .image-grid-container,
#sec_1783046175383 .store-info-container {
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 680px) {
  #sec_1783042756212.gmap-section::before,
  #sec_1783045385695.image-grid-section::before,
  #sec_1783046175383.store-info-section::before,
  #sec_1783042756212.gmap-section::after,
  #sec_1783045385695.image-grid-section::after,
  #sec_1783046175383.store-info-section::after {
    width: 230px !important;
    opacity: .038 !important;
  }
  #sec_1783042756212.gmap-section::before,
  #sec_1783045385695.image-grid-section::before,
  #sec_1783046175383.store-info-section::before {
    top: 20px !important;
    right: -92px !important;
  }
  #sec_1783042756212.gmap-section::after,
  #sec_1783045385695.image-grid-section::after,
  #sec_1783046175383.store-info-section::after {
    bottom: 16px !important;
    left: -96px !important;
  }
}


/* =========================================================
   Page: concept / 藤枝の居酒屋なら居酒屋れん｜旬の鮮魚・日本酒・宴会に | CONCEPT
========================================================= */

/* Block: hero_page / sec_1785918421204 */
/* =========================================================
   居酒屋れん / コンセプトページ
   01：下層ページ共通ヒーロー
   Block: hero_page / sec_1785918421204

   画像はCSSで固定していません。
   編集画面の「画像パス」で選択した写真がそのまま表示されます。
   ========================================================= */

#sec_1785918421204.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: clamp(360px, 39vw, 500px) !important;
  margin-top: 90px !important;
  padding: clamp(105px, 12vw, 155px) 24px clamp(66px, 8vw, 96px) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: #e9dfcd !important;
  background-repeat: no-repeat !important;
  background-position: center 52% !important;
  background-size: cover !important;
  color: #2d2924 !important;
  text-align: left !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
}

/* 黒いオーバーレイを解除し、明るい生成りのヴェールへ */
#sec_1785918421204.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(
    90deg,
    rgba(255, 252, 245, .96) 0%,
    rgba(255, 252, 245, .84) 36%,
    rgba(255, 252, 245, .42) 64%,
    rgba(255, 252, 245, .12) 100%
  ) !important;
  pointer-events: none !important;
}

#sec_1785918421204 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#sec_1785918421204 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  border-left: 1px solid #a9853f !important;
  text-align: left !important;
}

#sec_1785918421204 .ph-title {
  max-width: 720px !important;
  margin: 0 !important;
  color: #28231f !important;
  font-family: var(--font-serif), "Shippori Mincho", "Yu Mincho", serif !important;
  font-size: clamp(2.25rem, 5vw, 4.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .14em !important;
  text-align: left !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.6) !important;
}

#sec_1785918421204 .ph-title::before {
  content: "CONCEPT" !important;
  display: block !important;
  margin: 0 0 14px !important;
  color: #9a762d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

#sec_1785918421204 .ph-desc {
  max-width: 620px !important;
  margin: 20px 0 0 !important;
  color: #514a42 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 2 !important;
  letter-spacing: .055em !important;
  text-align: left !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.6) !important;
}

@media (max-width: 1024px) {
  #sec_1785918421204.page-hero-wrapper {
    margin-top: 72px !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  #sec_1785918421204.page-hero-wrapper {
    min-height: 330px !important;
    margin-top: 64px !important;
    padding: 88px 20px 58px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  #sec_1785918421204.page-hero-wrapper::after {
    background: linear-gradient(
      180deg,
      rgba(255, 252, 245, .26) 0%,
      rgba(255, 252, 245, .64) 45%,
      rgba(255, 252, 245, .96) 100%
    ) !important;
  }

  #sec_1785918421204 .ph-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
    letter-spacing: .1em !important;
  }

  #sec_1785918421204 .ph-title::before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }

  #sec_1785918421204 .ph-container {
    padding-left: 18px !important;
  }

  #sec_1785918421204 .ph-desc {
    margin-top: 15px !important;
    font-size: 12.5px !important;
    line-height: 1.85 !important;
  }
}

/* Block: custom_html / sec_1785918492845 */
.custom-html-wrapper {padding: 0 !important; margin: 0 !important; max-width: none !important; background: transparent !important; color: inherit !important;}
.custom-html-inner {width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
.custom-html-inner > *:first-child {margin-top: 0;}
.custom-html-inner > *:last-child {margin-bottom: 0;}
.custom-html-inner img,
.custom-html-inner video,
.custom-html-inner iframe {max-width: 100%;}


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

/* Block: global_footer / sec_1782112173284 */
/* =========================================================
   居酒屋れん / グローバルフッター
   ヘッダーと同じ6カテゴリー＋ロゴ
   Block: global_footer / sec_1782112173284
   ========================================================= */
#sec_1782112173284 {
  --ft-ink: #2b2724;
  --ft-gold: #b08d43;
  --ft-gold-dark: #8a6a26;
  --ft-paper: #fdfbf6;
  --ft-line: rgba(176, 141, 67, .26);
}
/* ---------- フッター本体 ---------- */
.global-footer#sec_1782112173284 {
  padding: clamp(56px, 6vw, 84px) 20px clamp(46px, 5vw, 64px) !important;
  background: linear-gradient(180deg, #f6f1e6 0%, #fdfbf6 62%) !important;
  border-top: 1px solid var(--ft-line) !important;
  color: var(--ft-ink) !important;
}
/* 店舗情報テーブル・決済アイコン・Googleマップは非表示 */
#sec_1782112173284 .info-grid {
  display: none !important;
}
/* ---------- ロゴ＋カテゴリーリンク ---------- */
#sec_1782112173284 .footer-nav-wrap {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: center !important;
  gap: clamp(30px, 3.4vw, 44px) !important;
  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* ---------- 店舗ロゴ ---------- */
#sec_1782112173284 .footer-nav-brand {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#sec_1782112173284 .footer-nav-brand h2 {
  display: block !important;
  width: clamp(145px, 16vw, 184px) !important;
  height: clamp(82px, 9vw, 104px) !important;
  margin: 0 auto !important;
  overflow: visible !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-image: url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  filter: brightness(1.05) contrast(1.08) !important;
  mix-blend-mode: multiply !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* ---------- ヘッダーと同じ6カテゴリー ---------- */
#sec_1782112173284 .footer-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* ヘッダーにない2項目はフッターでも非表示 */
#sec_1782112173284 .footer-nav-link[href="/seats.php"],
#sec_1782112173284 .footer-nav-link[href="/reviews.php"] {
  display: none !important;
}
/* ヘッダーと同じ順番に並べ替え */
#sec_1782112173284 .footer-nav-link[href="/index.php"] {
  order: 1;
}
#sec_1782112173284 .footer-nav-link[href="/page.php?slug=concept"] {
  order: 2;
}
#sec_1782112173284 .footer-nav-link[href="/menu.php"] {
  order: 3;
}
#sec_1782112173284 .footer-nav-link[href="/courses.php"] {
  order: 4;
}
#sec_1782112173284 .footer-nav-link[href="/news.php"] {
  order: 5;
}
#sec_1782112173284 .footer-nav-link[href="/page.php?slug=access"] {
  order: 6;
}
/* カテゴリーボタン */
/* カテゴリーリンク：囲みを使わない上品な文字リンク */
#sec_1782112173284 .footer-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  min-height: 43px !important;
  padding: 10px 18px !important;
  border: 1px solid rgba(176, 141, 67, .62) !important;
  border-radius: 999px !important;
  background: rgba(255, 253, 248, .62) !important;
  min-width: 112px !important;
  min-height: 36px !important;
  padding: 7px 12px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(176, 141, 67, .38) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ft-ink) !important;
  box-shadow: 0 7px 18px rgba(43, 39, 36, .06) !important;
  box-shadow: none !important;
  font-family: var(--font-serif), "Shippori Mincho", serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition:
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    transform .28s ease,
    box-shadow .28s ease !important;
    transform .28s ease !important;
}
/* 以前の下線アニメーションを解除 */
#sec_1782112173284 .footer-nav-link::after {
  display: none !important;
  content: none !important;
}
/* 「ACCESS ページ」をヘッダーと同じ「アクセス」表記にする */
#sec_1782112173284 .footer-nav-link[href="/page.php?slug=access"] {
  font-size: 0 !important;
}
#sec_1782112173284 .footer-nav-link[href="/page.php?slug=access"]::before {
  content: "アクセス" !important;
  display: inline !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}
#sec_1782112173284 .footer-nav-link:hover {
  border-color: #2b2724 !important;
  background: #2b2724 !important;
  color: #f0d69a !important;
  box-shadow: 0 11px 24px rgba(43, 39, 36, .18) !important;
  border-color: var(--ft-gold-dark) !important;
  background: transparent !important;
  color: var(--ft-gold-dark) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}
/* ---------- コピーライト ---------- */
.footer-copy-text {
  padding: 18px 20px !important;
  background: #f1eadd !important;
  color: #8a8073 !important;
  border-top: 1px solid rgba(176, 141, 67, .22) !important;
  font-family: var(--font-en), var(--font-sans) !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  text-align: center !important;
}
/* ---------- スマホ ---------- */
@media (max-width: 768px) {
  body:has(.fc-floating-actions) {
    padding-bottom: 78px;
  }
  .global-footer#sec_1782112173284 {
    padding: 50px 16px 42px !important;
  }
  #sec_1782112173284 .footer-nav-wrap {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 28px !important;
  }
  /* スマホでもロゴを必ず表示 */
  #sec_1782112173284 .footer-nav-brand,
  #sec_1782112173284 .footer-nav-brand h2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #sec_1782112173284 .footer-nav-brand h2 {
    width: 150px !important;
    height: 86px !important;
    margin: 0 auto !important;
    background-image: url("/image/assets/asset_20260805134958_6a72c0f69feaa.webp") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
  /* 6ボタンを2列に配置 */
  #sec_1782112173284 .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 430px !important;
  }
  #sec_1782112173284 .footer-nav-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 10px !important;
    min-height: 40px !important;
    padding: 8px 8px 10px !important;
    font-size: 12px !important;
    letter-spacing: .055em !important;
  }
  #sec_1782112173284 .footer-nav-link[href="/page.php?slug=access"]::before {
    font-size: 12px !important;
    letter-spacing: .055em !important;
  }
  .footer-copy-text {
    padding: 16px 18px !important;
    font-size: 10px !important;
  }
}
/* 小さいスマホ */
@media (max-width: 370px) {
  #sec_1782112173284 .footer-nav-brand h2 {
    width: 138px !important;
    height: 80px !important;
  }
  #sec_1782112173284 .footer-nav-link {
    font-size: 11.5px !important;
    letter-spacing: .035em !important;
  }
}