/*
Theme Name: SG Original
Template: generatepress
Version: 1.0.0
Description: Child theme for GeneratePress
*/

/* =========================================================
   コンテンツ幅制限＆左右余白設定
   ========================================================= */

/* 1) Variables */
:root {
  --sg-max: 1280px;
  /* 本文最大幅 */
  --sg-pad: 70px;
  /* 本文左右余白（PC） */
}

/* Tablet */
@media (max-width: 900px) {
  :root {
    --sg-pad: 20px;
  }
}

/* SP */
@media (max-width: 600px) {
  :root {
    --sg-pad: 10px;
  }
}

#page.grid-container {
  max-width: var(--sg-max);
  padding-left: var(--sg-pad);
  padding-right: var(--sg-pad);
  box-sizing: border-box;
}

#content.site-content,
#primary.content-area,
#main.site-main,
.inside-article {
  padding: 0 !important;
}

html,
body {
  overflow-x: clip;
}

/* =========================================================
   1) タイポグラフィ（全体フォント）
   ========================================================= */
body {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}

/* 書体ユーティリティ */
.sg-font-gothic-bold {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 500;
}

.sg-font-mincho-light {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 400;
}

.sg-font-mincho {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
}

.sg-font-mincho-bold {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 600;
}

.sg-font-en {
  font-family: "Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 400;
}

.sg-font-en-bold {
  font-family: "Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
}

/* =========================================================
   2) リンクホバー（サイト全体）
   ========================================================= */

/* 2-1) 画像リンク：暗転＋拡大（画像だけ） --------------------- */

@supports selector(a:has(img)) {

  /* 画像リンクは a 自体のopacity変化を無効化（画像だけ動かす） */
  a:has(img):hover,
  a:has(img):focus {
    opacity: 1;
  }

  /* 画像が枠からはみ出さないように */
  a:has(img) {
    display: inline-block;
    overflow: hidden;
  }

  /* 画像だけをアニメーション */
  a:has(img) img {
    display: block;
    transform: scale(1);
    filter: brightness(1);
    transition: transform .25s ease, filter .25s ease;
    transform-origin: center;
  }

  a:has(img):hover img,
  a:has(img):focus img {
    transform: scale(1.05);
    filter: brightness(0.5);
  }
}

/* 2-2) 共通ボタン：透明度アップ */
.sg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  background: #fff;
  color: #000;
  text-decoration: none;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 18px;
  letter-spacing: .05em;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 0 12px rgba(0, 0, 0, .35);
  transform: translate(0, 0);
  transition: transform .3s ease, box-shadow .3s ease, opacity .3s ease;
  padding: 10px 20px;
}

.sg-btn:hover,
.sg-btn:focus {
  color: #000;
  box-shadow: 0 0 3px rgba(0, 0, 0, .35);
  transform: translate(1px, 1px);
  opacity: .6;
}


/* =========================================================
   4) 共通：ページ見出し（H1/H2/Hero）
   - 全ページで同じ見た目にする
   ========================================================= */
.sg-pagehead {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.sg-h1 {
  display: inline-block;
  position: relative;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: clamp(26px, 3.0vw, 32px);
  letter-spacing: .15em;
  margin: 0;
  padding-bottom: 14px;
}

/* 見出しの下線 */
.sg-h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 200%;
  transform: translateX(-50%);
  height: 1px;
  background-color: rgba(0, 0, 0, .35);
}

/* 見出し下の英字 */
.sg-pagehead-en {
  font-family: "Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: clamp(14px, 1.45vw, 18px);
  font-weight: 500;
  letter-spacing: .08em;
  margin: 5px 0 0;
}

/* 見出し下の説明文 */
.sg-lead {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: clamp(14px, 7.0vw, 18px);
  line-height: 1.7;
  margin: 18px auto 0;
}

@media (max-width: 600px) {
  .sgc-pagehead {
    padding-top: 26px;
  }
}


/* =========================================================
   5) ヘッダー（共通）
   ========================================================= */

/* 上部に固定（スクロールしても残る） */
.site-header {
  position: sticky;
  top: 0;
  z-index: 10000;
  background: #fff;
}

