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

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

/* Block: global_header / sec_1782112078518 */
/* =========================================================
   串かつ 大黒 / 参考サイト型ヘッダー
   貼り付け先：グローバルヘッダーの
   「このブロックだけに効かせるCSS」
========================================================= */

/* カスタムHTMLが入った時だけ、元のヘッダーを非表示にします。
   HTMLを入れ忘れても、ヘッダー全体が空白にならない安全設計です。 */
body:has(.dkx-reference-header) .global-header,
body:has(.dkx-reference-header) > .mobile-nav-overlay {
  display: none !important;
}

/* カスタムHTMLブロックのフェード処理による「表示されない」を防止 */
body:has(.dkx-reference-header) .custom-html-wrapper:has(.dkx-reference-header) {
  position: relative !important;
  z-index: 3000 !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  overflow: visible !important;
}

body:has(.dkx-reference-header) .custom-html-wrapper:has(.dkx-reference-header) > .custom-html-inner {
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
}

body:has(.dkx-reference-header) {
  padding-top: 0 !important;
  padding-left: 280px !important;
}

.dkx-reference-header,
.dkx-reference-header * {
  box-sizing: border-box;
}

.dkx-reference-header {
  --dkx-paper: #f3ecdf;
  --dkx-paper-light: #faf6ed;
  --dkx-ink: #332f2a;
  --dkx-muted: #746b60;
  --dkx-yellow: #e8b51b;
  --dkx-line: rgba(76, 65, 52, .25);
  color: var(--dkx-ink);
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif;
}

/* ---------------- PC：参考サイトのような左固定ヘッダー ---------------- */
.dkx-side-header {
  position: fixed;
  z-index: 3000;
  top: 0;
  bottom: 0;
  left: 0;
  width: 280px;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 28px 20px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.72), transparent 27%),
    radial-gradient(circle at 88% 92%, rgba(218,189,132,.12), transparent 35%),
    repeating-linear-gradient(105deg, rgba(80,63,42,.018) 0, rgba(80,63,42,.018) 1px, transparent 1px, transparent 5px),
    var(--dkx-paper);
  border-right: 1px solid rgba(65, 55, 43, .2);
  box-shadow: 8px 0 24px rgba(46, 37, 26, .06);
  color: var(--dkx-ink);
  scrollbar-width: thin;
}

.dkx-side-header::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(232, 181, 27, .23);
  pointer-events: none;
}

.dkx-side-header a {
  color: var(--dkx-ink) !important;
  text-decoration: none !important;
}

.dkx-side-brand {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 254px;
  align-items: center;
  justify-content: center;
  padding: 9px 22px 22px;
}

.dkx-side-brand::after {
  content: "";
  position: absolute;
  right: 37px;
  bottom: 10px;
  left: 37px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dkx-yellow), transparent);
}

.dkx-side-brand-founded {
  position: absolute;
  top: 46px;
  left: 31px;
  color: #8b7a60;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: .22em;
  writing-mode: vertical-rl;
}

.dkx-side-brand-wordmark {
  display: flex;
  height: 185px;
  align-items: flex-start;
  gap: 8px;
  color: var(--dkx-ink);
  writing-mode: vertical-rl;
}

.dkx-side-brand-kind {
  padding-top: 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: .18em;
}

.dkx-side-brand-name {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: .15em;
}

.dkx-side-brand-place {
  position: absolute;
  right: 25px;
  bottom: 20px;
  color: var(--dkx-muted);
  font-size: 9px;
  letter-spacing: .18em;
  writing-mode: vertical-rl;
}

.dkx-side-copy {
  margin: 4px 0 16px;
  color: var(--dkx-muted);
  font-size: 11px;
  line-height: 2;
  letter-spacing: .09em;
  text-align: center;
}

.dkx-side-phone {
  position: relative;
  display: flex;
  min-height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  border: 1px solid rgba(64, 55, 44, .68);
  background: rgba(255,255,255,.22);
  box-shadow: 5px 5px 0 rgba(232,181,27,.18);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

.dkx-side-phone:hover {
  background: rgba(255,255,255,.58);
  box-shadow: 7px 7px 0 rgba(232,181,27,.28);
  color: var(--dkx-ink) !important;
  transform: translate(-1px, -1px);
}

.dkx-side-phone-label {
  margin-bottom: 4px;
  color: #665d52;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}

.dkx-side-phone-number {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .07em;
}

.dkx-side-phone-number::before {
  content: "☎";
  margin-right: 7px;
  color: var(--dkx-yellow);
  font-size: 14px;
}

.dkx-side-nav {
  display: grid;
  width: 100%;
  min-height: 208px;
  grid-template-columns: repeat(6, 1fr);
  align-items: start;
  padding: 0 4px;
  border-top: 1px solid var(--dkx-line);
  border-bottom: 1px solid var(--dkx-line);
}

.dkx-side-nav a {
  position: relative;
  display: flex;
  min-width: 0;
  height: 208px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 22px;
  border-left: 1px solid rgba(76,65,52,.09);
  color: #50483f !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .14em;
  transition: color .25s ease, background .25s ease;
  writing-mode: vertical-rl;
}

.dkx-side-nav a:last-child {
  border-right: 1px solid rgba(76,65,52,.09);
}

.dkx-side-nav a::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-bottom: 12px;
  border: 1px solid var(--dkx-yellow);
  background: transparent;
  transform: rotate(45deg);
  transition: background .25s ease;
}

.dkx-side-nav a:hover {
  background: rgba(255,255,255,.34);
  color: #1f1c18 !important;
}

.dkx-side-nav a:hover::before {
  background: var(--dkx-yellow);
}

.dkx-side-note {
  margin: 14px 0 0;
  color: #8b8175;
  font-size: 9px;
  letter-spacing: .2em;
  text-align: center;
}

.dkx-mobile-header {
  display: none;
}

/* ---------------- スマホ：上部固定ヘッダー ---------------- */
@media (max-width: 992px) {
  body:has(.dkx-reference-header) {
    padding-top: 68px !important;
    padding-left: 0 !important;
  }

  .dkx-side-header {
    display: none !important;
  }

  .dkx-mobile-header {
    position: fixed;
    z-index: 3000;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 68px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px 0 19px;
    background:
      repeating-linear-gradient(105deg, rgba(80,63,42,.018) 0, rgba(80,63,42,.018) 1px, transparent 1px, transparent 5px),
      rgba(247,241,230,.97);
    border-bottom: 2px solid var(--dkx-yellow);
    box-shadow: 0 8px 24px rgba(52,42,30,.08);
    color: var(--dkx-ink);
  }

  .dkx-mobile-brand {
    position: relative;
    z-index: 3001;
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    color: var(--dkx-ink) !important;
    font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif;
    letter-spacing: .12em;
  }

  .dkx-mobile-brand span {
    font-size: 14px;
    font-weight: 500;
  }

  .dkx-mobile-brand strong {
    font-size: 23px;
    font-weight: 600;
  }

  .dkx-mobile-menu {
    position: static;
  }

  .dkx-mobile-menu > summary {
    position: relative;
    z-index: 3001;
    display: flex;
    min-width: 75px;
    height: 46px;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    padding: 0;
    color: var(--dkx-ink);
    cursor: pointer;
    list-style: none;
  }

  .dkx-mobile-menu > summary:focus {
    outline: none;
  }

  .dkx-mobile-menu > summary:focus-visible {
    outline: 1px solid var(--dkx-yellow);
    outline-offset: 3px;
  }

  .dkx-mobile-menu > summary::-webkit-details-marker {
    display: none;
  }

  .dkx-mobile-menu-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1em;
  }

  .dkx-mobile-menu-lines {
    display: flex;
    width: 27px;
    height: 20px;
    flex-direction: column;
    justify-content: space-between;
  }

  .dkx-mobile-menu-lines i {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--dkx-ink);
    transform-origin: center;
    transition: transform .25s ease, opacity .2s ease;
  }

  .dkx-mobile-menu[open] .dkx-mobile-menu-lines i:nth-child(1) {
    transform: translateY(9.5px) rotate(45deg);
  }

  .dkx-mobile-menu[open] .dkx-mobile-menu-lines i:nth-child(2) {
    opacity: 0;
  }

  .dkx-mobile-menu[open] .dkx-mobile-menu-lines i:nth-child(3) {
    transform: translateY(-9.5px) rotate(-45deg);
  }

  .dkx-mobile-panel {
    position: fixed;
    z-index: 2990;
    top: 68px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 34px 28px max(40px, env(safe-area-inset-bottom));
    overflow-y: auto;
    background:
      radial-gradient(circle at 15% 0, rgba(255,255,255,.72), transparent 32%),
      repeating-linear-gradient(105deg, rgba(80,63,42,.018) 0, rgba(80,63,42,.018) 1px, transparent 1px, transparent 5px),
      var(--dkx-paper);
    border-top: 1px solid rgba(76,65,52,.18);
  }

  .dkx-mobile-panel nav {
    max-width: 430px;
    margin: 0 auto;
    border-top: 1px solid var(--dkx-line);
  }

  .dkx-mobile-panel nav a {
    position: relative;
    display: flex;
    min-height: 58px;
    align-items: center;
    padding: 0 12px 0 37px;
    border-bottom: 1px solid var(--dkx-line);
    color: var(--dkx-ink) !important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .15em;
  }

  .dkx-mobile-panel nav a::before {
    content: "";
    position: absolute;
    left: 11px;
    width: 9px;
    height: 9px;
    border: 1px solid var(--dkx-yellow);
    transform: rotate(45deg);
  }

  .dkx-mobile-phone {
    display: flex;
    max-width: 430px;
    min-height: 76px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 28px auto 0;
    border: 1px solid rgba(64,55,44,.65);
    background: rgba(255,255,255,.28);
    box-shadow: 6px 6px 0 rgba(232,181,27,.2);
    color: var(--dkx-ink) !important;
  }

  .dkx-mobile-phone small {
    margin-bottom: 3px;
    color: #665d52;
    font-size: 10px;
    letter-spacing: .14em;
  }

  .dkx-mobile-phone strong {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .07em;
  }
}

