/* reset.css : destyle.css をベースとした最小リセット * * グローバル: 全ページで安全なリセット（box-sizing, html/body 構造的設定, * 画像ブロック化, table 折りたたみ等）。 * .is-look-redesign スコープ: Cocoon 既定装飾を壊しうるリセット * （margin/padding 0、リスト記号除去、リンク色除去、ボタン装飾除去、 * summary マーカー除去）。 * .is-look-redesign は新デザイン対象テンプレート（front-page / * taxonomy-* / single-vender / search-vender）のにのみ付与される。 */ /* === グローバル（全ページ適用 OK） === */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; line-height: 1.5; } body { min-height: 100vh; } img, picture, video { display: block; max-width: 100%; height: auto; } svg { vertical-align: middle; } input, textarea, select { font: inherit; } table { border-collapse: collapse; border-spacing: 0; } /* === LOOK 新デザイン専用リセット === * Cocoon 標準ページを壊さないため、.is-look-redesign スコープに限定。 * * specificity の階層構造: * - margin/padding 0 リセット (h1-h6, p, ul, ol, li, ...) は完全 :where() * ラップで specificity 0。.section-title (0,1,0) 等の BEM クラスが * margin-bottom を確実に上書きできるようにするため。 * - a/ul list-style/button/summary のリセットは :where(.is-look-redesign) elem * 形式で specificity (0,0,1)。Cocoon 親テーマの素タグ指定（a { color: * #1967d2 } 等、0,0,1）と等価で読込み順で LOOK が勝ち、かつ LOOK BEM * クラス（.sort-tabs__btn 等、0,1,0）には負けて BEM が勝てる絶妙な位置。 */ :where(.is-look-redesign, .is-look-redesign h1, .is-look-redesign h2, .is-look-redesign h3, .is-look-redesign h4, .is-look-redesign h5, .is-look-redesign h6, .is-look-redesign p, .is-look-redesign ul, .is-look-redesign ol, .is-look-redesign li, .is-look-redesign dl, .is-look-redesign dt, .is-look-redesign dd, .is-look-redesign figure, .is-look-redesign blockquote) { margin: 0; padding: 0; } :where(.is-look-redesign) ul, :where(.is-look-redesign) ol { list-style: none; } :where(.is-look-redesign) a { color: inherit; text-decoration: none; } :where(.is-look-redesign) button { border: 0; background: transparent; padding: 0; cursor: pointer; font: inherit; color: inherit; } :where(.is-look-redesign) summary { cursor: pointer; list-style: none; } :where(.is-look-redesign) summary::-webkit-details-marker { display: none; }