/* GeneratePressの header container の余白を解除 */
#masthead .inside-header.grid-container {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* タイトル・説明・メニュー：明朝 */
#masthead .site-branding .main-title a,
#masthead .site-branding .site-description,
#masthead .main-navigation .main-nav>ul>li>a,
#masthead .main-navigation .main-nav>ul>li>a:hover,
#masthead .main-navigation .main-nav>ul>li>a:focus {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
}

/* タイトル/説明：余計な余白を消す（高さが増えるのを防ぐ） */
#masthead .site-branding .main-title,
#masthead .site-branding .site-description {
  margin: 0;
  line-height: 1.1;
}

/* タイトル：2行を縦並び＆上下入れ替え */
#masthead .site-branding {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#masthead .site-branding .main-title {
  order: 2;
}

#masthead .site-branding .site-description {
  order: 1;
}

/* 説明文（上段） */
#masthead .site-branding .site-description {
  font-size: 14px;
  line-height: 0.8;
  letter-spacing: -0.08em;
}

/* サイト名（下段） */
#masthead .site-branding .main-title a {
  font-size: 26px;
  line-height: 1.0;
  letter-spacing: -0.15em;
  text-decoration: none;
}


/* =========================================================
   5-1) ヘッダー：PC（1220px以上）
   ========================================================= */