@media (max-width: 380px) {
  .dkx-mobile-header {
    padding-left: 14px;
  }

  .dkx-mobile-brand {
    gap: 7px;
  }

  .dkx-mobile-brand span {
    font-size: 12px;
  }

  .dkx-mobile-brand strong {
    font-size: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dkx-reference-header *,
  .dkx-reference-header *::before,
  .dkx-reference-header *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* Block: custom_html / sec_1785295814666 */
<!-- 串かつ大黒｜共通ヘッダー完全版 -->
<div class="dkx-reference-header">
  <aside class="dkx-side-header" aria-label="サイトヘッダー">
    <a class="dkx-side-brand" href="/index.php" aria-label="串かつ 大黒 トップページへ">
      <span class="dkx-side-brand-founded">創業四十年</span>

      <span class="dkx-side-brand-wordmark">
        <span class="dkx-side-brand-kind">串かつ</span>
        <strong class="dkx-side-brand-name">大黒</strong>
      </span>

      <span class="dkx-side-brand-place">鹿児島・騎射場</span>
    </a>

    <p class="dkx-side-copy">
      一本一本、手仕込み。<br>
      変わらぬ味を、これからも。
    </p>

    <a class="dkx-side-phone" href="tel:09032192539">
      <span class="dkx-side-phone-label">ご予約・お問い合わせ</span>
      <span class="dkx-side-phone-number">090-3219-2539</span>
    </a>

    <nav class="dkx-side-nav" aria-label="グローバルナビゲーション">
      <a href="/index.php"><span>ホーム</span></a>
      <a href="/courses.php"><span>こだわり</span></a>
      <a href="/menu.php#food"><span>お料理</span></a>
      <a href="/editor.php"><span>お飲み物</span></a>
      <a href="/recruit.php"><span>採用情報</span></a>
      <a href="/page.php?slug=accses"><span>店舗案内</span></a>
    </nav>

    <p class="dkx-side-note">串かつ専門店　大黒</p>
  </aside>

  <!-- スマホ用ヘッダー -->
  <div class="dkx-mobile-header">
    <a class="dkx-mobile-brand" href="/index.php" aria-label="串かつ 大黒 トップページへ">
      <span>串かつ</span>
      <strong>大黒</strong>
    </a>

    <details class="dkx-mobile-menu">
      <summary aria-label="メニューを開く">
        <span class="dkx-mobile-menu-lines" aria-hidden="true">
          <i></i>
          <i></i>
          <i></i>
        </span>
      </summary>

      <div class="dkx-mobile-panel">
        <nav aria-label="スマートフォン用ナビゲーション">
          <a href="/index.php"><span>ホーム</span></a>
          <a href="/courses.php"><span>こだわり</span></a>
          <a href="/menu.php#food"><span>お料理</span></a>
          <a href="/menu.php#drink"><span>お飲み物</span></a>
          <a href="/recruit.php"><span>採用情報</span></a>
          <a href="/page.php?slug=accses"><span>店舗案内</span></a>
        </nav>

        <a class="dkx-mobile-phone" href="tel:09032192539">
          <small>ご予約・お問い合わせ</small>
          <strong>090-3219-2539</strong>
        </a>
      </div>
    </details>
  </div>
</div>

<style>
/* PCの左側ヘッダーとファーストビューの高さを統一 */
@media (min-width: 993px) {
  body:has(.dkx-reference-header) {
    --dkx-opening-height: clamp(720px, 100vh, 940px);
    padding-left: 0 !important;
  }

  .dkx-side-header {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    width: 280px !important;
    height: var(--dkx-opening-height) !important;
    min-height: var(--dkx-opening-height) !important;

    overflow-y: hidden !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    transition: none !important;
  }

  body:has(.dkx-reference-header) .hero-wrapper,
  body:has(.dkx-reference-header) .page-hero-wrapper {
    box-sizing: border-box !important;
    width: calc(100% - 280px) !important;
    height: var(--dkx-opening-height) !important;
    min-height: var(--dkx-opening-height) !important;
    margin-left: 280px !important;
  }

  body:has(.dkx-reference-header) .page-hero-wrapper {
    display: flex !important;
    padding: 80px 24px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:has(.dkx-reference-header) .page-hero-wrapper .ph-container {
    width: min(100%, 900px) !important;
    margin: 0 auto !important;
  }

  body.dkx-side-ended:has(.dkx-reference-header) {
    padding-left: 0 !important;
  }
}

/* スマホのボタンを三本線だけにする */
@media (max-width: 992px) {
  .dkx-mobile-menu > summary {
    min-width: 46px !important;
    width: 46px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .dkx-mobile-menu-label {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dkx-side-header {
    transition: none !important;
  }
}
</style>

<script>
(function () {
  var navItems = [
    {
      label: "ホーム",
      href: "/index.php"
    },
    {
      label: "こだわり",
      href: "/courses.php"
    },
    {
      label: "お料理",
      href: "/menu.php#food"
    },
    {
      label: "お飲み物",
      href: "/menu.php#drink"
    },
    {
      label: "採用情報",
      href: "/recruit.php"
    },
    {
      label: "店舗案内",
      href: "/page.php?slug=accses"
    }
  ];

  /* フッターをヘッダーと同じ6項目に統一 */
  function syncFooterNavigation() {
    var footerNav = document.querySelector(
      ".global-footer .footer-nav"
    );

    if (!footerNav) {
      return;
    }

    footerNav.innerHTML = "";

    navItems.forEach(function (item) {
      var link = document.createElement("a");

      link.className = "footer-nav-link";
      link.href = item.href;
      link.textContent = item.label;

      footerNav.appendChild(link);
    });
  }

  /* スマホメニューのリンクを押したら自動で閉じる */
  function setupMobileMenu() {
    var menus = document.querySelectorAll(
      ".dkx-mobile-menu"
    );

    menus.forEach(function (menu) {
      var summary = menu.querySelector("summary");
      var links = menu.querySelectorAll(
        ".dkx-mobile-panel a[href]"
      );

      function closeMenu() {
        menu.open = false;
        menu.removeAttribute("open");

        if (summary) {
          summary.setAttribute(
            "aria-label",
            "メニューを開く"
          );
        }
      }

      menu.addEventListener("toggle", function () {
        if (!summary) {
          return;
        }

        summary.setAttribute(
          "aria-label",
          menu.open
            ? "メニューを閉じる"
            : "メニューを開く"
        );
      });

      links.forEach(function (link) {
        link.addEventListener("click", function () {
          closeMenu();
        });
      });
    });
  }

  function boot() {
    syncFooterNavigation();
    setupMobileMenu();

    document.body.classList.remove(
      "dkx-side-ended"
    );

    var sideHeader = document.querySelector(
      ".dkx-side-header"
    );

    if (sideHeader) {
      sideHeader.removeAttribute("aria-hidden");
      sideHeader.inert = false;
    }
  }

  if (document.readyState === "loading") {
    document.addEventListener(
      "DOMContentLoaded",
      boot,
      {
        once: true
      }
    );
  } else {
    boot();
  }
})();
</script>


/* =========================================================
   Page: index / INDEX ページ
========================================================= */

/* Block: custom_html / sec_1785379914496 */
.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: custom_html / sec_1785378401985 */
.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: concept_split / sec_1782110303957 */
#sec_1782110303957.concept-section {
  --fc-bg-overlay: rgba(0, 0, 0, 0) !important;
  position: relative !important;
  padding: clamp(90px, 10vw, 138px) 24px !important;
  background-color: #f7f1e6 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  color: #332f2a !important;
}

#sec_1782110303957 .concept-container {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(340px, 0.95fr) !important;
  gap: clamp(42px, 5vw, 64px) !important;
  align-items: center !important;
}

#sec_1782110303957 .concept-content {
  position: relative !important;
  order: 1 !important;
  padding: clamp(26px, 4vw, 42px) !important;
  border-left: 3px solid #e8b51b !important;
  background: rgba(255, 252, 245, 0.88) !important;
  box-shadow: 8px 10px 0 rgba(232, 181, 27, 0.12) !important;
  text-align: left !important;
  backdrop-filter: blur(2px) !important;
}

#sec_1782110303957 .concept-content::before {
  display: none !important;
}

#sec_1782110303957 .concept-eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 23px !important;
  color: #9e7910 !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.2em !important;
  text-align: left !important;
}

#sec_1782110303957 .concept-eyebrow::before {
  content: "" !important;
  width: 38px !important;
  height: 1px !important;
  background: #e8b51b !important;
}

#sec_1782110303957 .concept-title,
#sec_1782110303957 .concept-content h2 {
  margin: 0 0 29px !important;
  color: #332f2a !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: clamp(1.7rem, 2.8vw, 2.25rem) !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.09em !important;
  text-align: left !important;
}

#sec_1782110303957 .concept-text,
#sec_1782110303957
.concept-content p:not(.concept-eyebrow) {
  margin: 0 !important;
  color: #554d44 !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: 14px !important;
  line-height: 2.25 !important;
  letter-spacing: 0.035em !important;
  text-align: left !important;
}

#sec_1782110303957 .concept-img-wrapper {
  position: relative !important;
  order: 2 !important;
  width: 100% !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: #ded3c0 !important;
  box-shadow: none !important;
}

#sec_1782110303957 .concept-img-wrapper::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 14px -14px -14px 14px !important;
  border: 1px solid #d7a918 !important;
  pointer-events: none !important;
}

#sec_1782110303957 .concept-img-wrapper img,
#sec_1782110303957 .concept-img-wrapper video {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  filter: saturate(0.88) contrast(1.03) !important;
}

#sec_1782110303957 .fc-block-btn {
  min-height: 50px !important;
  margin-top: 34px !important;
  padding: 0 30px !important;
  border: 1px solid #594f43 !important;
  border-radius: 0 !important;
  background: rgba(255, 250, 240, 0.92) !important;
  box-shadow: 5px 6px 0 rgba(232, 181, 27, 0.17) !important;
  color: #332f2a !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
}

#sec_1782110303957 .fc-block-btn:hover {
  border-color: #b88e14 !important;
  background: #fffaf0 !important;
  color: #211e1a !important;
  transform: translate(-1px, -1px) !important;
}

@media (max-width: 850px) {
  #sec_1782110303957.concept-section {
    padding: 78px 19px 88px !important;
    background-position: center center !important;
  }

  #sec_1782110303957 .concept-container {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  #sec_1782110303957 .concept-content {
    order: 1 !important;
    padding: 26px 22px !important;
  }

  #sec_1782110303957 .concept-img-wrapper {
    order: 2 !important;
    width: calc(100% - 14px) !important;
  }

  #sec_1782110303957 .concept-title,
  #sec_1782110303957 .concept-content h2,
  #sec_1782110303957 .concept-text,
  #sec_1782110303957 .concept-content p {
    text-align: left !important;
  }
}

/* Block: custom_html / sec_1785383974164 */
.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: image_grid / sec_1784891690097 */
/* =========================================================
   TOP 06：画像グリッド（店内・料理写真）
   貼り付け先：「画像グリッド（複数画像）」ブロックのCSS欄
========================================================= */
#sec_1784891690097.image-grid-section {
  position: relative !important;
  padding: clamp(82px, 9vw, 122px) 24px !important;
  background:
    radial-gradient(circle at 90% 5%, rgba(255,255,255,.5), transparent 25%),
    repeating-linear-gradient(105deg, rgba(83,66,45,.018) 0, rgba(83,66,45,.018) 1px, transparent 1px, transparent 5px),
    #ded4c4 !important;
  color: #332f2a !important;
}

#sec_1784891690097 .image-grid-container {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

#sec_1784891690097 .image-grid-header {
  max-width: 760px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

#sec_1784891690097 .image-grid-title {
  position: relative !important;
  margin: 0 0 20px !important;
  padding-bottom: 18px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: clamp(1.75rem, 3.4vw, 2.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .14em !important;
}

#sec_1784891690097 .image-grid-title::before {
  content: "GALLERY" !important;
  display: block !important;
  margin-bottom: 8px !important;
  color: #96730f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  letter-spacing: .28em !important;
}

#sec_1784891690097 .image-grid-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 68px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1784891690097 .image-grid-desc {
  margin: 0 !important;
  color: #5c5349 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

#sec_1784891690097 .image-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(150px, 15vw, 205px) !important;
  gap: 8px !important;
}

