@charset "UTF-8";
/* ==========================================================================
 * ヘッダー改修（PC）／2026-10-03 藤さん指示
 * --------------------------------------------------------------------------
 * デザイン: Figma「FFW-New Design system」node 968-3624 の header_PC（968-3625）と、送料無料の帯（968-3736）
 * 範囲: 全ページ（共通ヘッダー parts/site-header.php）。PC（768px 以上）だけ。SP は Figma に無いため従来どおり。
 * 読込: functions.php の ffw_header_2610_styles()（全ページ・filemtime をバージョンに使う）。
 *       style.css は header.php の直書きでバージョンが付かず、更新してもブラウザのキャッシュが残るため、別ファイルにした。
 * 経緯: D-005（2026-10-01「新TOPでも共通ヘッダーは現行のまま」）を、この指示で見直し（全ページに反映）。
 * 変えていないもの: ロゴ（従来も 313×68px で Figma と同じ）、上段の帯の色・キャッチ文・サブメニュー、ナビの文言（現行のまま）。
 * ロールバック: functions.php の ffw_header_2610_styles を外す＋ parts/site-header.php を _BAK20261003_MDM から戻す。
 * ========================================================================== */

@media screen and (min-width: 768px) {

  /* --- 上段右：未ログイン時の「ログイン / 会員登録」タブ（150×29・下側の角丸10px・人型アイコン・10px）。
         parts/site-header.php のインライン <style>（.header_top .btn-auth）より後に効くよう .header を足して詳細度を上げる --- */
  .header .header_top .btn-auth {
    height: 29px;
  }
  .header .header_top .btn-auth--login {
    width: 150px;
    gap: 8px;
    font-size: 1rem;
  }
  .header .header_top .btn-auth--login svg {
    width: 15px;
    height: 15px;
  }

  /* --- 中段：ロゴ（左）と、検索窓＋カート（右・間30px）を1行に。従来の下線（#dcdcdc）は Figma に無いので消す --- */
  .header .header_center {
    border-bottom: 0;
    padding-bottom: 0;
  }
  /* 縦位置は Figma の値に合わせる：上段の帯（65px）の下、ロゴの上端まで 31px（Figma ではヘッダー内の間 10px＋中段の上余白 10px＋ロゴ枠の余白 10px）、
     ロゴの下端からナビの文字の上端まで 19px。ナビの下端で帯に接する（ヘッダー全体の高さ 216px） */
  .header .header_center_flex {
    margin-top: 0;
    padding: 31px 0 0;
  }
  .header .header_center .menu_navigater {
    margin-top: 19px;
  }
  .header .header_center_logo {
    padding-left: 10px;
    box-sizing: content-box;
  }
  .header .header_center_flex01 {
    align-items: center;
  }
  .header .header_center_tools {
    display: flex;
    align-items: center;
    gap: 30px;
  }

  /* 検索窓：331×44・角丸10px・枠線 #DCDCDC・文字 14px／字間 0.1em・プレースホルダー #A9A9A9・虫眼鏡 24px */
  .header .head_seach {
    width: 331px;
    height: 44px;
    padding-top: 0;
  }
  /* 検索フォーム（Search & Filter）には非表示の項目（カテゴリ・タグの select）の li が残り、余白で高さが 70px になって
     検索窓が上に寄るため、.head_seach と ul の高さを検索窓（44px）に固定する（中の虫眼鏡ボタンは ul を基準に絶対配置なので影響なし） */
  .header .head_seach ul {
    height: 44px;
    margin: 0;
  }
  .header .head_seach li input[type="text"] {
    width: 331px;
    height: 44px;
    padding: 10px 46px 10px 11px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
  .header .head_seach li input[type="text"]::placeholder {
    color: #a9a9a9;
  }
  .header .head_seach li input[type="submit"] {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    top: 10px;
    right: 11px;
  }

  /* カート：検索窓の右隣。カートアイコン＋「カートは空です」（または「n 個 - 金額」）12px・#AF1616・下線 */
  .header .header_center_tools .btn_cart {
    padding: 0 10px;
  }
  .header .header_center_tools .btn_cart a {
    float: none;
    align-items: center;
    gap: 8px;
    color: #af1616;
    font-size: 1.2rem;
    line-height: 1.6;
    text-decoration: underline;
    white-space: nowrap;
  }
  .header .header_center_tools .btn_cart a img {
    top: 0;
  }

  /* --- ナビ：中央寄せ、項目の間 20px、14px Bold・#F78930・字間 0.1em（文言は現行のまま） --- */
  .header .header_center .menu_navigater {
    justify-content: center;
  }
  .header .header_center_menu {
    gap: 20px;
  }
  .header .header_center_menu a {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
  /* 第1階層の行の高さを Figma（14px × 1.6 ≒ 22px）に。下の 10px はドロップダウンへマウスを移すための従来の余白 */
  .header .header_center_menu > li > .header_center_menu_it {
    line-height: 22px;
  }
  .header .header_center_menu_it:after {
    top: 8px;
  }

  /* --- 送料無料の帯（968-3736）：高さ 90px（上下 19px・2行とも行の高さ 26px・行間なし）、見出し 20px Bold／字間 0.12em --- */
  .header .header_end {
    padding: 19px 0;
  }
  .header .header_end_left p {
    margin-top: 0;
    line-height: 26px;
  }
  .header .header_end_left p.title {
    font-size: 2rem;
    letter-spacing: 0.12em;
  }
}