@media (min-width: 1220px) {

  /* ヘッダー：高さ80px */
  #masthead.site-header {
    height: 80px;
    padding: 0;
  }

  /* inside-headerも高さ80px、paddingなし */
  #masthead .inside-header {
    height: 80px;
    padding: 0;
    display: flex;
    align-items: stretch;
  }

  /* ロゴ・タイトル：左側の余白はここで作る */
  #masthead .site-branding-container {
    height: 80px;
    padding: 10px 0 10px 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
  }

  /* ロゴ */
  #masthead .site-logo img {
    max-height: 60px;
    width: auto;
    height: auto;
  }

  #masthead .site-logo a:hover,
  #masthead .site-logo a:focus {
    opacity: .5;
  }

  @supports selector(a:has(img)) {

    #masthead .site-logo a:hover img,
    #masthead .site-logo a:focus img {
      transform: none !important;
      filter: none !important;
    }
  }

  #masthead .site-branding:hover,
  #masthead .site-branding:focus {
    opacity: .5;
  }

  /* フリーダイヤル配置のための基準 */
  .main-navigation .inside-navigation {
    position: relative;
    height: 80px;
    box-sizing: border-box;
    z-index: 30;
  }

  /* メニュー本体 */
  .main-navigation #primary-menu {
    height: 80px;
  }

  .main-navigation #primary-menu .sf-menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 80px;
    box-sizing: border-box;
    padding-top: 0;
    margin: 0;
  }

  /* 1階層目のli */
  #masthead .main-navigation .main-nav>ul>li {
    position: relative;
  }

  /* メニュー：フォントサイズ（問合せボタン以外） */
  #primary-menu>ul>li:not(.sg-header-contact)>a,
  #primary-menu>ul>li:not(.sg-header-contact)>a:hover,
  #primary-menu>ul>li:not(.sg-header-contact)>a:focus {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }

  /* フリーダイヤル・営業時間 */
  .main-navigation .sg-header-info {
    position: absolute;
    top: 6px;
    right: 110px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-weight: 500;
    color: #1d5b25;
    line-height: 1.1;
    white-space: nowrap;
  }

  /* 電話番号：アイコン＋文字を横並び */
  .main-navigation .sg-header-tel {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 27px;
    text-decoration: none;
    color: #1d5b25;
    letter-spacing: 0.2em;
    line-height: 1;
    padding-right: 5px;
  }

  /* 電話アイコン */
  .main-navigation .sg-tel-ico {
    font-family: "Material Icons";
    font-size: 23px;
    line-height: 1;
    color: #1d5b25;
    padding-top: 4px;
  }

  /* 営業時間 */
  .main-navigation .sg-header-hours {
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 1.4;
  }

  /* お問合せボタン本体 */
  .main-navigation .main-nav ul li.sg-header-contact>a {
    height: 80px;
    display: flex;
    width: 100px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #1d5b25;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    transition: font-size .15s ease;
  }

  /* お問合せボタン内のアイコン */
  .main-navigation .main-nav ul li.sg-header-contact>a::before {
    content: "";
    width: 43px;
    height: 45px;
    background: url("/wp-content/uploads/2026/01/form.png") no-repeat center / contain;
    filter: invert(1);
    transform: scale(1);
    transition: transform .15s ease;
  }

  /* メニュー（問合せ以外） */
  #masthead .main-navigation .main-nav>ul>li:not(.sg-header-contact)>a {
    color: inherit;
    background: transparent;
    transition: opacity .2s ease;
    padding: 0;
  }

  #masthead .main-navigation .main-nav>ul>li:not(.sg-header-contact)>a:hover,
  #masthead .main-navigation .main-nav>ul>li:not(.sg-header-contact)>a:focus {
    color: inherit !important;
    background: transparent !important;
    opacity: 0.5;
  }

  /* お問合せボタン hover：文字サイズ＆アイコン拡大 */
  #masthead .main-navigation .main-nav ul li.sg-header-contact>a:hover,
  #masthead .main-navigation .main-nav ul li.sg-header-contact>a:focus {
    background: #1d5b25;
    color: #fff;
    font-size: 18px;
    opacity: 1;
  }

  #masthead .main-navigation .main-nav ul li.sg-header-contact>a:hover::before,
  #masthead .main-navigation .main-nav ul li.sg-header-contact>a:focus::before {
    transform: scale(1.08);
  }

  /* =====================================================
   サブメニュー：PCレイアウト
   ===================================================== */
  body {
    position: relative;
  }

  body::before {
    content: "";
    position: fixed;
    top: 80px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
    z-index: 9999;
  }

  @supports selector(body:has(#site-navigation .main-nav > ul > li.sfHover)) {

    body:has(#site-navigation .main-nav > ul > li.sfHover)::before,
    body:has(#site-navigation .main-nav > ul > li.sg-submenu-open)::before {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
  }

  /* 親メニューの下に出るサブメニューパネル */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu {
    position: fixed;
    top: 80px;
    left: 0;
    transform: none;
    width: 100vw;
    min-height: 300px;
    box-sizing: border-box;
    background: #fff;
    border: none;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
    z-index: 9999;
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    column-gap: 30px;
    row-gap: 20px;
    margin: 0;
    padding: 30px 30px 30px max(30px, calc((100vw - 1140px) / 2 + 380px));
  }

  /* 開いていない時は非表示 */
  #masthead .main-navigation .main-nav>ul>li:not(.sfHover):not(.sg-submenu-open)>ul.sub-menu {
    display: none !important;
  }

  /* 開いた時だけ表示 */
  #masthead .main-navigation .main-nav>ul>li.sfHover>ul.sub-menu,
  #masthead .main-navigation .main-nav>ul>li.sg-submenu-open>ul.sub-menu {
    display: grid !important;
  }

  /* サブメニュー左の大画像エリア */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: max(360px, calc((100vw - 1140px) / 2 + 360px));
    height: 100%;
    background: rgba(0, 0, 0, 0.18);
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-49>ul.sub-menu::before {
    background: url("/wp-content/uploads/2026/03/menu-sub-main-sekou.webp") center center / cover no-repeat;
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-50>ul.sub-menu::before {
    background: url("/wp-content/uploads/2026/03/menu-sub-main-profile.webp") center center / cover no-repeat;
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-51>ul.sub-menu::before {
    background: url("/wp-content/uploads/2026/03/menu-sub-main-reason.webp") center center / cover no-repeat;
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-52>ul.sub-menu::before {
    background: url("/wp-content/uploads/2026/03/menu-sub-main-consider.webp") center center / cover no-repeat;
  }

  /* サブメニュー左の大見出し */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: max(360px, calc((100vw - 1220px) / 2 + 360px));
    box-sizing: border-box;
    text-align: right;
    font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.3;
    color: #fff;
    z-index: 2;
    padding: 10px;
  }

  /* タイトル文字 */
  #masthead .main-navigation .main-nav>ul>li.menu-item-49>ul.sub-menu::after {
    content: "施工例";
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-50>ul.sub-menu::after {
    content: "会社情報";
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-51>ul.sub-menu::after {
    content: "わたしたちの強み";
  }

  #masthead .main-navigation .main-nav>ul>li.menu-item-52>ul.sub-menu::after {
    content: "ご検討の方へ";
  }


  /* サブメニュー項目 */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  /* サブメニューリンク */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 70px;
    box-sizing: border-box;
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    color: #000 !important;
    white-space: normal;
    transition: opacity .2s ease;
    padding: 0 0 0 120px;
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a:hover,
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a:focus {
    opacity: .6;
    background: transparent !important;
  }

  /* サブメニュー画像 */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 65px;
    background-color: rgba(0, 0, 0, 0.18);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* 2階層目より下は非表示 */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>ul {
    display: none !important;
  }

  /* サブメニュー個別画像 */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-59>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-work-1.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-1207>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-search.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-795>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-concept.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-796>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-profile.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-794>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-message.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-802>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-showroom.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-170>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-staff.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-1163>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-news.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-804>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-reason.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-797>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-award.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-1208>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-letter.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-799>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-construction.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-798>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-area.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-800>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-quality.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-792>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-flow.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-793>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-faq.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-801>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-plan.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-1142>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-reccomend.webp");
  }

  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li.menu-item-803>a::before {
    background-image: url("/wp-content/uploads/2026/03/menu-sub-maintenance.webp");
  }

  /* サブメニュータイトル */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 0;
    min-height: 65px;
    box-sizing: border-box;
    background: transparent !important;
    text-decoration: none;
    font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
    font-size: 18px;
    line-height: 1;
    color: #000 !important;
    white-space: nowrap;
    transition: opacity .2s ease;
    letter-spacing: -0.05em;
    padding: 0 0 0 110px;
  }

  /* 説明文 */
  #masthead .main-navigation .main-nav>ul>li>ul.sub-menu>li>a .sg-menu-desc {
    display: block;
    font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    white-space: normal;
    color: #000;
    padding-top: 10px;
  }
}