#sec_1784891690097 .image-grid-item {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: #c9bdac !important;
}

#sec_1784891690097 .image-grid-item:nth-child(1) {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}

#sec_1784891690097 .image-grid-item:nth-child(8) {
  grid-column: span 2 !important;
}

#sec_1784891690097 .image-grid-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  filter: saturate(.88) contrast(1.03) !important;
  transition: transform .65s ease, filter .4s ease !important;
}

#sec_1784891690097 .image-grid-item:hover img {
  filter: saturate(.98) contrast(1.04) !important;
  transform: scale(1.035) !important;
}

@media (max-width: 720px) {
  #sec_1784891690097.image-grid-section {
    padding: 72px 12px !important;
  }

  #sec_1784891690097 .image-grid-header {
    padding: 0 10px !important;
  }

  #sec_1784891690097 .image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 39vw !important;
    gap: 6px !important;
  }

  #sec_1784891690097 .image-grid-item:nth-child(1),
  #sec_1784891690097 .image-grid-item:nth-child(8) {
    grid-column: span 2 !important;
  }

  #sec_1784891690097 .image-grid-item:nth-child(1) {
    grid-row: span 2 !important;
  }
}

/* Block: instagram_feed / sec_1786029358833 */
/* =========================================================
   TOP：Instagram ブロック／和紙と古木・完全版
   貼り付け先：Instagramブロックの「このブロックだけに効かせるCSS」

   ・上下の「画像グリッド」「店舗案内」と同じ和紙色・明朝体に統一
   ・見出しの金の下線、古木色の枠、金のずれ影も同じ意匠で統一
   ・ブロックIDではなくクラスで指定しているため、
     既存のInstagramブロックでも、新しく追加したブロックでも効きます
   ・スマホは720px以下で1本の縦並びに切り替え、横スクロールが出ないよう抑制
========================================================= */

/* ---------------------------------------------------------
   セクション本体
--------------------------------------------------------- */
section.fc-instagram-embed-section {
  /* 背景画像を設定した場合でも暗くならないよう和紙色で覆う */
  --fc-bg-overlay: rgba(238, 228, 210, .90) !important;

  position: relative !important;
  padding: clamp(82px, 9vw, 118px) 24px clamp(90px, 9.5vw, 126px) !important;
  overflow: hidden !important;
  background:
    repeating-linear-gradient(105deg, rgba(83, 66, 45, .018) 0, rgba(83, 66, 45, .018) 1px, transparent 1px, transparent 5px),
    #eee4d2 !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
}

section.fc-instagram-embed-section *,
section.fc-instagram-embed-section *::before,
section.fc-instagram-embed-section *::after {
  box-sizing: border-box !important;
}

/* 幅760px：Instagramの埋め込みは中身がこの幅までしか広がらないため、
   これより広くすると右側に白い余白が出ます。
   投稿を並べる表示にして横幅を広げたい場合は、
   下の760pxを1000pxに書き換えてください */
section.fc-instagram-embed-section .fc-instagram-embed-inner {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 投稿を複数並べる表示のときだけ、自動で横幅を広げる */
section.fc-instagram-embed-section:has(.fc-instagram-post-grid) .fc-instagram-embed-inner,
section.fc-instagram-embed-section:has(.fc-instagram-slider) .fc-instagram-embed-inner {
  width: min(100%, 1000px) !important;
  max-width: 1000px !important;
}

/* ---------------------------------------------------------
   見出し（画像グリッド・店舗案内と同じ組み方）
--------------------------------------------------------- */
section.fc-instagram-embed-section .fc-instagram-embed-heading {
  max-width: 760px !important;
  margin: 0 auto 40px !important;
}

/* ブロックが自動で出す小さな「Instagram」の文字は、
   見出しと重複するため非表示にする */
section.fc-instagram-embed-section .fc-instagram-embed-label {
  display: none !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-heading h2 {
  position: relative !important;
  margin: 0 0 20px !important;
  padding: 0 0 18px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: clamp(1.75rem, 3.4vw, 2.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .14em !important;
}

/* 見出しの上の英字（GALLERY・ACCESS と同じ位置づけ）
   文字を変えたいときは content の中だけ書き換えてください */
section.fc-instagram-embed-section .fc-instagram-embed-heading h2::before {
  content: "@daikoku_kushikatsu" !important;
  display: block !important;
  margin-bottom: 10px !important;
  color: #96730f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  line-height: 1.6 !important;
}

/* 見出し下の金の罫 */
section.fc-instagram-embed-section .fc-instagram-embed-heading h2::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 66px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-heading p {
  max-width: 680px !important;
  margin: 0 auto !important;
  color: #5c5349 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

/* ---------------------------------------------------------
   埋め込み枠（アカウントを1つ埋め込む表示）
   白い埋め込みを古木色の細枠と金のずれ影で囲み、
   まわりの和紙面に馴染ませる
--------------------------------------------------------- */
section.fc-instagram-embed-section .fc-instagram-embed-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  background: #fffdf8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-card::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  border: 1px solid rgba(69, 55, 41, .55) !important;
  box-shadow: 8px 8px 0 rgba(184, 142, 20, .16) !important;
  pointer-events: none !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-card .instagram-media,
section.fc-instagram-embed-section .fc-instagram-embed-card iframe {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
}

/* ---------------------------------------------------------
   投稿を複数並べる表示にした場合（投稿URLを入れたとき）
--------------------------------------------------------- */
section.fc-instagram-embed-section .fc-instagram-post-grid {
  width: min(100%, 1000px) !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  gap: 8px !important;
}

section.fc-instagram-embed-section .fc-instagram-post-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(69, 55, 41, .3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

section.fc-instagram-embed-section .fc-instagram-slider {
  width: min(100%, 1000px) !important;
  margin: 0 auto !important;
}

section.fc-instagram-embed-section .fc-instagram-slider-track {
  gap: 8px !important;
}

section.fc-instagram-embed-section .fc-instagram-slider-arrow {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(69, 55, 41, .6) !important;
  border-radius: 0 !important;
  background: rgba(255, 252, 245, .92) !important;
  box-shadow: 4px 4px 0 rgba(184, 142, 20, .18) !important;
  color: #6f4c2c !important;
}

section.fc-instagram-embed-section .fc-instagram-slider-arrow:hover {
  background: #fffaf0 !important;
  color: #4a2f16 !important;
}

section.fc-instagram-embed-section .fc-instagram-slider-dot {
  width: 8px !important;
  height: 8px !important;
  border: 1px solid rgba(69, 55, 41, .5) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

section.fc-instagram-embed-section .fc-instagram-slider-dot.is-active {
  background: #e8b51b !important;
  border-color: #b08a12 !important;
}

/* ---------------------------------------------------------
   ボタン（TEL・店舗案内ボタンと同じ意匠）
--------------------------------------------------------- */
section.fc-instagram-embed-section .fc-instagram-embed-action {
  margin-top: 34px !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-action a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 300px !important;
  max-width: 100% !important;
  min-height: 64px !important;
  padding: 16px 58px 16px 30px !important;
  border: 1px solid rgba(69, 55, 41, .72) !important;
  border-radius: 0 !important;
  background: rgba(255, 252, 245, .88) !important;
  box-shadow: 6px 6px 0 rgba(184, 142, 20, .18) !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: clamp(15px, 1.8vw, 17px) !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-decoration: none !important;
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-action a::after {
  content: "→" !important;
  position: absolute !important;
  top: 50% !important;
  right: 24px !important;
  transform: translateY(-50%) !important;
  color: #a77912 !important;
  -webkit-text-fill-color: #a77912 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-action a:hover {
  background: #fffaf0 !important;
  color: #302820 !important;
  opacity: 1 !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 8px 8px 0 rgba(184, 142, 20, .26) !important;
}

section.fc-instagram-embed-section .fc-instagram-embed-action a:focus-visible {
  outline: 3px solid #e8b51b !important;
  outline-offset: 4px !important;
}

/* ---------------------------------------------------------
   タブレット
--------------------------------------------------------- */
@media (max-width: 1024px) {
  section.fc-instagram-embed-section .fc-instagram-embed-inner {
    width: 100% !important;
  }
}

/* ---------------------------------------------------------
   スマートフォン
--------------------------------------------------------- */
@media (max-width: 720px) {
  section.fc-instagram-embed-section {
    padding: 72px 16px 78px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-heading {
    margin: 0 auto 30px !important;
    padding: 0 4px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-heading h2 {
    margin-bottom: 16px !important;
    padding-bottom: 15px !important;
    font-size: clamp(1.5rem, 6.4vw, 1.9rem) !important;
    letter-spacing: .1em !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-heading h2::before {
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-heading p {
    font-size: 13px !important;
    line-height: 1.95 !important;
  }

  /* 金のずれ影は画面幅を圧迫するため小さくする */
  section.fc-instagram-embed-section .fc-instagram-embed-card::after {
    box-shadow: 5px 5px 0 rgba(184, 142, 20, .16) !important;
  }

  section.fc-instagram-embed-section .fc-instagram-post-grid,
  section.fc-instagram-embed-section .fc-instagram-slider-track {
    gap: 6px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-action {
    margin-top: 26px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-action a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 340px !important;
    min-height: 58px !important;
    padding: 14px 52px 14px 22px !important;
    box-shadow: 5px 5px 0 rgba(184, 142, 20, .18) !important;
    font-size: 15px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-action a::after {
    right: 20px !important;
    font-size: 18px !important;
  }
}

/* 小さい端末での取りこぼし防止 */
@media (max-width: 400px) {
  section.fc-instagram-embed-section {
    padding: 62px 12px 68px !important;
  }

  section.fc-instagram-embed-section .fc-instagram-embed-card::after {
    box-shadow: 4px 4px 0 rgba(184, 142, 20, .16) !important;
  }
}

/* Block: store_info / sec_1784891785292 */
#sec_1784891785292.store-info-section {
  --fc-bg-overlay: rgba(0, 0, 0, 0) !important;
  position: relative !important;
  padding: clamp(86px, 9vw, 118px) 24px
    clamp(96px, 10vw, 132px) !important;
  overflow: hidden !important;
  background-color: #f5eee2 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  color: #332f2a !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1784891785292 .store-info-container {
  width: min(100%, 1000px) !important;
  margin: 0 auto !important;
}

#sec_1784891785292 .store-info-header {
  max-width: 760px !important;
  margin: 0 auto 50px !important;
  padding: 24px 20px !important;
  border: 1px solid rgba(67, 56, 43, 0.2) !important;
  background: rgba(255, 252, 245, 0.86) !important;
  box-shadow: 7px 8px 0 rgba(232, 181, 27, 0.1) !important;
  text-align: center !important;
  backdrop-filter: blur(2px) !important;
}

#sec_1784891785292 .store-info-header::before {
  content: "SHOP INFORMATION" !important;
  display: block !important;
  margin-bottom: 12px !important;
  color: #927318 !important;
  font-family:
    Georgia,
    "Times New Roman",
    serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.28em !important;
}

#sec_1784891785292 .store-info-title {
  position: relative !important;
  margin: 0 !important;
  padding-bottom: 20px !important;
  color: #302b25 !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4vw, 2.85rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.17em !important;
}

#sec_1784891785292 .store-info-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 70px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1784891785292 .store-info-layout {
  display: block !important;
}

#sec_1784891785292 .store-info-table-wrap {
  position: relative !important;
  padding: clamp(24px, 4vw, 42px)
    clamp(22px, 5vw, 58px) !important;
  border: 1px solid rgba(67, 56, 43, 0.3) !important;
  border-left: 4px solid #e8b51b !important;
  background: rgba(255, 252, 245, 0.9) !important;
  box-shadow: 10px 12px 0 rgba(232, 181, 27, 0.11) !important;
  backdrop-filter: blur(2px) !important;
}

#sec_1784891785292 .store-info-table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  color: #51483f !important;
  font-family: inherit !important;
}

#sec_1784891785292 .store-info-table th,
#sec_1784891785292 .store-info-table td {
  padding: 18px 8px !important;
  border-bottom: 1px solid rgba(68, 57, 44, 0.17) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  text-align: left !important;
  vertical-align: top !important;
}

#sec_1784891785292 .store-info-table th {
  width: 145px !important;
  padding-right: 24px !important;
  color: #876813 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
}

#sec_1784891785292 .store-info-table td {
  color: #4d453c !important;
}

#sec_1784891785292
.store-info-table tr:last-child th,
#sec_1784891785292
.store-info-table tr:last-child td {
  border-bottom: 0 !important;
}

@media (max-width: 650px) {
  #sec_1784891785292.store-info-section {
    padding: 72px 16px 88px !important;
    background-position: center center !important;
  }

  #sec_1784891785292 .store-info-header {
    margin-bottom: 38px !important;
    padding: 21px 15px !important;
  }

  #sec_1784891785292 .store-info-table-wrap {
    padding: 19px 21px 24px !important;
    box-shadow:
      7px 8px 0 rgba(232, 181, 27, 0.11) !important;
  }

  #sec_1784891785292 .store-info-table th,
  #sec_1784891785292 .store-info-table td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    white-space: normal !important;
  }

  #sec_1784891785292 .store-info-table th {
    padding-top: 16px !important;
    padding-bottom: 5px !important;
    font-size: 12px !important;
  }

  #sec_1784891785292 .store-info-table td {
    padding-bottom: 15px !important;
    border-bottom:
      1px solid rgba(68, 57, 44, 0.17) !important;
    font-size: 13px !important;
  }

  #sec_1784891785292
  .store-info-table tr:last-child td {
    border-bottom: 0 !important;
  }
}
/* 席数・駐車場の行を非表示 */
#sec_1784891785292 .store-info-table tr:nth-last-child(-n + 2) {
  display: none !important;
}

