/* 商品ページ共通（wcatalogue/）
   works-catalogue からポップアップ（幅600px）で開くと 650px の段組みが枠いっぱいになり、
   文字が枠の端に付いてしまうため、段組みが画面幅に達するときだけ文字ブロックの左右に余白を取る。
   写真は従来どおり枠いっぱい。各ページ内の #textModule-N 指定（ID）より優先させるため !important。 */
@media screen and (max-width: 690px) {
  article[id^="textModule-"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ポップアップ（iframe）の中で、閲覧環境によってスクロールバーが黒い帯に見える（2026-10-09 tkc 報告）対策：
   html が透明だと、スクロールバーの色を後ろの暗い幕から決められることがあるので、
   ページ全体を本文と同じ白にし、明るい配色・明るいスクロールバーに固定する */
html {
  background-color: #FFFEFF;
  color-scheme: light;
  scrollbar-color: #C8C8C8 #FFFEFF;
  scrollbar-width: thin;
}