/* =========================================================
   5-2) ヘッダー：Tablet/SP 共通（～1219px）
   ========================================================= */
@media (max-width: 1219px) {

  /* PC用に置いた要素は非表示 */
  #site-navigation .sg-header-info {
    display: none !important;
  }

  /* ハンバーガー（外側のコントローラ）を必ず表示 */
  #mobile-menu-control-wrapper {
    display: flex !important;
    align-items: center;
    margin-left: auto;
  }

  /* ボタン自体も必ず表示 */
  #mobile-menu-control-wrapper .menu-toggle {
    display: flex !important;
    align-items: center;
  }

  /* 二重トグル対策：#site-navigation 内のトグル（“メニュー”文字）を消す */
  #site-navigation>.inside-navigation>.menu-toggle {
    display: none !important;
  }

  /* #site-navigation を閉じている時は丸ごと非表示 */
  #masthead #site-navigation {
    display: none !important;
  }

  /* 外側ボタン押下で JS が #site-navigation に .toggled → その時だけ表示 */
  #masthead #site-navigation.toggled {
    display: block !important;
  }

  /* メニュー本体も toggled の時だけ表示 */
  #site-navigation:not(.toggled) #primary-menu {
    display: none !important;
  }

  #site-navigation.toggled #primary-menu {
    display: block !important;
  }

  /* 開いた時は縦並び */
  #site-navigation.toggled .sf-menu {
    display: block !important;
    height: auto;
    margin: 0;
    padding: 0;
  }
}


/* =========================================================
   5-3) ヘッダー：Tablet（768～1219px）
   ========================================================= */
@media (min-width: 768px) and (max-width: 1219px) {

  #masthead.site-header {
    height: 80px;
  }

  #masthead .inside-header {
    height: 80px;
    padding: 0;
    display: flex;
    align-items: stretch;
  }

  #masthead .site-branding-container {
    height: 80px;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  #masthead .site-logo img {
    max-height: 60px;
    width: auto;
    height: auto;
  }
}


/* =========================================================
   5-4) ヘッダー：SP（～767px）
   ========================================================= */
@media (max-width: 767px) {

  #masthead.site-header {
    height: 60px;
  }

  #masthead .inside-header {
    height: 60px;
    padding: 0;
    display: flex;
    align-items: stretch;
  }

  #masthead .site-branding-container {
    height: 60px;
    padding: 5px 0 5px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  #masthead .site-logo img {
    max-height: 50px;
    width: auto;
    height: auto;
  }
}