/* Block: gmap / sec_1784891933730 */
#sec_1784891933730.gmap-section {
  position: relative !important;
  padding: clamp(82px, 9vw, 118px) 24px clamp(96px, 10vw, 138px) !important;
  background:
    repeating-linear-gradient(105deg, rgba(83,66,45,.018) 0, rgba(83,66,45,.018) 1px, transparent 1px, transparent 5px),
    #e9dfcf !important;
  color: #332f2a !important;
}

#sec_1784891933730 .gmap-container {
  width: min(100%, 1000px) !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
}

#sec_1784891933730 .gmap-header {
  max-width: 760px !important;
  margin: 0 auto 40px !important;
  text-align: center !important;
}

#sec_1784891933730 .gmap-title {
  position: relative !important;
  margin: 0 0 20px !important;
  padding-bottom: 18px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: clamp(1.75rem, 3.4vw, 2.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .14em !important;
}

#sec_1784891933730 .gmap-title::before {
  content: "ACCESS" !important;
  display: block !important;
  margin-bottom: 8px !important;
  color: #96730f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  letter-spacing: .28em !important;
}

#sec_1784891933730 .gmap-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 66px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1784891933730 .gmap-desc {
  color: #5a5147 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
}

#sec_1784891933730 .gmap-frame-wrap {
  position: relative !important;
  width: calc(100% - 12px) !important;
  min-height: 410px !important;
  aspect-ratio: 16 / 8.4 !important;
  overflow: hidden !important;
  border: 1px solid rgba(61,52,43,.68) !important;
  border-radius: 0 !important;
  background: #f4efe7 !important;
  box-shadow: 12px 13px 0 rgba(232,181,27,.17) !important;
}

#sec_1784891933730 .gmap-frame-wrap iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  filter: saturate(.76) contrast(.96) sepia(.04) !important;
}

@media (max-width: 700px) {
  #sec_1784891933730.gmap-section {
    padding: 72px 17px 90px !important;
  }

  #sec_1784891933730 .gmap-frame-wrap {
    width: calc(100% - 8px) !important;
    min-height: 340px !important;
    aspect-ratio: auto !important;
    box-shadow: 8px 9px 0 rgba(232,181,27,.17) !important;
  }
}


/* =========================================================
   Page: menu / MENU ページ
========================================================= */

/* Block: hero_page / sec_1782110792533 */
#sec_1782110792533.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(300px, 34vw, 430px) !important;
  padding: clamp(94px, 11vw, 138px) 24px clamp(76px, 9vw, 112px) !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(82, 68, 50, .2) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #332f2a !important;
  text-align: center !important;
}

#sec_1782110792533.page-hero-wrapper::after {
  content: none !important;
  display: none !important;
}

#sec_1782110792533 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,252,244,.4), transparent 36%),
    linear-gradient(180deg, rgba(250,246,237,.7), rgba(242,232,214,.84)) !important;
}

#sec_1782110792533 .ph-overlay::before,
#sec_1782110792533 .ph-overlay::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  border: 1px solid #e8b51b !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

#sec_1782110792533 .ph-overlay::before {
  top: 48px !important;
  width: 13px !important;
  height: 13px !important;
}

#sec_1782110792533 .ph-overlay::after {
  bottom: 46px !important;
  width: 7px !important;
  height: 7px !important;
  background: #e8b51b !important;
}

#sec_1782110792533 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 780px) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  transform: none !important;
}

#sec_1782110792533 .ph-container::before {
  content: "串かつ 大黒" !important;
  display: block !important;
  margin: 0 0 18px !important;
  color: #8a7247 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .34em !important;
}

#sec_1782110792533 .ph-title {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size: clamp(2.15rem, 5.2vw, 3.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .22em !important;
  text-shadow: none !important;
}

#sec_1782110792533 .ph-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 76px !important;
  height: 1px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1782110792533 .ph-desc {
  margin: 22px auto 0 !important;
  color: #62584d !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .08em !important;
}

@media (max-width: 700px) {
  #sec_1782110792533.page-hero-wrapper {
    min-height: 270px !important;
    padding: 82px 18px 70px !important;
  }

  #sec_1782110792533 .ph-overlay::before {
    top: 36px !important;
  }

  #sec_1782110792533 .ph-overlay::after {
    bottom: 34px !important;
  }

  #sec_1782110792533 .ph-container::before {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    letter-spacing: .27em !important;
  }

  #sec_1782110792533 .ph-title {
    font-size: 2.1rem !important;
    letter-spacing: .18em !important;
  }
}

/* Block: custom_html / sec_1784909661165 */
.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 */
/* =========================================================
   メニューページ背景・高画質版（完全版）
   貼り付け先：「デザイン・コード」→「共通CSS編集」の一番下
========================================================= */

#sec_1782110792533.page-hero-wrapper,
#sec_1782110885267.menu-grid-section,
#sec_1784892524871.menu-grid-section {
  --fc-bg-overlay: rgba(0, 0, 0, 0) !important;
  background-color: #f4efe7 !important;
  background-position: center top !important;
  background-size: min(100%, 1672px) auto !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
  background-blend-mode: normal !important;
}

/* お料理・お飲み物ブロックの暗い膜を削除 */
#sec_1782110885267.menu-grid-section::before,
#sec_1782110885267.menu-grid-section::after,
#sec_1784892524871.menu-grid-section::before,
#sec_1784892524871.menu-grid-section::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

/* ページ見出しには、ごく薄い明るい膜だけ残す */
#sec_1782110792533 .ph-overlay {
  background:
    radial-gradient(
      circle at 50% 40%,
      rgba(255, 252, 244, 0.08),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      rgba(250, 246, 237, 0.12),
      rgba(242, 232, 214, 0.20)
    ) !important;
}

/* スマホ表示 */
@media (max-width: 700px) {
  #sec_1782110792533.page-hero-wrapper,
  #sec_1782110885267.menu-grid-section,
  #sec_1784892524871.menu-grid-section {
    background-position: 48% top !important;
    background-size: 920px auto !important;
  }
}
/* =========================================================
   お料理メニュー：文字色・カード背景 修正版
========================================================= */

#sec_1782110885267.menu-grid-section,
#sec_1782110885267.menu-grid-section * {
  opacity: 1 !important;
}

#sec_1782110885267 .menu-main-title,
#sec_1782110885267 .menu-cat-name,
#sec_1782110885267 .mi-title {
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  text-shadow: none !important;
}

#sec_1782110885267 .menu-sub-text,
#sec_1782110885267 .menu-cat-desc,
#sec_1782110885267 .mi-text {
  color: #5f554b !important;
  -webkit-text-fill-color: #5f554b !important;
  text-shadow: none !important;
}

#sec_1782110885267 .menu-section-header::before {
  color: #765d2d !important;
  -webkit-text-fill-color: #765d2d !important;
}

#sec_1782110885267 .menu-section-header::after {
  color: #756b60 !important;
  -webkit-text-fill-color: #756b60 !important;
}

#sec_1782110885267 .mi-price,
#sec_1782110885267 .price-in {
  color: #795817 !important;
  -webkit-text-fill-color: #795817 !important;
  text-shadow: none !important;
}

#sec_1782110885267 .menu-cat-block {
  border-color: rgba(77, 64, 49, 0.28) !important;
  background: rgba(255, 252, 245, 0.90) !important;
}

#sec_1782110885267 .menu-item-card {
  border-color: rgba(77, 64, 49, 0.24) !important;
  background: rgba(255, 253, 248, 0.92) !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
}

#sec_1782110885267 .menu-item-card.no-image {
  background: rgba(255, 253, 248, 0.42) !important;
}

#sec_1782110885267 .mi-sold-out {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}
/* 串メニュー：白い枠と商品カードの間に余白を追加 */
#sec_1782110885267 .menu-cat-block {
  padding: clamp(31px, 4.5vw, 46px) clamp(24px, 5vw, 52px) !important;
}

#sec_1782110885267 .menu-items-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(24px, 4vw, 30px) !important;
}

@media (max-width: 760px) {
  #sec_1782110885267 .menu-cat-block {
    padding: 26px 18px 29px !important;
  }

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


/* =========================================================
   Page: courses / COURSES ページ
========================================================= */

/* Block: hero_page / sec_1782110998212 */
#sec_1782110998212.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(300px, 34vw, 430px) !important;
  padding: clamp(94px, 11vw, 138px) 24px clamp(76px, 9vw, 112px) !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(82, 68, 50, .2) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #332f2a !important;
  text-align: center !important;
}

/* 元の暗いフィルターを無効化 */
#sec_1782110998212.page-hero-wrapper::after {
  content: none !important;
  display: none !important;
}

