@charset "UTF-8";
/* =========================================================
   ILCHI / FRANCHISE COMMON - CLEAN
   File: 01-common-franchise-clean.css
   Site type: 独立加盟店
   Prepared for: 寝屋川
   Date: 2026-07-21

   方針：
   - 独立加盟店に共通するバッジ表示だけを収録
   - 一社固有のタイトル文言・ヘッダー寸法・メニュー調整は除外
   - body.ilchi-site-franchise があるサイトだけに適用
   - Emanon実DOMの追加対応は、寝屋川画面確認後に専用CSSへ追加
========================================================= */

/* 古い固定バッジを無効化 */
html body.ilchi-site-franchise::before {
  content: none !important;
  display: none !important;
}

/* 親要素側に残っている独立加盟店バッジを停止 */
html body.ilchi-site-franchise .siteHeader_logo::after,
html body.ilchi-site-franchise .site-header-logo::after,
html body.ilchi-site-franchise .navbar-brand::after,
html body.ilchi-site-franchise .site-title::after {
  content: none !important;
  display: none !important;
}

/* サイト名リンクを横並びにする */
html body.ilchi-site-franchise .siteHeader_logo > a,
html body.ilchi-site-franchise .site-header-logo > a,
html body.ilchi-site-franchise a.navbar-brand,
html body.ilchi-site-franchise .site-title > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  text-decoration: none !important;
}

/* 独立加盟店バッジはリンク側に1つだけ表示 */
html body.ilchi-site-franchise .siteHeader_logo > a::after,
html body.ilchi-site-franchise .site-header-logo > a::after,
html body.ilchi-site-franchise a.navbar-brand::after,
html body.ilchi-site-franchise .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-family:
    "Noto Sans JP",
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    "Meiryo",
    sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
  html body.ilchi-site-franchise .siteHeader_logo > a,
  html body.ilchi-site-franchise .site-header-logo > a,
  html body.ilchi-site-franchise a.navbar-brand,
  html body.ilchi-site-franchise .site-title > a {
    gap: 6px !important;
  }

  html body.ilchi-site-franchise .siteHeader_logo > a::after,
  html body.ilchi-site-franchise .site-header-logo > a::after,
  html body.ilchi-site-franchise a.navbar-brand::after,
  html body.ilchi-site-franchise .site-title > a::after {
    padding: 2px 8px !important;
    font-size: 10px !important;
  }
}