/* =========================================================
   6) フッター（共通）
   - template-parts/footer/mega.php の class="sgf" 以下に効く
   ========================================================= */

/* フッター全体 */
.sgf {
  color: #000;
}

/* フッター内リンク：色は継承（青くしない） */
.sgf a {
  color: inherit;
  text-decoration: none;
}

/* フッター内リンク hover：下線（全体のopacity hoverを上書き） */
.sgf a:hover,
.sgf a:focus {
  opacity: 1;
  text-decoration: underline;
}

/* ページ幅 */
.sg-container {
  width: 100%;
  max-width: var(--sg-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--sg-pad);
  padding-right: var(--sg-pad);
  box-sizing: border-box;
}

/* 各セクション共通 */
.sgf-sec {
  padding: 70px 0;
  background: #fff;
}

/* 見出しブロック */
.sgf-head {
  text-align: center;
  margin-bottom: 50px;
}

/* 見出し（日本語） */
.sgf-title {
  display: inline-block;
  position: relative;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: clamp(26px, 3.0vw, 34px);
  letter-spacing: .15em;
  margin: 0;
  padding-bottom: 14px;
}

/* 見出しの下線 */
.sgf-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 200%;
  transform: translateX(-50%);
  height: 1px;
  background-color: rgba(0, 0, 0, .35);
}

/* 見出し下の英字 */
.sgf-sub {
  font-family: "Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: clamp(14px, 1.45vw, 20px);
  font-weight: 500;
  letter-spacing: .10em;
  margin: 8px 0 0;
}

/* 見出し下の説明文 */
.sgf-lead {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 400;
  font-size: clamp(14px, 7.0vw, 18px);
  line-height: 1.9;
  margin: 18px auto 0;
}

/* responsive（フッター共通） */
@media (max-width: 900px) {
  .sgf-sec {
    padding: 56px 0;
  }
}

@media (max-width: 600px) {
  .sgf-sec {
    padding: 44px 0;
  }
}


/* =========================================================
   7) フッター：対応工事
   ========================================================= */

/* 上部のカテゴリ（新築/リフォーム/デザイン） */
.sgf-cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 500px;
  margin: 40px auto 35px;
}

/* 1カテゴリ（ラベル上、アイコン下） */
.sgf-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ラベル */
.sgf-cat-label {
  order: 1;
  margin: 0 0 10px;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: .06em;
}