#sec_1782110998212 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 252, 244, .20), transparent 38%),
    linear-gradient(180deg, rgba(250, 246, 237, .42), rgba(242, 232, 214, .58)) !important;
}

#sec_1782110998212 .ph-overlay::before,
#sec_1782110998212 .ph-overlay::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  border: 1px solid #e8b51b !important;
}

#sec_1782110998212 .ph-overlay::before {
  top: 48px !important;
  width: 13px !important;
  height: 13px !important;
}

#sec_1782110998212 .ph-overlay::after {
  bottom: 46px !important;
  width: 7px !important;
  height: 7px !important;
  background: #e8b51b !important;
}

#sec_1782110998212 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 780px) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  transform: none !important;
}

#sec_1782110998212 .ph-container::before {
  content: "大黒のこだわり" !important;
  display: block !important;
  margin: 0 0 18px !important;
  color: #8a7247 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .34em !important;
}

#sec_1782110998212 .ph-title {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size: clamp(2.15rem, 5.2vw, 3.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .22em !important;
  text-shadow: none !important;
}

#sec_1782110998212 .ph-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 76px !important;
  height: 1px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1782110998212 .ph-desc {
  margin: 22px auto 0 !important;
  color: #62584d !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .08em !important;
}

@media (max-width: 700px) {
  #sec_1782110998212.page-hero-wrapper {
    min-height: 270px !important;
    padding: 82px 18px 70px !important;
  }

  #sec_1782110998212 .ph-overlay::before {
    top: 36px !important;
  }

  #sec_1782110998212 .ph-overlay::after {
    bottom: 34px !important;
  }

  #sec_1782110998212 .ph-container::before {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    letter-spacing: .27em !important;
  }

  #sec_1782110998212 .ph-title {
    font-size: 2.1rem !important;
    letter-spacing: .18em !important;
  }
}

/* Block: custom_html / sec_1784892066375 */
/* =========================================================
   こだわりページ（courses.php）
   「大黒の看板メニュー」の写真：ホバー演出を無効化する

   ■ 何が変わるか
   　変更前：最初は白黒（セピア寄り）→ マウスを乗せるとカラー＋少し拡大
   　変更後：最初からカラーのまま固定。拡大もしない。

   　枠・余白・並び方・文字組みは一切変更していません。
   　色味は「マウスを乗せたときの見え方」と全く同じです。

   ■ 貼り付け先（どちらか一方でOK。1番を推奨）

   　【1】こだわりページ →「カスタムHTML」ブロックをクリック →
   　　　 右側の「このブロックだけに効かせるCSS」欄へ、この内容を貼る
   　　　 ※この欄は現在空です。中身を消す作業は不要で、そのまま貼るだけです。

   　【2】同じブロックのHTML欄を開き、いちばん上にある </style> の
   　　　 直前へこの内容を貼る

   　1番を推奨します。HTML欄を触らないので、貼り間違いの心配がありません。

   ■ なぜ指定が長いのか（消さないでください）
   　このページのCSSはカスタムHTMLのHTML欄の中に書かれており、
   　ページの後ろ側で読み込まれます。短い指定だと元のCSSに負けて効きません。
   　クラスを重ねて指定を強くしているため、途中を省略しないでください。
========================================================= */

/* 通常時・マウスを乗せたとき・押したとき、すべて同じ見え方に固定する */
#sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card figure img,
#sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card:hover figure img,
#sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card:active figure img,
#sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card:focus-within figure img,
#sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card figure:hover img {
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* スマートフォン・タブレット（指で操作する端末）
   タップした指の跡でホバー状態が残り、画像が拡大したままになるのを防ぐ */
@media (hover: none), (pointer: coarse) {
  #sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card figure img,
  #sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card:hover figure img,
  #sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-grid .dkx-signature-card:active figure img {
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* =========================================================
   【任意】上の①〜④の写真と色の濃さを揃えたい場合

   ①〜④の写真には少しだけ落ち着いた色味（saturate .88／contrast .96）が
   かかっています。看板メニューもそれに合わせたい場合は、
   上の「filter: none !important;」を次の1行に書き換えてください。

     filter: saturate(.88) contrast(.96) !important;

   　※合計3か所（通常時のまとまり／スマホ用のまとまり）にあります。
   　※そのままでも問題ありません。好みの範囲です。
========================================================= */

/* =========================================================
   【任意】「お品書きを見る」ボタンのホバーも消したい場合

   今回はボタンのホバーは残しています（押せることが分かるため）。
   こちらも止めたい場合は、下の3行の先頭と末尾の記号を外して有効にしてください。

   #sec_1784892066375 .dkx-kodawari .dkx-signature .dkx-signature-link:hover {
     background: rgba(255,255,255,.28) !important;
     box-shadow: 6px 7px 0 rgba(232,181,27,.2) !important;
     transform: none !important;
   }
========================================================= */


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

/* Block: hero_page / sec_1782111185841 */
#sec_1782111185841.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  min-height: 390px !important;
  padding: 126px 24px 104px !important;
  overflow: hidden !important;
  background-position: center 58% !important;
  background-size: cover !important;
  color: #302b25 !important;
  text-align: center !important;
}

#sec_1782111185841.page-hero-wrapper::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  background: rgba(249, 245, 236, .78) !important;
}

#sec_1782111185841 .ph-overlay {
  display: none !important;
}

#sec_1782111185841 .ph-container {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 900px) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1782111185841 .ph-container::before {
  content: "RECRUIT" !important;
  display: block !important;
  margin: 0 0 18px !important;
  color: #94700e !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
}

#sec_1782111185841 .ph-title {
  margin: 0 !important;
  color: #302b25 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .16em !important;
  text-shadow: none !important;
}

#sec_1782111185841 .ph-title::after {
  content: "" !important;
  display: block !important;
  width: 72px !important;
  height: 2px !important;
  margin: 27px auto 0 !important;
  background: #e8b51b !important;
}

@media (max-width: 700px) {
  #sec_1782111185841.page-hero-wrapper {
    min-height: 300px !important;
    padding: 94px 18px 76px !important;
  }

  #sec_1782111185841 .ph-title {
    font-size: 2.55rem !important;
    letter-spacing: .12em !important;
  }
}

/* Block: custom_html / sec_1785317286019 */
html body section#sec_1785317286019.custom-html-wrapper {
  display: block !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1785317286019 .rk-intro,
#sec_1785317286019 .rk-intro * {
  box-sizing: border-box !important;
}

#sec_1785317286019 .rk-intro {
  width: 100% !important;
  padding: clamp(82px, 9vw, 124px) 24px !important;
  background:
    repeating-linear-gradient(115deg, rgba(112, 91, 59, .025) 0 1px, transparent 1px 9px),
    #f6f0e5 !important;
  color: #332f2a !important;
}

#sec_1785317286019 .rk-intro__inner {
  display: grid !important;
  width: min(100%, 1060px) !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: clamp(48px, 7vw, 92px) !important;
  align-items: center !important;
}

#sec_1785317286019 .rk-intro__photo {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 22px 22px !important;
}

#sec_1785317286019 .rk-intro__photo::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: calc(100% - 20px) !important;
  height: calc(100% - 20px) !important;
  border: 1px solid #caa948 !important;
}

#sec_1785317286019 .rk-intro__photo img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.9) contrast(.98) !important;
}

#sec_1785317286019 .rk-intro__photo figcaption {
  position: absolute !important;
  z-index: 2 !important;
  right: -12px !important;
  bottom: 4px !important;
  padding: 9px 13px !important;
  background: #e8b51b !important;
  color: #2d2924 !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}

#sec_1785317286019 .rk-intro__copy {
  padding-left: clamp(22px, 3vw, 38px) !important;
  border-left: 2px solid #e8b51b !important;
}

#sec_1785317286019 .rk-intro__english {
  margin: 0 0 18px !important;
  color: #8d6a0b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .3em !important;
}

#sec_1785317286019 .rk-intro__copy h2 {
  margin: 0 0 27px !important;
  color: #302b25 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
  font-size: clamp(1.85rem, 3.25vw, 2.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: .075em !important;
}

#sec_1785317286019 .rk-intro__lead {
  margin: 0 0 30px !important;
  color: #62584d !important;
  font-size: 14px !important;
  line-height: 2.15 !important;
  letter-spacing: .025em !important;
}

#sec_1785317286019 .rk-intro__points {
  border-top: 1px solid rgba(68, 56, 42, .18) !important;
}

#sec_1785317286019 .rk-intro__points p {
  display: grid !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  grid-template-columns: 44px 1fr !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(68, 56, 42, .18) !important;
}

#sec_1785317286019 .rk-intro__points span {
  color: #9a7510 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
}

#sec_1785317286019 .rk-intro__points strong {
  color: #443c34 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.8 !important;
  letter-spacing: .04em !important;
}

@media (max-width: 780px) {
  #sec_1785317286019 .rk-intro {
    padding: 68px 18px 76px !important;
  }

  #sec_1785317286019 .rk-intro__inner {
    width: min(100%, 620px) !important;
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }

  #sec_1785317286019 .rk-intro__copy {
    padding-left: 20px !important;
  }

  #sec_1785317286019 .rk-intro__copy h2 {
    font-size: 1.8rem !important;
  }

  #sec_1785317286019 .rk-intro__lead {
    font-size: 13px !important;
    line-height: 2.05 !important;
  }
}

/* Block: recruit_job_list / sec_1782114313132 */
html body section#sec_1782114313132.job-list-section {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: clamp(82px, 9vw, 122px) 24px clamp(94px, 10vw, 138px) !important;
  overflow: hidden !important;
  background: #fbf8f1 !important;
  color: #332f2a !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1782114313132,
#sec_1782114313132 * {
  box-sizing: border-box !important;
}

#sec_1782114313132 .job-section-header {
  width: min(100%, 1000px) !important;
  margin: 0 auto clamp(42px, 6vw, 68px) !important;
  text-align: center !important;
}

#sec_1782114313132 .job-section-header::before {
  content: "REQUIREMENTS" !important;
  display: block !important;
  margin: 0 0 17px !important;
  color: #916d0c !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .3em !important;
}

#sec_1782114313132 .job-main-title {
  margin: 0 !important;
  color: #302b25 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
  font-size: clamp(2rem, 4vw, 3.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .14em !important;
}

#sec_1782114313132 .job-main-title::after {
  content: "" !important;
  display: block !important;
  width: 62px !important;
  height: 2px !important;
  margin: 23px auto 0 !important;
  background: #e8b51b !important;
}

#sec_1782114313132 .job-sub-text {
  margin: 23px 0 0 !important;
  color: #71675b !important;
  font-size: 13px !important;
  line-height: 2 !important;
  letter-spacing: .055em !important;
}

#sec_1782114313132 .job-container {
  width: min(100%, 1000px) !important;
  margin: 0 auto !important;
}

#sec_1782114313132 .job-card {
  position: relative !important;
  width: calc(100% - 300px) !important;
  margin: 0 0 0 auto !important;
  overflow: visible !important;
  width: 100% !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 1px solid #cfc2ae !important;
  border-top: 4px solid #e8b51b !important;
  border-radius: 0 !important;
  background: #fffdf8 !important;
  box-shadow: 12px 14px 0 rgba(156, 124, 40, .09) !important;
  color: #332f2a !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1782114313132 .job-card-header {
  display: flex !important;
  padding: 25px clamp(22px, 4vw, 42px) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  border-bottom: 1px solid #d8cdbd !important;
  background: #eee4d3 !important;
}

