/* =========================================================
   共通ヘッダー（全ページ共通部品）

   ★公開中のサイト（https://aircon.co.jp/）の実CSSをそのまま土台にしている。
     独自に作り直さないこと。数値を変えるとトップページとズレる。
     出典：https://aircon.co.jp/assets/css/style.css?v=13

   ナビだけ、新デザイン（header-pc.svg）の10項目・「｜」区切りに変更。
   ========================================================= */

.aahd{
  --c-blue:      #2F56AB;   /* ブランド青（上部バー・ナビ・業務用ボタン） */
  --c-red:       #CA2927;   /* CTA赤（ルームエアコンボタン） */
  --c-tel:       #F14826;   /* 電話番号 */
  --c-yellow:    #EBF053;   /* ボタン内の強調文字（黄） */
  --c-badge:     #43649E;   /* 通常/夏季バッジ */
  --c-black-bar: #0E0F0E;   /* 黒帯（電話1本で〜） */
  --c-white:     #FFFFFF;
  --c-text:      #333333;
  --container:   1280px;
  --h-topbar: 47px;
  --h-header: 124px;
  --h-nav:    61px;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.aahd *{box-sizing:border-box;}
.aahd a{text-decoration:none;color:inherit;}
.aahd p{margin:0;}
.aahd ul{list-style:none;margin:0;padding:0;}

/* 中央寄せコンテナ */
.aahd .container{
  width:var(--container);
  max-width:100%;
  margin-inline:auto;
  padding-inline:20px;
}

/* --- 上部バー --- */
.aahd .topbar{
  background:var(--c-blue);
  color:var(--c-white);
  height:var(--h-topbar);
  display:flex;
  align-items:center;
}
.aahd .topbar .container{text-align:center;position:relative;}
/* 切り替え表示（固定文 → お知らせ最新 → お知らせ2件目 → 固定文…） */
.aahd .topbar__slider{position:relative;height:var(--h-topbar);}
.aahd .topbar__item{
  position:absolute;
  left:0;right:0;top:0;
  height:var(--h-topbar);
  display:flex;align-items:center;justify-content:center;
  color:var(--c-white);
  opacity:0;
  transition:opacity .45s;
  pointer-events:none;
  white-space:nowrap;
}
.aahd .topbar__item.is-active{opacity:1;pointer-events:auto;}

/* =========================================================
   ★2026/08/31 クライアント指示
   お知らせをナビのすぐ上に置き、左から右へ流す。
   1件ずつを「白い角丸の枠」に入れて、その枠ごと流れるようにした。
   ・青帯の中で白い枠が動くので、記事の区切りが一目で分かる
   ・同じ内容を2組ならべ、半分ぶん動かして切れ目なく流している
   ========================================================= */
.aahd .topbar--flow{
  /* ★2026/08/31 クライアント指示：青帯をやめ、うすいグレーの地に。
     墨5%相当（#F2F2F2）。その上を白い角丸の枠が流れる */
  background:#F2F2F2;
  border-top:1px solid #E5E5E5;
  border-bottom:1px solid #E5E5E5;
  height:44px;
  display:flex;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.aahd .topbar--flow .topbar__track{
  display:flex;
  width:max-content;
  min-width:200%;   /* ★2026/09/06 帯の幅×2。1セットが帯とちょうど同じ幅になる */
  align-items:center;
  animation:aahd-newsflow 21s linear infinite;   /* ★2026/08/31 スピードを倍に（42s→21s） */
}
.aahd .topbar--flow:hover .topbar__track{
  animation-play-state:paused;   /* マウスを乗せると止まる。読みたい人が読めるように */
}
.aahd .topbar--flow .topbar__seq{
  display:flex;
  align-items:center;
  gap:14px;
  padding-right:14px;
  white-space:nowrap;
  flex:1 0 50%;   /* ★2026/09/06 1セット＝帯とちょうど同じ幅。同じ記事が同時に2つ見えるのを防ぐ */
}
/* 1件＝白い角丸の枠 */
.aahd .topbar--flow .topbar__item{
  position:static;
  left:auto;right:auto;top:auto;
  opacity:1;
  pointer-events:auto;
  transition:none;
  display:inline-flex;
  align-items:center;
  height:30px;
  background:#fff;              /* 白い角丸の枠。グレーの地の上を流れる */
  border-radius:15px;
  padding:0 16px;
  color:#333;
  white-space:nowrap;
  box-shadow:0 1px 2px rgba(0,0,0,.06);   /* 地から少し浮かせて枠を見やすく */
}
.aahd .topbar--flow a.topbar__item:hover{background:#F7FAFF;}
/* 枠の中の「お知らせ」ラベルと記事名 */
.aahd .topbar--flow .topbar__label{
  flex:none;
  color:#0954A5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  padding-right:10px;
  margin-right:10px;
  border-right:1px solid #c8d3e0;
  background:none;
}
.aahd .topbar--flow .topbar__news{
  color:#333;
  font-size:12.5px;
  font-weight:500;
}
/* ★2026/09/06 タイトルの後ろに出す本文の頭。タイトルより弱く見せる */
.aahd .topbar--flow .topbar__excerpt{
  color:#767676;
  font-size:12.5px;
  font-weight:400;
  margin-left:8px;
}
.aahd .topbar--flow a.topbar__item:hover .topbar__news{text-decoration:underline;}
/* 枠が区切りになったので、文字の「/」は出さない */
.aahd .topbar--flow .topbar__sep{display:none;}

@keyframes aahd-newsflow{
  from{ transform:translateX(0); }
  to  { transform:translateX(-50%); }
}
/* 動きを減らす設定にしている人には、流さずに止めて見せる */
@media (prefers-reduced-motion:reduce){
  .aahd .topbar--flow .topbar__track{animation:none;}
}
.aahd .topbar__text{
  font-size:17px;
  font-weight:900;
  letter-spacing:.36em;
}
/* お知らせ行 */
.aahd .topbar__news{
  font-size:15px;
  font-weight:700;
  letter-spacing:.06em;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:1240px;
}
.aahd .topbar__label{
  font-weight:900;
  letter-spacing:.14em;
  margin-right:14px;
  padding-right:14px;
  border-right:1px solid rgba(255,255,255,.5);
}
.aahd a.topbar__item:hover .topbar__news{text-decoration:underline;}
.aahd .topbar__num{
  font-size:30px;
  font-weight:900;
  letter-spacing:.02em;
  margin:0 4px;
}

/* --- ヘッダー本体（白） --- */
.aahd .header-main{background:var(--c-white);}
.aahd .header-inner{
  min-height:var(--h-header);
  display:flex;
  align-items:center;
  gap:0;
  padding-block:10px;
  padding-inline:0;
}

/* ブランド（ロゴ＋許可番号） */
.aahd .brand{flex:0 0 auto;}
.aahd .brand__logo{width:241.5px;height:auto;display:block;}
.aahd .brand__permit{
  font-size:12px;
  color:var(--c-text);
  margin-top:4px;
  white-space:nowrap;
}

/* 連絡先（電話） */
.aahd .contact{flex:0 0 auto;margin-left:32px;}
.aahd .contact__tel{display:flex;align-items:center;gap:8px;}
.aahd .contact__freedial{width:31px;}
.aahd .contact__num{
  font-size:42px;
  font-weight:900;
  color:var(--c-tel);
  line-height:1;
  letter-spacing:-.005em;
}
.aahd .contact__note{
  margin-top:4px;
  background:var(--c-black-bar);
  color:var(--c-white);
  font-size:13px;
  text-align:center;
  padding:4px 6px;
  border-radius:3px;
  white-space:nowrap;
}
.aahd .contact__note strong{
  font-size:16px;
  font-weight:900;
  letter-spacing:.25em;
  margin-left:4px;
}

/* 営業時間 */
.aahd .hours{
  flex:0 0 auto;
  margin-left:13px;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:11px;
  color:var(--c-text);
  line-height:1.57;
}
.aahd .hours__row{display:flex;align-items:center;gap:8px;}
.aahd .hours__badge{
  flex:0 0 auto;
  background:var(--c-badge);
  color:var(--c-white);
  font-size:13px;
  font-weight:700;
  padding:3px 6px;
  border-radius:4px;
  line-height:1;
  white-space:nowrap;
}

/* ヘッダーCTAボタン */
.aahd .head-btns{
  flex:0 0 auto;
  margin-left:24px;
  display:flex;
  gap:11px;
}
.aahd .head-btn{
  flex:0 0 225px;
  width:225px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 24px 13px 10px;
  border-radius:8px;
  color:var(--c-white);
  font-size:13px;
  font-weight:900;
  line-height:1.3;
  position:relative;
  box-shadow:0 3px 0 rgba(0,0,0,.25);
}
.aahd .head-btn::after{
  content:"";
  position:absolute;
  right:11px;
  top:50%;
  width:8px;
  height:8px;
  border-top:2px solid var(--c-white);
  border-right:2px solid var(--c-white);
  transform:translateY(-50%) rotate(45deg);
}
.aahd .head-btn--red{background:var(--c-red);}
.aahd .head-btn--blue{background:var(--c-blue);}
.aahd .head-btn__icon{flex:0 0 auto;width:31px;}
.aahd .head-btn__icon--ceiling{width:34px;}
.aahd .head-btn__hl{color:var(--c-yellow);}

/* --- グローバルナビ ---
   公開中サイトと同じ「セル幅固定＋左に区切り線」方式。
   セル幅は新デザイン（header-pc.png）の区切り線の位置を実測して算出した。 */
.aahd .gnav{background:var(--c-blue);}
.aahd .gnav__inner{padding-inline:0;}
.aahd .gnav__list{
  display:flex;
  width:100%;
  height:var(--h-nav);
}
.aahd .gnav__item{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  border-left:1px solid rgba(255,255,255,.4);
}
.aahd .gnav__item:first-child{border-left:none;}
/* 実測したセル幅（合計1276px＝コンテナ幅1280に収まる） */
/* ★2026/08/31 「お問合せ」を削除。空いた81pxを残り9項目に9pxずつ均等配分した。
   もとの文字量ごとの幅の比率は保ったまま、合計は1276pxのまま（＝右端がぴったり揃う） */
.aahd .gnav__item:nth-child(1) {width: 77px;}  /* トップ           68 + 9 */
.aahd .gnav__item:nth-child(2) {width:197px;}  /* サービス特徴（管理） 188 + 9 */
.aahd .gnav__item:nth-child(3) {width:175px;}  /* 選ばれる10の理由   166 + 9 */
.aahd .gnav__item:nth-child(4) {width:137px;}  /* 料金について       128 + 9 */
.aahd .gnav__item:nth-child(5) {width:122px;}  /* お客様の声        113 + 9 */
.aahd .gnav__item:nth-child(6) {width:169px;}  /* 10年保証について   160 + 9 */
.aahd .gnav__item:nth-child(7) {width:138px;}  /* ご利用の流れ      129 + 9 */
.aahd .gnav__item:nth-child(8) {width:168px;}  /* お支払いについて   159 + 9 */
.aahd .gnav__item:nth-child(9) {width: 93px;}  /* ブログ            84 + 9 */
.aahd .gnav__item a{
  color:var(--c-white);
  font-size:15px;
  font-weight:700;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  transition:background .2s;
}
.aahd .gnav__item a:hover{background:rgba(255,255,255,.12);}

/* =========================================================
   スマホ（768px以下）
   ★Illustrator「header-sp.svg」「menu-sp.svg」（375px幅）を
     1ミリもずらさず再現する。すべて vw（画面幅に対する比率）で指定。
     画面幅が変わっても比率は崩れず、左右の余白も同じまま。
   ========================================================= */
@media (max-width:768px){

  .aahd{position:relative;min-width:0;}
  .aahd .topbar,.aahd .header-main,.aahd .gnav{display:none;}

  /* --- ヘッダー本体 --- */
  .aahd__sp{
    display:block;
    position:relative;
    height:17.117vw;   /* ★お知らせ帯を外に出したぶん(8.765vw)を引いた */
    background:#0054AC;
    overflow:hidden;
  }

  /* ★2026/09/01 和田さん指示：PC版と同じデザインにそろえる。
     うすいグレーの地（#F2F2F2）の上を、白い角丸の枠が左から右へ流れる。
     青いヘッダーの外に出して、独立した帯にした（PC版の .topbar--flow と同じ作り） */
  .aahd__spnews{
    position:relative;
    width:100%;
    height:11.733vw;             /* PC版と同じ44px */
    background:#F2F2F2;
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
    display:flex;
    align-items:center;
    overflow:hidden;
  }
  .aahd__spnews-item{
    position:absolute;
    left:8.000vw;right:1.600vw;top:0;
    height:4.926vw;
    display:flex;align-items:center;
    color:#4f4c4b;
    opacity:0;transition:opacity .45s;pointer-events:none;white-space:nowrap;
  }
  .aahd__spnews-item.is-active{opacity:1;pointer-events:auto;}

  /* ★2026/08/31 スマホのお知らせも「左から右へ流す」表示に。
     スマホはメニューがハンバーガーの中なので、白帯の位置は変えず動きだけ変更 */
  .aahd__spnews-track{
    display:flex; width:max-content; min-width:200%; align-items:center; height:100%;
    animation:aahd-spnewsflow 8.7s linear infinite;  /* 2026/09/19 吉川様「遅すぎる」→1.5倍（13s→8.7s）。実際の速さは本文長から aahd-newsflow-speed のJSが計算 */   /* ★2026/08/31 スピードを倍に（26s→13s） */
  }
  .aahd__spnews:hover .aahd__spnews-track{animation-play-state:paused;}
  .aahd__spnews-seq{
    display:flex; align-items:center;
    gap:8vw; padding-right:8vw; white-space:nowrap;
    flex:1 0 50%;   /* ★2026/09/06 1セット＝帯とちょうど同じ幅 */
  }
  /* 切り替え表示用の「重ねて隠す」指定を打ち消し、横に並ぶようにする */
  /* 白い角丸の枠。グレーの地の上を流れる（PC版 .topbar--flow .topbar__item と同じ） */
  .aahd__spnews-track .aahd__spnews-item{
    position:static; left:auto; right:auto; top:auto;
    opacity:1; pointer-events:auto; transition:none;
    display:inline-flex; align-items:center;
    height:8.000vw;                 /* PC版と同じ30px */
    background:#fff;
    border-radius:4.000vw;          /* PC版と同じ15px */
    padding:0 4.267vw;              /* PC版と同じ16px */
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(0,0,0,.06);
    color:#333;
  }
  @keyframes aahd-spnewsflow{
    from{ transform:translateX(0); }
    to  { transform:translateX(-50%); }
  }
  @media (prefers-reduced-motion:reduce){ .aahd__spnews-track{animation:none;} }
  /* ★2026/09/01 PC版（.topbar--flow .topbar__label）と同じ見え方にそろえた。
     PC 12px / padding 10px / 区切り線 #c8d3e0 → スマホは 375px 基準の vw に換算 */
  .aahd__spnews-label{
    flex:none;
    color:#0954A5;
    font-size:3.200vw;          /* 12px */
    font-weight:900;
    letter-spacing:.02em;
    padding-right:2.667vw;      /* 10px */
    margin-right:2.667vw;       /* 10px */
    border-right:1px solid #c8d3e0;
    background:none;
  }
  /* ★PC版（.topbar--flow .topbar__news）と同じ 12.5px / 太さ500 */
  .aahd__spnews-txt{
    color:#333;
    font-size:3.333vw;          /* 12.5px */
    font-weight:500;
    letter-spacing:.01em;
    overflow:hidden;text-overflow:ellipsis;
  }
  /* ★2026/09/06 タイトルの後ろに出す本文の頭 */
  .aahd__spnews-excerpt{
    color:#767676;
    font-size:3.333vw;          /* 12.5px */
    font-weight:400;
    letter-spacing:.01em;
    margin-left:2.133vw;        /* 8px */
  }

  /* ロゴ（青地なので白文字版） */
  .aahd__splogo{
    position:absolute;
    left:3.253vw;top:4.974vw;
    width:28.507vw;
  }
  .aahd__splogo img{display:block;width:100%;height:auto;}

  /* 「エアコン専門会社」「40,000件管理の実績」 */
  .aahd__spcopy{
    position:absolute;
    left:34.533vw;
    top:3.134vw;
    color:#fff;
    white-space:nowrap;
    margin:0;
  }
  .aahd__spcopy b{
    display:block;
    font-size:3.733vw;font-weight:900;letter-spacing:.045em;
    line-height:6.013vw;
    padding-left:0.240vw;
  }
  .aahd__spcopy span{
    display:block;
    font-size:3.733vw;font-weight:900;letter-spacing:.06em;
    line-height:6.013vw;
  }
  .aahd__spcopy em{
    font-style:normal;
    font-size:4.601vw;font-weight:900;letter-spacing:.08em;
    margin-right:0.800vw;
  }

  /* menuボタン */
  .aahd__spmenubtn{
    position:absolute;
    left:85.270vw;top:2.554vw;
    width:11.524vw;height:11.524vw;
    background:#fff;cursor:pointer;display:block;
  }
  .aahd__spmenubtn i{
    position:absolute;
    left:1.879vw;
    width:7.505vw;height:0.517vw;
    background:#0054AC;display:block;
  }
  .aahd__spmenubtn i:nth-child(1){top:2.718vw;}
  .aahd__spmenubtn i:nth-child(2){top:4.130vw;}
  .aahd__spmenubtn i:nth-child(3){top:5.542vw;}
  .aahd__spmenubtn span{
    position:absolute;
    left:0;right:0;top:6.640vw;
    text-align:center;
    font-size:2.993vw;font-weight:500;letter-spacing:.04em;
    color:#0054AC;line-height:1;
  }

  /* --- スライドメニュー（2026/09/25 T3：21項目に増やした確定デザイン＝スマホメニューV2.ai・375×858.2）---
     数値はすべて 375px 設計の px÷3.75 ＝ vw。上の帯（電話・時間・ボタン2つ）は絶対配置、
     21項目は白い枠の中に上から順に並べる（1行29px・行と行の間にうすいグレーの線・右に「＞」） */
  .aahd__spmenu{
    display:none;
    position:fixed;left:0;top:0;right:0;bottom:0;
    z-index:9999;background:#0054AC;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    font-feature-settings:"palt";   /* かっこ・「・」を詰める（デザインの字詰めに合わせる＝実測で全行の幅がデザインに一致） */
  }
  .aahd__spmenu-inner{
    position:relative;
    width:100%;
    min-height:228.853vw;
  }
  .aahd__spclose{
    position:absolute;
    left:84.107vw;top:2.453vw;
    width:13.84vw;height:13.84vw;
    background:#fff;cursor:pointer;display:block;
  }
  .aahd__spclose::before,.aahd__spclose::after{
    content:"";position:absolute;
    left:2.907vw;top:6.787vw;
    width:8.027vw;height:0.267vw;
    background:#0054AC;
  }
  .aahd__spclose::before{transform:rotate(45deg);}
  .aahd__spclose::after{transform:rotate(-45deg);}

  /* メニュー内の電話（★2026/09/25 和田さん指示：タップで電話がかかる＝tel: リンク。アイコンも数字も押せる）
     アイコン画像は上下に透明の余白があるため、緑の箱がデザインの位置に来るよう画像ごと置く */
  .aahd__sptel{
    position:absolute;
    left:5.16vw;top:1.867vw;
    width:72.8vw;height:10.187vw;
    display:block;
    -webkit-tap-highlight-color:rgba(255,255,255,.25);
  }
  .aahd__sptel img{position:absolute;left:0;top:0;width:10.6vw;height:auto;display:block;}
  .aahd__sptel span{
    position:absolute;left:12.173vw;top:6.133vw;
    transform:translateY(-50%);
    font-size:8.843vw;font-weight:900;color:#fff;line-height:1;
    letter-spacing:0;white-space:nowrap;
  }
  .aahd__sphours{position:absolute;left:5.36vw;top:14.587vw;display:flex;}
  .aahd__sphrow{display:flex;align-items:center;flex:none;width:40.373vw;height:5.573vw;}
  .aahd__sphbadge{
    flex:none;
    width:5.733vw;height:5.573vw;box-sizing:border-box;
    border:0.208vw solid #fff;border-radius:0.533vw;
    color:#fff;font-size:2.136vw;font-weight:900;
    display:flex;align-items:center;justify-content:center;
  }
  .aahd__sphtxt{
    margin-left:1.36vw;
    font-size:2.28vw;font-weight:400;color:#fff;
    line-height:3.189vw;letter-spacing:.04em;white-space:nowrap;
  }

  /* メニュー内の2ボタン（左＝ルームエアコン／右＝業務用）。白い枠2px＋右下に影 */
  .aahd__spbtn{
    position:absolute;
    top:26.48vw;
    width:45.307vw;height:13.36vw;box-sizing:border-box;
    border:0.533vw solid #fff;border-radius:1.44vw;
    display:block;color:#fff;
    box-shadow:2px 2px 4px rgba(0,0,0,.45);
  }
  .aahd__spbtn--room {left:3.947vw;background:#d72100;}
  /* 業務用は背景の青と同化しないよう濃い青（V11・2026/09/25 の直しを引き継ぐ） */
  .aahd__spbtn--gyomu{left:50.72vw;background:#0A2F6B;}
  .aahd__spbtn img{position:absolute;}
  .aahd__spbtn--room  img{left:1.813vw;top:3.68vw;width:7.413vw;height:4.933vw;}
  .aahd__spbtn--gyomu img{left:1.813vw;top:3.173vw;width:7.893vw;height:5.68vw;}
  /* テキストは「アイコンの右端〜矢印の左端」の中央に置く（和田さん指示・従来どおり） */
  .aahd__spbtn span{
    position:absolute;
    left:25.413vw;top:50%;
    transform:translate(-50%,-50%);
    font-size:2.613vw;font-weight:900;letter-spacing:.02em;
    line-height:3.6vw;
    white-space:nowrap;
    text-align:center;
    display:block;
    color:#fff;          /* 白抜き（.aahd a の color:inherit に負けないよう明示） */
  }
  .aahd__spbtn em{font-style:normal;color:#fdf65f;}
  /* 右端の「＞」（SVG実測 5.3×10.6） */
  .aahd__spbtn::after{
    content:"";position:absolute;
    width:1.413vw;height:2.827vw;
    top:4.507vw;
    background:url("cta/arrow.svg") no-repeat center / 100% 100%;
  }
  .aahd__spbtn--room::after {left:41.627vw;}
  .aahd__spbtn--gyomu::after{left:41.12vw;}

  /* 21項目の白い枠 */
  .aahd__spnav{
    position:absolute;
    left:4.533vw;top:46.347vw;
    width:91.147vw;box-sizing:border-box;
    padding:5.653vw 8.747vw 9.36vw;
    background:#fff;
  }
  .aahd__spnav a{
    position:relative;display:block;
    box-sizing:border-box;height:7.733vw;
    border-bottom:0.2vw solid #DDDDDD;
    color:#0054AC;
    font-size:3.733vw;font-weight:900;letter-spacing:.16em;
    line-height:7.533vw;white-space:nowrap;
    -webkit-tap-highlight-color:rgba(0,84,172,.12);
  }
  .aahd__spnav a:last-child{border-bottom:0;}
  .aahd__spnav a::after{
    content:"";position:absolute;
    right:0;top:50%;
    width:1.413vw;height:2.827vw;
    margin-top:-1.413vw;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.3 10.6'%3E%3Cpath d='M.5 .5l4.3 4.8-4.3 4.8' fill='none' stroke='%230054AC' stroke-width='1'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  }

  .aahd__sptoggle{display:none;}
  .aahd__sptoggle:checked ~ .aahd__spmenu{display:block;}
}

@media (min-width:769px){
  /* ★2026/09/01 お知らせ帯を青ヘッダーの外へ出したので、
     パソコンで隠すリストに .aahd__spnews を足した */
  .aahd__sp,.aahd__spmenu,.aahd__sptoggle,.aahd__spnews{display:none;}
}

/* =========================================================
   ★2026/09/01 和田さん指示：ヘッダーをスクロール追従（画面上部に固定）
   ・パソコン … スクロールしたら「メニュー」だけを上に残す
                （青帯「40,000件管理の実績」・お知らせ・ロゴ/電話は流れて消える）
   ・スマホ   … スクロールしたら「ロゴ＋menuボタン」の帯だけを上に残す
   仕組み：ヘッダーを position:sticky で画面上部に貼り付け、
           少しスクロールしたら上の段を隠す（.is-scrolled）
   ========================================================= */

/* ヘッダーを画面の上に貼り付ける（position:sticky）。
   そのうえで、少しスクロールしたら上の段（青帯・お知らせ・ロゴ帯）を隠す。
   ★高さの数字を使わないので、原稿が変わってもズレない。
   ページに <script> を1つ入れて、スクロールしたら .is-scrolled を付ける。 */
.aahd{
  position:sticky;
  top:0;
  z-index:100;
}

/* --- パソコン：スクロールしたら「ロゴ・フリーダイヤル・注文ボタン」＋「メニュー」を残す --- */
/* ★2026/09/01 和田さん指示：メニューだけでなく、ロゴ・フリーダイヤルの帯も一緒に追従させる。
   消えるのは「40,000件管理の実績」の青帯と、お知らせの帯だけ。 */
@media (min-width:769px){
  .aahd.is-scrolled .topbar,
  .aahd.is-scrolled .topbar--flow{
    display:none;
  }
}

/* --- スマホ：スクロールしたらロゴ＋menuの帯だけ残す --- */
@media (max-width:768px){
  .aahd.is-scrolled .aahd__spnews{
    display:none;
  }
  /* スライドメニューは、固定した帯より前に出す */
  .aahd__spmenu{z-index:200;}
}

/* ★2026/09/11 先方指示：「お知らせ」は止めて、本文だけ流す（向き・色・形は今のまま） */
.aahd .topbar--flow .topbar__label{display:none;}
.aahd .topbar--flow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:132px;background:#F2F2F2;z-index:2;}
.aahd .topbar--flow::after{content:"お知らせ";position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:3;height:30px;display:flex;align-items:center;padding:0 16px;background:#fff;border-radius:15px;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#0954A5;font-size:12px;font-weight:900;letter-spacing:.02em;}
.aahd__spnews-label{display:none;}
.aahd__spnews::before{content:"";position:absolute;left:0;top:0;bottom:0;width:27vw;background:#F2F2F2;z-index:2;}
.aahd__spnews::after{content:"お知らせ";position:absolute;left:3.2vw;top:50%;transform:translateY(-50%);z-index:3;height:8vw;display:flex;align-items:center;padding:0 4.267vw;background:#fff;border-radius:4vw;box-shadow:0 1px 2px rgba(0,0,0,.06);color:#0954A5;font-size:3.2vw;font-weight:900;letter-spacing:.02em;}


/* =========================================================
   ★2026/09/12 先方指示：スクロールするとヘッダーがブルブル震える不具合を直す
   起きていたこと＝スクロールが60pxを超えると .is-scrolled が付いてヘッダーが縮む
   → ヘッダーのぶんページが短くなり、スクロール位置が60pxより上に戻る
   → 条件から外れて元の高さに戻る…の繰り返し（実測：ゆっくり1回のスクロールで21回切替）
   直し方＝縮んだぶんの高さを「場所取り」として残し、ページの長さを変えない。
           見た目（縮む動き）は今までどおり。実測でズレ PC91px→0／スマホ45px→0（2026/09/12 12:41）
   ========================================================= */
@media (min-width:769px){
  .aahd.is-scrolled{ margin-bottom:calc(var(--h-topbar) + 44px); }   /* 隠れる青帯＋お知らせ帯のぶん */
}
@media (max-width:768px){
  .aahd.is-scrolled{ margin-bottom:11.733vw; }                        /* 隠れるスマホのお知らせ帯のぶん */
}