/* アイコン枠 */
.sgf-cat-icon {
  order: 2;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* アイコン画像 */
.sgf-cat-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* 工事項目リスト（エクステリア/植栽） */
.sgf-group {
  margin-top: 26px;
}

/* グループ見出しバー */
.sgf-bar {
  background: #3d4955;
  color: #fff;
  padding: 5px 14px;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  letter-spacing: .08em;
  margin: 0;
}

/* アイコンリスト（基本：6列） */
.sgf-iconlist {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px 10px;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.sgf-iconlist li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 0;
}

.sgf-iconlist li::before {
  content: none;
}

/* 植栽だけ：横並び（折り返しは@mediaで制御） */
.sgf-iconlist--plant {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px 50px;
  padding: 0;
  margin: 18px 0 0;
}

.sgf-iconlist--plant>.sgf-li {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sgf-iconlist--plant .sgf-li-text {
  white-space: nowrap;
}

/* アイコン枠（25pxで揃える） */
.sgf-li-icon {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sgf-li-icon .sgf-ico {
  width: 25px;
  height: 25px;
  display: block;
}

/* responsive（対応工事） */
@media (max-width: 1220px) {
  .sgf-iconlist--plant {
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  .sgf-iconlist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .sgf-cats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .sgf-cat-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    font-size: 22px;
  }

  .sgf-iconlist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   8) フッター：対応エリア
   ========================================================= */
.sgf-area-grid {
  display: grid;
  grid-template-columns: 1.35fr 1.35fr 1fr;
  grid-template-areas:
    "chiba saitama tokyo"
    "chiba saitama ibaraki";
  gap: 24px;
  margin-top: 18px;
}

.sgf-pref--chiba {
  grid-area: chiba;
}

.sgf-pref--saitama {
  grid-area: saitama;
}

.sgf-pref--tokyo {
  grid-area: tokyo;
}

.sgf-pref--ibaraki {
  grid-area: ibaraki;
}

/* 見出し帯 */
.sgf-pref-bar {
  background: #3d4955;
  color: #fff;
  padding: 5px 0;
  margin: 0;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  letter-spacing: .08em;
}

/* 中身 */
.sgf-pref-body {
  position: relative;
  padding: 14px 0 50px;
  min-height: 120px;
  border: none;
}

/* 千葉・埼玉：あかさたな表記のDL */
.sgf-pref-dl {
  margin: 0;
  padding: 0;
}

.sgf-pref-row {
  display: grid;
  grid-template-columns: 1.4em 1fr;
  column-gap: 0.6em;
  align-items: start;
  margin: 0 0 10px;
}

.sgf-pref-row dt {
  margin: 0;
  font-weight: 400;
}

.sgf-pref-row dd {
  margin: 0;
}

.sgf-pref-row dt::after {
  content: "：";
}

/* 市区町村リスト */
.sgf-pref-list {
  margin: 0 0 30px;
  padding-left: 1.2em;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 1.8;
}

/* 東京・茨城：先頭の「・」を消す */
.sgf-pref--tokyo .sgf-pref-list,
.sgf-pref--ibaraki .sgf-pref-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.sgf-pref--tokyo .sgf-pref-list li,
.sgf-pref--ibaraki .sgf-pref-list li {
  padding-left: 0;
}

/* 都県マップ（右下） */
.sgf-map {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: clamp(90px, 12vw, 130px);
  height: auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  background-color: transparent;
  border-radius: 0;
}

/* 都県ごとの画像＆比率 */
.sgf-pref--chiba .sgf-map {
  background-image: url("/wp-content/uploads/2026/01/footer_chiba.webp");
  aspect-ratio: 150 / 182;
}

.sgf-pref--saitama .sgf-map {
  background-image: url("/wp-content/uploads/2026/01/footer_saitama.webp");
  aspect-ratio: 150 / 83;
}

.sgf-pref--tokyo .sgf-map {
  background-image: url("/wp-content/uploads/2026/01/footer_tokyo.webp");
  aspect-ratio: 150 / 78;
}

.sgf-pref--ibaraki .sgf-map {
  background-image: url("/wp-content/uploads/2026/01/footer_ibaraki.webp");
  aspect-ratio: 150 / 176;
}

/* responsive（対応エリア） */
@media (max-width: 900px) {
  .sgf-area-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "chiba saitama"
      "tokyo ibaraki";
  }
}

@media (max-width: 600px) {
  .sgf-area-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "chiba"
      "saitama"
      "tokyo"
      "ibaraki";
  }

  .sgf-map {
    right: 8px;
    bottom: 8px;
    width: clamp(70px, 22vw, 120px);
  }
}


/* =========================================================
   9) フッター：ご検討の方へ
   ========================================================= */
.sgf-sec--consider {
  background: #3d4955;
}

/* 濃い背景の上：見出し色を白に */
.sgf-head--on-dark {
  margin-bottom: 26px;
}

.sgf-title--on-dark,
.sgf-sub--on-dark,
.sgf-lead--on-dark {
  color: #fff;
}

.sgf-title--on-dark::after {
  background: #fff;
}

/* 8枚のカード */
.sgf-sec--consider .sgf-cardgrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

/* カード本体 */
.sgf-sec--consider .sgf-card {
  display: block;
  background: transparent;
  height: auto;
  overflow: visible;
  /* テキストを外に出す */
  text-decoration: none;
}

/* 画像枠（箱） */
.sgf-sec--consider .sgf-card-img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 275 / 125;
  overflow: hidden;
  /* 枠からはみ出した分を切る */
}

/* 背景画像レイヤー（これだけズームさせる） */
.sgf-sec--consider .sgf-card-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg);
  background-size: contain;
  /* 好みで cover に変更OK */
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1);
  filter: brightness(1);
  transition: transform .25s ease, filter .25s ease;
  transform-origin: center;
}