#sec_1782114313132 .job-type-badge {
  flex: 0 0 auto !important;
  padding: 7px 12px !important;
  border: 1px solid #a98626 !important;
  border-radius: 0 !important;
  background: #e8b51b !important;
  color: #28231d !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: .08em !important;
}

#sec_1782114313132 .job-title {
  margin: 0 !important;
  color: #302b25 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
  font-size: clamp(1.45rem, 3vw, 2.1rem) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: .1em !important;
}

#sec_1782114313132 .job-card-body {
  display: block !important;
}

#sec_1782114313132 .job-img-box {
  position: absolute !important;
  z-index: 2 !important;
  top: 138px !important;
  left: -300px !important;
  width: 330px !important;
  height: 248px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #b9aa94 !important;
  background: #ddd2c1 !important;
  box-shadow: 10px 12px 0 rgba(156, 124, 40, .12) !important;
  display: none !important;
}

#sec_1782114313132 .job-img-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.9) contrast(.98) !important;
}

#sec_1782114313132 .job-info-box {
  min-width: 0 !important;
  padding: 8px clamp(22px, 4vw, 42px) 24px 58px !important;
  padding: 8px clamp(22px, 5vw, 58px) 28px !important;
  background: #fffdf8 !important;
}

#sec_1782114313132 .job-table {
  width: 100% !important;
  margin: 0 !important;
  width: min(100%, 820px) !important;
  margin: 0 auto !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

#sec_1782114313132 .job-table tr {
  border-bottom: 1px solid #ded5c7 !important;
}

#sec_1782114313132 .job-table th,
#sec_1782114313132 .job-table td {
  padding: 22px 0 !important;
  border: 0 !important;
  vertical-align: top !important;
  text-align: left !important;
}

#sec_1782114313132 .job-table th {
  width: 112px !important;
  padding-right: 22px !important;
  color: #86650c !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

#sec_1782114313132 .job-table td {
  color: #544b42 !important;
  font-size: 13px !important;
  line-height: 1.95 !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

#sec_1782114313132 .job-table tr:nth-child(3) td {
  text-align: left !important;
}

#sec_1782114313132 .job-salary {
  color: #332b21 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

@media (max-width: 800px) {
  html body section#sec_1782114313132.job-list-section {
    padding: 70px 16px 86px !important;
  }

  #sec_1782114313132 .job-card {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-shadow: 7px 8px 0 rgba(156, 124, 40, .08) !important;
  }

  #sec_1782114313132 .job-card-header {
    display: block !important;
    display: flex !important;
    padding: 22px 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  #sec_1782114313132 .job-title {
    margin-top: 14px !important;
    margin-top: 0 !important;
  }

  #sec_1782114313132 .job-card-body {
    display: block !important;
  }

  #sec_1782114313132 .job-img-box {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8cdbd !important;
    box-shadow: none !important;
    display: none !important;
  }

  #sec_1782114313132 .job-img-box img {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #sec_1782114313132 .job-info-box {
    padding: 7px 20px 22px !important;
  }

  #sec_1782114313132 .job-table,
  #sec_1782114313132 .job-table tbody,
  #sec_1782114313132 .job-table tr,
  #sec_1782114313132 .job-table th,
  #sec_1782114313132 .job-table td {
    display: block !important;
    width: 100% !important;
  }

  #sec_1782114313132 .job-table th {
    padding: 19px 0 6px !important;
    text-align: left !important;
  }

  #sec_1782114313132 .job-table td {
    padding: 0 0 19px !important;
    text-align: left !important;
  }
}
/* =========================================================
   採用ページ（recruit.php）
   ①明朝体に統一　②給与・勤務時間の改行

   ■ 貼り付け先（1か所だけ）
   　「募集要項・求人一覧」ブロックをクリック →
   　「このブロックだけに効かせるCSS」欄の
   　　いちばん下（既存CSSの末尾）へ、この内容を追記してください。

   　※既存のCSSは消さないでください。末尾に足すだけです。
   　※中はすべてID指定なので、この1か所に貼れば
   　　上下のカスタムHTMLとTELボタンにも同時に効きます。

   ■ 給与欄だけ、管理画面のテキスト修正が1つ必要です
   　→ ファイル末尾の「■ 給与欄の修正」を必ずお読みください。
========================================================= */


/* =========================================================
   ① 明朝体に統一する

   採用ページの本文がゴシック体（Noto Sans JP）になっていたのは、
   このページの各ブロックが書体を指定しておらず、
   サイト共通の初期設定をそのまま受け継いでいたためです。
   ブロックごとに明朝体を指定して直します。
========================================================= */

/* 上のカスタムHTML／募集要項／下のカスタムHTML／TELボタン */
html body section#sec_1785317286019,
html body section#sec_1782114313132,
html body section#sec_1784893052765,
html body section#sec_1784892886189 {
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
}

/* 見出しは元から明朝体ですが、他ページと別の書体が指定されているため、
   サイト全体と同じ書体（Shippori Mincho）へ揃えます */
html body section#sec_1782114313132 .job-main-title,
html body section#sec_1782114313132 .job-title,
html body section#sec_1785317286019 .rk-intro__copy h2,
html body section#sec_1784893052765 .rk-apply-message h2 {
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
}

/* 「WORK WITH US」「APPLICATION」などの英字は
   Georgia のまま残ります（意図した使い分けのため触っていません）*/


/* =========================================================
   ② 給与・勤務時間を改行する

   この2つの入力欄は1行しか入らない作りのため、
   管理画面では改行キーが使えません。
   そこで「半角スペースを入れたところで改行する」ようにします。

   　勤務時間：すでに「・」の前に半角スペースが入っているので、
   　　　　　　このCSSを入れるだけで中黒ごとに改行されます。
   　給与　　：半角スペースを1つ足す必要があります（末尾の説明参照）。
========================================================= */

html body section#sec_1782114313132 .job-table .job-salary,
html body section#sec_1782114313132 .job-table tr:nth-of-type(2) > td {
  display: block !important;
  word-spacing: 100vw !important;
  text-align: left !important;
}

/* 複数行になるため、給与セルも左揃えに合わせます
   （業務内容の欄と同じ揃え方です） */
html body section#sec_1782114313132 .job-table tr:nth-of-type(1) > td {
  text-align: left !important;
}


/* =========================================================
   ③ スマートフォンの調整

   スマホでは表の幅が約253pxしかなく、そのままだと
   給与の2行目の最後の「～」だけが次の行に落ちてしまうため、
   左右の余白と文字サイズをわずかに詰めて1行に収めます。
========================================================= */

@media (max-width: 800px) {
  html body section#sec_1782114313132 .job-info-box {
    padding: 7px 16px 22px !important;
  }

  html body section#sec_1782114313132 .job-salary {
    font-size: 15px !important;
  }
}


/* =========================================================
   ■ 給与欄の修正（管理画面での作業）

   ダッシュボード → 採用管理 → 該当の求人を編集 →
   「給与」欄を次のように直してください。

   　変更前： 時給1,100円～研修期間（14日間）　時給1,030円～
   　変更後： 時給1,100円～ 研修期間（14日間）　時給1,030円～
   　　　　　　　　　　　 ↑ここに半角スペースを1つ追加するだけ

   これで次のように表示されます。

   　時給1,100円～
   　研修期間（14日間）　時給1,030円～

   ※「（14日間）」の後ろにある全角スペースはそのまま残してください。
   　全角スペースでは改行されないため、指示書どおりの2行になります。


   ■ 今後この2つの欄を書き換えるときのルール

   　・改行したい位置に「半角スペース」を1つ入れる
   　・改行したくない場所には半角スペースを入れない
   　　（例：「Wワーク・副業 OK」と書くと OK の前で改行されます）

   　「業務内容」「待遇・福利厚生」の欄は複数行入力できる作りなので、
   　これまでどおり改行キーがそのまま使えます。


   ■ 参考

   現在「待遇・福利厚生」の欄が空のため、この項目は表に出ていません。
   指示書には記載があるので、必要なら管理画面から入力してください。
   （制服貸与／髪色自由／自転車・バイク通勤OK／扶養内勤務OK／
   　Wワーク・副業OK／研修制度あり）
========================================================= */

/* Block: custom_html / sec_1784893052765 */
html body section#sec_1784893052765.custom-html-wrapper {
  display: block !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1784893052765 .rk-apply-message,
#sec_1784893052765 .rk-apply-message * {
  box-sizing: border-box !important;
}

#sec_1784893052765 .rk-apply-message {
  width: 100% !important;
  padding: clamp(68px, 8vw, 100px) 24px 36px !important;
  background: #eee4d3 !important;
  color: #332f2a !important;
}

#sec_1784893052765 .rk-apply-message__inner {
  width: min(100%, 780px) !important;
  margin: 0 auto !important;
  padding: clamp(34px, 5vw, 54px) clamp(24px, 6vw, 66px) !important;
  border: 1px solid #b9aa94 !important;
  border-top: 3px solid #e8b51b !important;
  background: rgba(255, 253, 248, .72) !important;
  text-align: center !important;
}

#sec_1784893052765 .rk-apply-message__english {
  margin: 0 0 15px !important;
  color: #8d6a0b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .3em !important;
}

#sec_1784893052765 .rk-apply-message h2 {
  margin: 0 0 23px !important;
  color: #302b25 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif !important;
  font-size: clamp(1.75rem, 3.4vw, 2.7rem) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: .12em !important;
}

#sec_1784893052765 .rk-apply-message__inner > p:last-child {
  margin: 0 !important;
  color: #61574d !important;
  font-size: 13px !important;
  line-height: 2.15 !important;
  letter-spacing: .035em !important;
}

@media (max-width: 700px) {
  #sec_1784893052765 .rk-apply-message {
    padding: 58px 16px 28px !important;
  }

  #sec_1784893052765 .rk-apply-message__inner {
    padding: 31px 20px !important;
    text-align: left !important;
  }

  #sec_1784893052765 .rk-apply-message__english,
  #sec_1784893052765 .rk-apply-message h2 {
    text-align: center !important;
  }
}

/* Block: link_button / sec_1784892886189 */
#sec_1784892886189.link-button-section {
  display: block !important;
  width: 100% !important;
  padding: 18px 24px 96px !important;
  background: #eee4d3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1784892886189 .link-button-container {
  width: min(100%, 520px) !important;
  margin: 0 auto !important;
}

#sec_1784892886189 .link-button-buttons {
  display: block !important;
}

#sec_1784892886189 .link-button-btn {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-height: 64px !important;
  aspect-ratio: auto !important;
  padding: 16px 24px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #28231d !important;
  border-radius: 0 !important;
  background: #e8b51b !important;
  background-image: none !important;
  box-shadow: 7px 8px 0 rgba(80, 62, 20, .14) !important;
  color: transparent !important;
  font-size: 0 !important;
  text-decoration: none !important;
}

