@charset "UTF-8";
/*
 * SWELL の要素セレクタが destyle のリセットに勝ってしまう分だけを打ち消す。
 *
 * destyle は border を `*{border-width:0}`（詳細度 0,0,0）でリセットしているため、
 * SWELL の `button,input,select,textarea{border:1px solid ...}`（詳細度 0,0,1）に必ず負ける。
 * 読み込み順を入れ替えても解決しないので、ここで同じ詳細度で打ち消す。
 *
 * ※ ここに書くのは「旧テーマが前提としていた素の状態に戻す」ルールだけ。
 *   デザインの値（色・px・余白）は一切変更しない。
 */

button,
input,
optgroup,
select,
textarea {
  border-width: 0;
}

/*
 * SWELL も `.l-container` という同名クラスを使っており、
 *   .l-container { padding-left: var(--swl-pad_container); padding-right: var(--swl-pad_container); max-width: ... }
 * を当ててくる。旧テーマの `.l-container` はSP時に padding 無し（0）を前提にしているため、
 * SP幅で左右15pxのズレが出る。ここで一旦0に戻す。
 * PC（768px以上）は旧テーマ側が `padding: 0 40px` を後から指定するので影響しない。
 */
.l-container,
.l-container-s {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/*
 * SWELL も `.c-pagination` と `[class*="page-numbers"]` を使っている。
 * 旧テーマのページネーションはこれらのクラス名を共有しているため、
 * 旧テーマが指定していないプロパティ（margin:6px / min-width:36px / box-sizing:content-box 等）
 * だけが漏れて、ボタンが 35px → 47px に膨らんでしまう。
 *
 * ここで素の状態に戻す。旧テーマの `.c-pagination-item a`（詳細度 0,2,0）は
 * このファイルより後に読まれるので、幅・高さ・色は旧テーマ側が勝つ。
 *
 * ブログ一覧のページネーションだけに限定し、SWELL自身のページネーション
 * （カテゴリーアーカイブ等）には影響させない。
 */
.archive-list-pagination .c-pagination {
  align-items: normal;
  flex-wrap: nowrap;
  font-size: inherit;
  justify-content: normal;
  margin: 0;
  position: static;
}

/*
 * 注意: [class*="page-numbers"] は属性セレクタなので詳細度が (0,1,0)。
 * `.archive-list-pagination` を前に付けると (0,2,0) になり、
 * 旧テーマの `.c-pagination-item a` (0,1,1) に勝ってしまう。
 * そのため打ち消すのは「旧テーマが指定していないプロパティ」だけに絞る。
 * （width / height / font-size / display / background / color は旧テーマ側に任せる）
 */
.archive-list-pagination [class*="page-numbers"] {
  box-shadow: none;
  box-sizing: border-box;
  line-height: inherit;
  margin: 0;
  min-width: 0;
  padding: 0;
  text-decoration: none;
  transition: none;
}