@charset "UTF-8";

/* ============================================================
   reset.css — minimal reset scoped to #cc-top only
   ------------------------------------------------------------
   コマースクリエイターの他ページに影響しないよう、すべての
   ルールを #cc-top の子孫に限定する。ただし #cc-top を素で前置
   すると特異度が (1,0,0) 上乗せされ、後から書く普通のクラス/
   要素セレクタ (0,1,0 / 0,0,1) で上書きできず「黒文字・余白潰し
   がこびりつく」。これを避けるため、スコープは `:where(#cc-top)`
   で表現し特異度を 0 に抑える。
     → リセットは「ブラウザ既定の薄い正規化」に徹し、top.css や
       後から足すスタイルで常に上書きできる。
   `*` の素グローバル指定・`!important` は使わない。
   ============================================================ */

:where(#cc-top, #cc-top *, #cc-top *::before, #cc-top *::after) { box-sizing: border-box; }

:where(#cc-top) :is(h1, h2, h3, h4, h5, h6,
  p, ul, ol, dl, dt, dd, figure, form, blockquote) { margin: 0; padding: 0; }

:where(#cc-top) :is(ul, ol) { list-style: none; }

:where(#cc-top) a { color: inherit; text-decoration: none; }

:where(#cc-top) img { max-width: 100%; vertical-align: bottom; border: 0; }

:where(#cc-top) :is(input, select, textarea) { font: inherit; color: inherit; }

/* button は font: inherit を当てない。
   slick-theme の .slick-prev / .slick-next / .slick-dots li button は
   font-size:0; color:transparent でラベル文字を隠す前提のため、
   ここで font: inherit を当てると "Previous/Next" や "1 2 3..." が漏れ出る。 */
:where(#cc-top) button { background: none; border: 0; padding: 0; cursor: pointer; color: inherit; }

:where(#cc-top) hr { display: none; }