#sec_1784892886189 .link-button-btn::before {
  content: "電話で応募・お問い合わせ　090-3219-2539" !important;
  display: inline !important;
  color: #28231d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

#sec_1784892886189 .link-button-btn::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 700px) {
  #sec_1784892886189.link-button-section {
    padding: 16px 16px 78px !important;
  }

  #sec_1784892886189 .link-button-btn::before {
    content: "電話で応募する　090-3219-2539" !important;
    font-size: 13px !important;
  }
}


/* =========================================================
   Page: accses / ACCSES ページ
========================================================= */

/* Block: hero_page / sec_1785317227641 */
#sec_1785317227641.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  min-height: clamp(520px, 78vh, 820px) !important;
  padding: clamp(110px, 12vw, 170px) 24px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #332f2a !important;
  text-align: center !important;
}

/* 標準の暗いオーバーレイを削除 */
#sec_1785317227641.page-hero-wrapper::after,
#sec_1785317227641 .ph-overlay {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

#sec_1785317227641 .ph-container {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 860px) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* ACCESS */
#sec_1785317227641 .ph-container::before {
  content: "ACCESS" !important;
  display: block !important;
  margin: 0 0 16px !important;
  color: #8a7247 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .38em !important;
  text-shadow: none !important;
}

/* 店舗案内 */
#sec_1785317227641 .ph-title {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 27px !important;
  color: #332f2a !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: clamp(2.65rem, 5.5vw, 4.3rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .2em !important;
  text-shadow: none !important;
}

/* 黄色の下線 */
#sec_1785317227641 .ph-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 78px !important;
  height: 2px !important;
  background: #f4bd22 !important;
  transform: translateX(-50%) !important;
  box-shadow: none !important;
}

#sec_1785317227641 .ph-desc {
  margin: 24px auto 0 !important;
  color: #62584d !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .08em !important;
  text-shadow: none !important;
}

/* PC：左側ヘッダーの横幅に合わせる */
@media (min-width: 993px) {
  body:has(.dkx-reference-header)
  #sec_1785317227641.page-hero-wrapper {
    width: calc(100% - 280px) !important;
    height: var(
      --dkx-opening-height,
      clamp(720px, 100vh, 940px)
    ) !important;
    min-height: var(
      --dkx-opening-height,
      clamp(720px, 100vh, 940px)
    ) !important;
    margin-left: 280px !important;
  }
}

/* スマホ */
@media (max-width: 700px) {
  #sec_1785317227641.page-hero-wrapper {
    min-height: 460px !important;
    padding: 100px 18px 84px !important;
  }

  #sec_1785317227641 .ph-title {
    font-size: 2.45rem !important;
    letter-spacing: .15em !important;
  }
}

/* Block: custom_html / sec_1786026164248 */
.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: gmap / sec_1783042756212 */
#sec_1783042756212.gmap-section {
  position: relative !important;
  padding: clamp(72px, 8vw, 116px) 24px clamp(82px, 9vw, 126px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 15%, rgba(232, 181, 27, .13), transparent 24%),
    #ede3cf !important;
  color: #3b342c !important;
}

#sec_1783042756212 .gmap-container {
  width: min(100%, 1120px) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

#sec_1783042756212 .gmap-header {
  max-width: 760px !important;
  margin: 0 auto clamp(38px, 5vw, 58px) !important;
  text-align: center !important;
}

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

#sec_1783042756212 .gmap-title {
  position: relative !important;
  margin: 0 !important;
  padding-bottom: 21px !important;
  color: #332d27 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: clamp(2rem, 3.6vw, 3rem) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .16em !important;
}

#sec_1783042756212 .gmap-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 72px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1783042756212 .gmap-desc {
  margin: 21px 0 0 !important;
  color: #6a5e51 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .06em !important;
}

#sec_1783042756212 .gmap-frame-wrap {
  position: relative !important;
  width: calc(100% - 12px) !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 8.3 !important;
  margin: 0 12px 12px 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(70, 59, 44, .48) !important;
  border-radius: 0 !important;
  background: #f9f5ec !important;
  box-shadow: 12px 12px 0 rgba(232, 181, 27, .28) !important;
}

#sec_1783042756212 .gmap-frame-wrap iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  filter: grayscale(.08) sepia(.06) contrast(.98) !important;
}

#sec_1783042756212 .gmap-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  color: #6a5e51 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  text-align: center !important;
}

@media (max-width: 700px) {
  #sec_1783042756212.gmap-section {
    padding: 62px 16px 82px !important;
  }

  #sec_1783042756212 .gmap-frame-wrap {
    width: calc(100% - 8px) !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 8px 8px 0 !important;
    box-shadow: 8px 8px 0 rgba(232, 181, 27, .28) !important;
  }
}


/* =========================================================
   Page: drink / DRINK ページ
========================================================= */

/* Block: hero_page / sec_1786018508017 */
#sec_1786018508017.page-hero-wrapper {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(300px, 34vw, 430px) !important;
  padding: clamp(94px, 11vw, 138px) 24px clamp(76px, 9vw, 112px) !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(82, 68, 50, .2) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #332f2a !important;
  text-align: center !important;
}

#sec_1786018508017.page-hero-wrapper::after {
  content: none !important;
  display: none !important;
}

#sec_1786018508017 .ph-overlay {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(255,252,244,.4), transparent 36%),
    linear-gradient(180deg, rgba(250,246,237,.7), rgba(242,232,214,.84)) !important;
}

#sec_1786018508017 .ph-overlay::before,
#sec_1786018508017 .ph-overlay::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  border: 1px solid #e8b51b !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

#sec_1786018508017 .ph-overlay::before {
  top: 48px !important;
  width: 13px !important;
  height: 13px !important;
}

#sec_1786018508017 .ph-overlay::after {
  bottom: 46px !important;
  width: 7px !important;
  height: 7px !important;
  background: #e8b51b !important;
}

#sec_1786018508017 .ph-container {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 780px) !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  transform: none !important;
}

#sec_1786018508017 .ph-container::before {
  content: "串かつ 大黒" !important;
  display: block !important;
  margin: 0 0 18px !important;
  color: #8a7247 !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .34em !important;
}

#sec_1786018508017 .ph-title {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  color: #332f2a !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", "YuMincho", serif !important;
  font-size: clamp(2.15rem, 5.2vw, 3.6rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .22em !important;
  text-shadow: none !important;
}

#sec_1786018508017 .ph-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 76px !important;
  height: 1px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1786018508017 .ph-desc {
  margin: 22px auto 0 !important;
  color: #62584d !important;
  font-family: "Shippori Mincho", "Noto Serif JP", "Yu Mincho", serif !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .08em !important;
}

@media (max-width: 700px) {
  #sec_1786018508017.page-hero-wrapper {
    min-height: 270px !important;
    padding: 82px 18px 70px !important;
  }

  #sec_1786018508017 .ph-overlay::before {
    top: 36px !important;
  }

  #sec_1786018508017 .ph-overlay::after {
    bottom: 34px !important;
  }

  #sec_1786018508017 .ph-container::before {
    margin-bottom: 14px !important;
    font-size: 10px !important;
    letter-spacing: .27em !important;
  }

  #sec_1786018508017 .ph-title {
    font-size: 2.1rem !important;
    letter-spacing: .18em !important;
  }
}

/* Block: custom_html / sec_1786018512398 */
.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_1786018514916 */
/* =========================================================
   DRINKページ 02：お飲み物メニュー CSS完全版
   対象ブロックID：sec_1786018514916
   背景画像はFluxCoreの画像選択欄から設定
========================================================= */

#sec_1786018514916.menu-grid-section {
  --fc-bg-overlay: rgba(0, 0, 0, 0) !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding:
    clamp(88px, 10vw, 132px)
    24px
    clamp(100px, 11vw, 150px) !important;
  overflow: visible !important;
  border-top: 1px solid rgba(77, 64, 49, 0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;

  /* 背景画像は管理画面で選択 */
  background-color: #f4efe7 !important;
  background-size: min(100%, 1672px) auto !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
  background-blend-mode: normal !important;

  color: #332f2a !important;
  font-family:
    "Shippori Mincho",
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif !important;
}

#sec_1786018514916,
#sec_1786018514916 * {
  box-sizing: border-box !important;
}

/* 自動で入る暗いオーバーレイを削除 */
#sec_1786018514916.menu-grid-section::before,
#sec_1786018514916.menu-grid-section::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

/* 見出し */
#sec_1786018514916 .menu-section-header {
  position: relative !important;
  width: min(100%, 820px) !important;
  margin: 0 auto clamp(54px, 7vw, 78px) !important;
  padding-bottom: 32px !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1786018514916 .menu-section-header::before {
  content: "焼酎・ビール・ソフトドリンク" !important;
  display: block !important;
  margin: 0 0 17px !important;
  color: #765d2d !important;
  -webkit-text-fill-color: #765d2d !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.26em !important;
}

#sec_1786018514916 .menu-section-header::after {
  content: "※表示価格は税込です" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  color: #756b60 !important;
  -webkit-text-fill-color: #756b60 !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.08em !important;
}

#sec_1786018514916 .menu-main-title {
  position: relative !important;
  margin: 0 !important;
  padding-bottom: 23px !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.15em !important;
  text-shadow: none !important;
}

#sec_1786018514916 .menu-main-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 66px !important;
  height: 2px !important;
  background: #e8b51b !important;
  transform: translateX(-50%) !important;
}

#sec_1786018514916 .menu-sub-text {
  margin: 25px auto 0 !important;
  color: #5f554b !important;
  -webkit-text-fill-color: #5f554b !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 2.15 !important;
  letter-spacing: 0.045em !important;
  text-shadow: none !important;
}

/* メニュー全体 */
#sec_1786018514916 .menu-cat-container {
  width: min(100%, 980px) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* ビール・焼酎などのカテゴリー */
#sec_1786018514916 .menu-cat-block {
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding:
    clamp(31px, 4.5vw, 46px)
    clamp(24px, 5vw, 52px) !important;
  overflow: visible !important;
  border: 1px solid rgba(77, 64, 49, 0.28) !important;
  border-radius: 0 !important;
  background: rgba(255, 252, 245, 0.90) !important;
  box-shadow: 8px 9px 0 rgba(122, 98, 69, 0.07) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#sec_1786018514916 .menu-cat-block + .menu-cat-block {
  margin-top: clamp(34px, 4.5vw, 50px) !important;
}

#sec_1786018514916 .menu-cat-header {
  position: relative !important;
  margin: 0 0 22px !important;
  padding: 0 0 15px 27px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(77, 64, 49, 0.20) !important;
}

#sec_1786018514916 .menu-cat-header::before {
  content: "" !important;
  position: absolute !important;
  top: 0.42em !important;
  left: 3px !important;
  width: 10px !important;
  height: 10px !important;
  border: 1px solid #e8b51b !important;
  transform: rotate(45deg) !important;
}

#sec_1786018514916 .menu-cat-name {
  margin: 0 !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  font-family: inherit !important;
  font-size: clamp(1.18rem, 2.1vw, 1.52rem) !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.09em !important;
  text-shadow: none !important;
}

#sec_1786018514916 .menu-cat-desc {
  margin: 9px 0 0 !important;
  color: #655b50 !important;
  -webkit-text-fill-color: #655b50 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.9 !important;
}