/* hover/focusで画像だけ暗転＋拡大 */
.sgf-sec--consider .sgf-card:hover .sgf-card-img::before,
.sgf-sec--consider .sgf-card:focus .sgf-card-img::before,
.sgf-sec--consider .sgf-card:focus-visible .sgf-card-img::before {
  transform: scale(1.05);
  filter: brightness(0.5);
}

/* テキスト */
.sgf-sec--consider .sgf-card-text {
  display: block;
  margin-top: 10px;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
  letter-spacing: .06em;
  font-size: 18px;
  color: #fff;
  text-align: left;
  line-height: 1.4;
}

/* responsive（ご検討） */
@media (max-width: 900px) {
  .sgf-sec--consider .sgf-cardgrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .sgf-sec--consider .sgf-card-img {
    height: 130px;
  }

  .sgf-sec--consider .sgf-card-text {
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  .sgf-sec--consider .sgf-cardgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .sgf-sec--consider .sgf-card-img {
    height: 140px;
  }
}


/* =========================================================
   10) フッター：お問合せ
   ========================================================= */
.sgf-sec--contact {
  position: relative;
  background: none;
  /* 既存gradient無効化 */
  overflow: hidden;
  /* はみ出し防止 */
  color: #fff;
  padding: clamp(50px, 6vw, 110px) 0;
  min-height: 520px;
}

/* 背景画像 */
.sgf-sec--contact::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2026/01/footer_contact.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 35%;
  z-index: 0;
}

/* 中身は前面へ */
.sgf-sec--contact .sg-container {
  position: relative;
  z-index: 1;
}

/* 左カラム幅 */
.sgf-sec--contact .sgf-contact {
  max-width: 560px;
}

/* 見出し行：お問合せ + Contact Us（横並び） */
.sgf-sec--contact .sgf-contact-head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 0px;
  text-align: left;
  margin: 0 0 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

/* Contactセクションは下線なし */
.sgf-sec--contact .sgf-title {
  margin: 0;
  padding-bottom: 0;
}

.sgf-sec--contact .sgf-title::after {
  content: none;
}

/* Contact Us */
.sgf-sec--contact .sgf-sub {
  text-align: right;
  color: #fff;
  white-space: nowrap;
  margin: 0;
}

/* 文章 */
.sgf-contact-text {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 10px;
}

/* 電話番号ブロック */
.sgf-sec--contact .sgf-tel {
  border-top: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
}

/* フリーダイヤル：アイコン＋文字 */
.sgf-tel .sgf-tel-num {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: .02em;
}

/* 電話アイコン */
.sgf-tel .sg-tel-ico {
  font-family: "Material Icons";
  font-size: 34px;
  line-height: 1;
  color: #fff;
  padding-top: 4px;
}

/* メタ情報（タグ） */
.sgf-tel .sgf-tel-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  margin-top: 10px;
  align-items: center;
  color: #fff;
}

.sgf-tel .sgf-tel-tag {
  background: #fff;
  color: #000;
  padding: 4px 10px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 500;
}

/* CTA（フォーム/LINE） */
.sgf-cta {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 520px;
}

.sgf-cta-box {
  background: #fff;
  border-radius: 5px;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}

.sgf-cta-box:hover {
  opacity: 1;
}

.sgf-cta-box .sgf-cta-title {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .08em;
  color: #000;
  margin-bottom: 10px;
}

.sgf-cta-box .sgf-cta-note {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  margin-top: 10px;
}

