@charset "UTF-8";

html,
body {
  margin: 0;
  padding: 0;
}

/* ---- Shopify LP用リセット / minimal ---- */

/* Shopify通常ページの外枠解除 */
body.template-page .site-page {
  max-width: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

body.template-page .page-content,
body.template-page .page-content.rte {
  max-width: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

body.template-page .page-masthead {
  display: none;
  margin: 0;
  padding: 0;
}

/* LP外枠だけID使用 */
body.template-page #adidas-lp,
body.template-page .adidas-lp {
  max-width: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

body.template-page #adidas-lp.l-container,
body.template-page .adidas-lp.l-container {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

#adidas-lp,
.adidas-lp,
#adidas-lp.l-container,
.adidas-lp.l-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ここから中身reset：:whereで詳細度を上げない */
.adidas-lp,
.adidas-lp *,
.adidas-lp *::before,
.adidas-lp *::after {
  box-sizing: border-box;
}

.adidas-lp :where(
  div, dl, dt, dd, ul, ol, li,
  h1, h2, h3, h4, h5, h6,
  pre, code, form, fieldset, figure, legend,
  input, textarea, p, blockquote, th, td
) {
  margin: 0;
  padding: 0;
}

.adidas-lp :where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

.adidas-lp :where(fieldset, img) {
  border: 0;
}

.adidas-lp :where(address, caption, cite, code, dfn, em, th, var) {
  font-style: normal;
  font-weight: normal;
}

/* strongは触らない。太字を潰さない */
.adidas-lp :where(li) {
  list-style: none;
}

.adidas-lp :where(caption, th) {
  text-align: left;
}

.adidas-lp :where(h1, h2, h3, h4, h5, h6) {
  font-size: 100%;
  font-weight: normal;
}

.adidas-lp :where(q:before, q:after) {
  content: '';
}

.adidas-lp :where(abbr, acronym) {
  border: 0;
  font-variant: normal;
}

.adidas-lp :where(sup) {
  vertical-align: text-top;
}

.adidas-lp :where(sub) {
  vertical-align: text-bottom;
}

.adidas-lp :where(input, textarea, select) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.adidas-lp :where(legend) {
  color: #000;
}

.adidas-lp :where(img) {
  max-width: 100%;
  height: auto;
}

/* aは色も下線も触らない */

/* clearfix */
.adidas-lp.clearfix::after,
.adidas-lp .clearfix::after {
  content: "";
  display: block;
  clear: both;
}