/* メニューをPCで2列表示 */
#sec_1786018514916 .menu-items-grid {
  display: grid !important;
  height: auto !important;
  max-height: none !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(27px, 5vw, 54px) !important;
  row-gap: 0 !important;
  overflow: visible !important;
}

/* 各ドリンク */
#sec_1786018514916 .menu-item-card,
#sec_1786018514916 .menu-item-card.no-image {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 62px !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 15px 2px !important;
  border: 0 !important;
  border-bottom: 1px dotted rgba(77, 64, 49, 0.30) !important;
  border-radius: 0 !important;
  background: rgba(255, 253, 248, 0.54) !important;
  box-shadow: none !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#sec_1786018514916 .menu-item-card:hover {
  background: rgba(232, 181, 27, 0.09) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ドリンクメニューでは商品画像を非表示 */
#sec_1786018514916 .mi-img-box {
  display: none !important;
}

#sec_1786018514916 .mi-info,
#sec_1786018514916 .menu-item-card.no-image .mi-info {
  display: grid !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: baseline !important;
  column-gap: 16px !important;
  row-gap: 5px !important;
}

#sec_1786018514916 .mi-title,
#sec_1786018514916 .menu-item-card.no-image .mi-title {
  grid-column: 1 !important;
  margin: 0 !important;
  color: #302820 !important;
  -webkit-text-fill-color: #302820 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.035em !important;
  text-shadow: none !important;
}

#sec_1786018514916 .mi-text,
#sec_1786018514916 .menu-item-card.no-image .mi-text {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #5f554b !important;
  -webkit-text-fill-color: #5f554b !important;
  font-family: inherit !important;
  font-size: 10px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.025em !important;
  text-shadow: none !important;
}

#sec_1786018514916 .mi-meta,
#sec_1786018514916 .menu-item-card.no-image .mi-meta {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#sec_1786018514916 .mi-price {
  color: #795817 !important;
  -webkit-text-fill-color: #795817 !important;
  font-family: inherit !important;
  text-align: right !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

#sec_1786018514916 .price-in {
  color: #795817 !important;
  -webkit-text-fill-color: #795817 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* 品切れ表示 */
#sec_1786018514916 .menu-item-card.is-sold-out .mi-price::after {
  content: "品切れ" !important;
  display: block !important;
  margin-top: 3px !important;
  color: #756b60 !important;
  -webkit-text-fill-color: #756b60 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
}

/* スマホ表示 */
@media (max-width: 760px) {
  #sec_1786018514916.menu-grid-section {
    padding: 76px 17px 96px !important;
    background-position: 48% top !important;
    background-size: 920px auto !important;
  }

  #sec_1786018514916 .menu-section-header {
    margin-bottom: 48px !important;
  }

  #sec_1786018514916 .menu-section-header::before {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }

  #sec_1786018514916 .menu-main-title {
    font-size: 1.9rem !important;
    letter-spacing: 0.10em !important;
  }

  #sec_1786018514916 .menu-sub-text {
    font-size: 13px !important;
    line-height: 2 !important;
  }

  #sec_1786018514916 .menu-cat-block {
    padding: 26px 18px 29px !important;
    box-shadow: 5px 6px 0 rgba(122, 98, 69, 0.055) !important;
  }

  #sec_1786018514916 .menu-cat-header {
    padding-left: 25px !important;
  }

  #sec_1786018514916 .menu-cat-name {
    font-size: 1.16rem !important;
  }

  #sec_1786018514916 .menu-items-grid {
    grid-template-columns: 1fr !important;
  }

  #sec_1786018514916 .mi-title {
    font-size: 13px !important;
  }

  #sec_1786018514916 .price-in {
    font-size: 14px !important;
  }
}


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

/* Block: global_footer / sec_1782112173284 */
/* =========================================================
   串かつ大黒｜共通フッター完全版
   店名＋グローバルナビ＋透過アイコン＋コピーライト
========================================================= */

body .global-footer {
  --footer-ink: #302d28;
  --footer-muted: #746a5c;
  --footer-yellow: #e1b42d;

  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 34px !important;
  overflow: hidden !important;

  border: 0 !important;
  border-top: 3px solid var(--footer-yellow) !important;

  background-color: #f4eddf !important;
  background-image:
    radial-gradient(
      circle at 8% 15%,
      rgba(255, 255, 255, .72),
      transparent 30%
    ),
    repeating-linear-gradient(
      105deg,
      rgba(70, 54, 35, .018) 0,
      rgba(70, 54, 35, .018) 1px,
      transparent 1px,
      transparent 6px
    ) !important;

  color: var(--footer-ink) !important;

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

/* FluxCore側の背景オーバーレイを解除 */
body .global-footer::before,
body .global-footer::after {
  content: none !important;
  display: none !important;
}

body .global-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

/* 店舗情報・Googleマップを非表示 */
body .global-footer .info-grid,
body .global-footer .shop-info,
body .global-footer .footer-table,
body .global-footer .footer-payments-box,
body .global-footer .payment-title,
body .global-footer .payment-icons,
body .global-footer .gmap-wrap,
body .global-footer .gmap-placeholder {
  display: none !important;
}

/* 店名＋グローバルナビ＋右端アイコン */
body .global-footer .footer-nav-wrap {
  width: min(100%, 1240px) !important;
  min-height: 142px !important;
  margin: 0 auto !important;
  padding: 30px 0 !important;

  display: grid !important;
  grid-template-columns:
    auto
    minmax(0, 1fr)
    clamp(76px, 7vw, 102px) !important;

  align-items: center !important;
  gap: clamp(28px, 4vw, 64px) !important;

  border: 0 !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* 右端の透過済み串かつアイコン */
body .global-footer .footer-nav-wrap::after {
  content: "" !important;
  display: block !important;

  width: clamp(76px, 7vw, 102px) !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: end !important;

  background:
    url("")
    center / contain no-repeat !important;

  opacity: .82 !important;
  pointer-events: none !important;
}

/* 店名 */
body .global-footer .footer-nav-brand {
  order: -1 !important;
  margin: 0 !important;
}

body .global-footer .footer-nav-brand h2 {
  margin: 0 !important;
  padding: 0 !important;

  color: #211e19 !important;
  font-family: inherit !important;
  font-size: clamp(23px, 2.2vw, 31px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .17em !important;
  white-space: nowrap !important;
}

body .global-footer .footer-nav-brand h2::before,
body .global-footer .footer-nav-brand h2::after {
  content: none !important;
  display: none !important;
}

/* グローバルナビ */
body .global-footer .footer-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 8px clamp(18px, 2.5vw, 34px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .global-footer .footer-nav-link {
  position: relative !important;

  display: inline-flex !important;
  min-height: 42px !important;
  padding: 10px 0 !important;
  align-items: center !important;

  color: #3e352b !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}

body .global-footer .footer-nav-link::before {
  content: none !important;
  display: none !important;
}

/* マウスを乗せたときの黄色い下線 */
body .global-footer .footer-nav-link::after {
  content: "" !important;

  position: absolute !important;
  right: 0 !important;
  bottom: 5px !important;
  left: 0 !important;

  height: 1px !important;
  background: var(--footer-yellow) !important;

  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .25s ease !important;
}

body .global-footer .footer-nav-link:hover {
  color: #17140f !important;
}

body .global-footer .footer-nav-link:hover::after,
body .global-footer .footer-nav-link:focus-visible::after {
  transform: scaleX(1) !important;
}

body .global-footer .footer-nav-link:focus-visible,
body .fc-floating-action:focus-visible {
  outline: 2px solid var(--footer-yellow) !important;
  outline-offset: 4px !important;
}

/* コピーライト */
body .footer-copy-text,
body .footer-copy {
  margin: 0 !important;
  padding: 17px 20px !important;

  border: 0 !important;
  border-top: 1px solid rgba(48, 45, 40, .18) !important;

  background: #e9dec9 !important;
  color: var(--footer-muted) !important;

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

  font-size: 11px !important;
  line-height: 1.6 !important;
  letter-spacing: .09em !important;
  text-align: center !important;
}

/* PC右下の固定電話・予約ボタン */
body .fc-floating-actions {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 1800 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  pointer-events: none !important;
}

body .fc-floating-action {
  min-width: 142px !important;
  min-height: 46px !important;
  padding: 0 18px !important;

  pointer-events: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  border: 1px solid var(--footer-ink) !important;
  border-radius: 0 !important;

  background: rgba(246, 240, 228, .96) !important;
  color: var(--footer-ink) !important;

  box-shadow: 5px 5px 0 rgba(225, 180, 45, .35) !important;

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

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-decoration: none !important;
}

body .fc-floating-action:hover {
  background: #fffaf0 !important;
  transform: translate(-1px, -1px) !important;
}

body .fc-floating-reserve {
  background: var(--footer-yellow) !important;
  color: #211e18 !important;
}

/* タブレット */
@media (max-width: 960px) {
  body .global-footer {
    padding: 0 24px !important;
  }

  body .global-footer .footer-nav-wrap {
    position: relative !important;
    grid-template-columns: 1fr !important;
    gap: 17px !important;
  }

  body .global-footer .footer-nav-brand {
    padding-right: 100px !important;
  }

  body .global-footer .footer-nav-wrap::after {
    position: absolute !important;
    top: 21px !important;
    right: 0 !important;
    width: 78px !important;
  }

  body .global-footer .footer-nav {
    justify-content: flex-start !important;
  }
}

/* スマートフォン */
@media (max-width: 768px) {
  body.has-floating-actions {
    padding-bottom: 70px !important;
  }

  body .global-footer {
    padding: 0 18px !important;
  }

  body .global-footer .footer-nav-wrap {
    min-height: 0 !important;
    padding: 30px 0 27px !important;
    gap: 20px !important;
  }

  body .global-footer .footer-nav-brand {
    padding-right: 68px !important;
  }

  body .global-footer .footer-nav-brand h2 {
    font-size: 22px !important;
  }

  body .global-footer .footer-nav-wrap::after {
    top: 20px !important;
    width: 54px !important;
  }

  body .global-footer .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px 18px !important;
  }

  body .global-footer .footer-nav-link {
    min-height: 46px !important;
    white-space: normal !important;
  }

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

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

    flex-direction: row !important;
    gap: 7px !important;

    border-top: 1px solid rgba(48, 45, 40, .28) !important;
    background: rgba(239, 229, 211, .96) !important;
  }

  body .fc-floating-action {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 7px !important;

    box-shadow: none !important;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .global-footer *,
  body .fc-floating-action {
    transition: none !important;
  }
}
/* 右下の固定電話ボタン：文字を濃くして見やすくする */
body .fc-floating-action,
body .fc-floating-action i,
body .fc-floating-action span {
  color: #211d18 !important;
  -webkit-text-fill-color: #211d18 !important;
  text-shadow: none !important;
}

body .fc-floating-action {
  border-color: #40372e !important;
  background: rgba(250, 246, 237, .98) !important;
}

body .fc-floating-action:hover,
body .fc-floating-action:hover i,
body .fc-floating-action:hover span {
  color: #17130f !important;
  -webkit-text-fill-color: #17130f !important;
}