/* 画像エリア */
.sgf-cta-visual {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* メールアイコン */
.sgf-cta .material-icons.sgf-cta-ico {
  font-family: "Material Icons";
  font-size: 140px;
  line-height: 1;
  color: #3f4b55;
  transition: transform .15s ease;
  transform-origin: center;
}

.sgf-cta-mail:hover .sgf-cta-ico {
  transform: scale(1.12);
}

/* LINE画像 */
.sgf-cta-lineimg {
  width: 140px;
  height: auto;
  display: block;
}

/* responsive（お問合せ） */
@media (max-width: 600px) {
  .sgf-sec--contact {
    padding: 56px 0;
  }

  .sgf-cta {
    grid-template-columns: 1fr;
    max-width: 420px;
  }

  .sgf-tel-num {
    font-size: 30px;
  }

  .sgf-cta-visual {
    height: 96px;
  }

  .sgf-cta-ico {
    font-size: 78px;
  }

  .sgf-cta-lineimg {
    width: 88px;
  }
}


/* =========================================================
   11) フッター：会社情報・メニュー
   ========================================================= */
.sgf-sec--bottom {
  background: #3f4b55;
  color: #fff;
  padding-bottom: 10px;
}

/* 左：会社情報 / 右：フッターナビ */
.sgf-bottom-grid {
  display: grid;
  position: relative;
  grid-template-columns: 1.2fr 2.3fr;
  gap: 26px;
}

.sgf-company {
  display: block;
}

/* ロゴ＋文言 */
.sgf-company .sgf-brand {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* ロゴ */
.sgf-sec--bottom .sgf-brand-logo {
  width: 80px;
  flex: 0 0 80px;
  color: #fff;
}

.sgf-brand-logo .sgf-logo-svg {
  width: 80px;
  height: auto;
  display: block;
}

/* キャッチ */
.sgf-company-catch {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .05em;
}

/* 会社名 */
.sgf-company-name {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: -.1em;
}

/* 住所など */
.sgf-company-meta {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.sgf-company .sgf-company-meta {
  display: block;
  width: 100%;
  clear: both;
  margin-top: 5px;
}

/* SNSアイコン */
.sgf-social {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  z-index: 5;
  align-items: flex-start;
}

.sgf-social-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #fff;
  min-width: 40px;
  gap: 5px;
}

.sgf-social-link img {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 3px;
}

.sgf-social-label {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -.1em;
  white-space: nowrap;
}

/* フッターナビ：5列 */
.sgf-footnav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px;
  padding-bottom: 30px;
}

.sgf-footcol-title {
  text-align: center;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 500;
  letter-spacing: -.10em;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

.sgf-footcol ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sgf-footcol li {
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 16px;
  letter-spacing: -.06em;
  text-align: center;
  margin: 8px 0;
}

/* responsive（会社情報・メニュー） */
@media (max-width: 900px) {
  .sgf-bottom-grid {
    grid-template-columns: 1fr;
  }

  .sgf-social {
    position: static;
    flex-wrap: wrap;
    white-space: normal;
    margin-top: 14px;
  }

  .sgf-company {
    padding-bottom: 0;
  }

  .sgf-footnav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .sgf-social {
    gap: 10px;
  }

  .sgf-social-label {
    font-size: 11px;
  }

  .sgf-footnav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   12) フッター：法務リンク
   ========================================================= */
.sgf-legal {
  background: #3f4b55;
  color: #fff;
  text-align: center;
  padding: 18px 0;
}

/* 5項目を等間隔・中央揃え（区切り線は a + a で付ける） */
.sgf-legal-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
}

.sgf-legal-links a {
  display: inline-block;
  padding: 0 60px;
  line-height: 1.2;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.sgf-legal-links a+a {
  border-left: 1px solid #fff;
}

/* 注記 */
.sgf-legal-note {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.8;
}

/* responsive（法務リンク） */
@media (max-width: 700px) {
  .sgf-legal-links {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px;
  }

  .sgf-legal-links a {
    padding: 0 16px;
  }
}


/* =========================================================
   13) フッター：取扱メーカー
   ========================================================= */
.sgf-brands {
  background: #fff;
  padding: 22px 0;
}

.sgf-brands-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  gap: 18px;
  flex-wrap: nowrap;
}

.sgf-brands-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}

.sgf-brands-row img {
  display: block;
  max-height: 60px;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
}

/* responsive（取扱メーカー） */
@media (max-width: 600px) {
  .sgf-brands-row {
    height: 30px;
    gap: 10px;
  }

  .sgf-brands-row a {
    height: 30px;
  }
}


/* =========================================================
   14) フッター：コピーライト
   ========================================================= */
.sgf-copy {
  background: #fff;
  padding: 16px 0 26px;
  text-align: center;
  font-family: "Cormorant", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border-top: 1px solid #818688;
}


/* =========================================================
   15) GeneratePress 既存フッターを非表示
   ========================================================= */
.site-footer {
  display: none;
}