@charset "UTF-8";
/* =========================================================
   01-common-franchise.css
   独立加盟店用 共通CSS
========================================================= */

/* サイト名リンク横に独立加盟店ラベルを表示 */
html body .siteHeader_logo a,
html body .site-header-logo a,
html body .navbar-brand,
html body .site-title a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  text-decoration: none !important;
}

html body .siteHeader_logo a::after,
html body .site-header-logo a::after,
html body .navbar-brand::after,
html body .site-title a::after {
  content: "独立加盟店" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 3px 10px !important;
  border: 1px solid #C8D6AA !important;
  border-radius: 999px !important;
  background: #F3F7EE !important;
  color: #2F4635 !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

@media screen and (max-width: 767px) {
  html body .siteHeader_logo a,
  html body .site-header-logo a,
  html body .navbar-brand,
  html body .site-title a {
    gap: 6px !important;
  }

  html body .siteHeader_logo a::after,
  html body .site-header-logo a::after,
  html body .navbar-brand::after,
  html body .site-title a::after {
    padding: 2px 8px !important;
    font-size: 10px !important;
  }
}
/* =========================================================
   FRANCHISE BODY FIXED BADGE DISABLE
   body固定表示の独立加盟店バッジを無効化
   2026-07-02
========================================================= */

html body::before {
  content: none !important;
  display: none !important;
}
/* =========================================================
   TAKASU HEADER FONT MATCH YAGA
   ヘッダー・メニュー文字を矢賀寄りに調整
   2026-07-02
========================================================= */

html body .site-header,
html body .siteHeader,
html body header,
html body .site-header *,
html body .siteHeader *,
html body header * {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    "Meiryo",
    sans-serif !important;
}

/* サイト名 */
html body .site-header-logo,
html body .siteHeader_logo,
html body .navbar-brand,
html body .site-title,
html body .site-header-logo a,
html body .siteHeader_logo a,
html body .navbar-brand a,
html body .site-title a {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    "Meiryo",
    sans-serif !important;

  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

/* グローバルメニュー */
html body .global-nav a,
html body .globalNav a,
html body .vk-menu-acc a,
html body .gMenu a,
html body .site-header nav a,
html body .siteHeader nav a {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    "Meiryo",
    sans-serif !important;

  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* 独立加盟店バッジ */
html body .site-header-logo::after,
html body .siteHeader_logo::after,
html body .navbar-brand::after,
html body .site-title::after,
html body .site-header-logo a::after,
html body .siteHeader_logo a::after,
html body .navbar-brand a::after,
html body .site-title a::after {
  font-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    "Meiryo",
    sans-serif !important;

  font-weight: 700 !important;
}
/* =========================================================
   TAKASU HEADER MENU COMPACT
   ヘッダー文字間・メニュー余白を矢賀寄りに調整
   2026-07-02
========================================================= */

/* サイト名：少し文字間を詰める */
html body .site-header-logo,
html body .siteHeader_logo,
html body .navbar-brand,
html body .site-title,
html body .site-header-logo a,
html body .siteHeader_logo a,
html body .navbar-brand a,
html body .site-title a {
  letter-spacing: 0 !important;
  font-weight: 800 !important;
}

/* PCメニュー：左右余白を少し詰める */
@media screen and (min-width: 768px) {
  html body .global-nav a,
  html body .globalNav a,
  html body .gMenu a,
  html body .site-header nav a,
  html body .siteHeader nav a,
  html body .vk-menu-acc a {
    padding-left: 11px !important;
    padding-right: 11px !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* メニュー同士の間隔がgap指定の場合の保険 */
  html body .global-nav,
  html body .globalNav,
  html body .gMenu,
  html body .site-header nav ul,
  html body .siteHeader nav ul {
    gap: 0 !important;
  }
}

/* 独立加盟店バッジ：矢賀寄りに少しコンパクト */
html body .site-header-logo::after,
html body .siteHeader_logo::after,
html body .navbar-brand::after,
html body .site-title::after,
html body .site-header-logo a::after,
html body .siteHeader_logo a::after,
html body .navbar-brand a::after,
html body .site-title a::after {
  letter-spacing: 0 !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}