/** Shopify CDN: Minification failed

Line 26:2 Unexpected "@media"

**/
/* ============================================================
   スマホの操作まわりの修正
   ・タップで白くなる／色が残る問題
   ・画像のちらつき（CLS）
   2026-09-03：旧ヘッダー／旧モバイルメニュー（.icons / .burger / .mn-* /
   .drop--cols）向けの記述は、ヘッダーを .wh-* に作り直したため削除。
   旧版は _backup/20260903_pagescss/words-fixes.css にある。
   読み込み順は words-tokens.css の1つ前。
   ============================================================ */

/* タップ時の灰色/白のハイライトを消す（iOS・Android共通） */
html{ -webkit-tap-highlight-color: transparent; }
a, button, [role="button"], summary,
.pl-item, .pd-acc-head, .wh-menu a, .wh-menu button{
  -webkit-tap-highlight-color: transparent;
}

/* タッチ端末では :hover の演出を無効化（タップ後に色が固着するため） */
@media (hover:none), (pointer:coarse){
  .pd-nav:hover, .pd-chip:hover, .pd-step:hover,
  @media (hover:hover){ .pl-cats > li > a:hover{ background:inherit; } }
  .pd-thumbs li:hover{ opacity:1; }
  @media (hover:hover){ .pd-quickbtn:hover{ background:#fff; color:var(--ink); } }
}

/* 指が当たる大きさを確保して押し間違いを防ぐ。
   ハンバーガーはスマホ・タブレットだけ。PCで出すとヘッダーが2段になる。 */
.wh__ic, .wh-menu__close{
  min-width:44px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center;
}
@media (max-width:980px){
  .wh__burger{
    min-width:44px; min-height:44px;
    display:inline-flex; align-items:center; justify-content:center;
  }
}

/* 画像の縦横比を先に確保して、読み込み中のガタつき（CLS）を防ぐ */
.pl-photo, .wi-ph, .wj-thumb{ background:var(--cream2); }
img{ max-width:100%; height:auto; }