/* カスタマイズ用CSS */

/*
 * EC-CUBE style.css による h1-h3 マージンの上書きを打ち消す
 * 原因: style.css に以下のルールがある
 *   h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
 * POC (ver1.dev-seiko-co.xyz) は EC-CUBE CSS を読み込まないため差異が発生
 */

/* web-order テーマ全体で h1-h3 のマージンをリセット */
.c-ttl-secondary,
.c-ttl-secondary.h2,
h2.c-ttl-secondary {
  margin-top: 0;
  margin-bottom: 0;
}

.c-card02__ttl,
.c-card02__ttl.h3,
h3.c-card02__ttl {
  margin-top: 0;
  margin-bottom: 0;
}

/* l-lowpage02 配下の見出しも同様にリセット */
.l-lowpage02 h1,
.l-lowpage02 h2,
.l-lowpage02 h3,
.l-lowpage02 .h1,
.l-lowpage02 .h2,
.l-lowpage02 .h3 {
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * EC-CUBE style.css による ul padding-left の上書きを打ち消す
 * 原因: style.css に ul { padding-left: 2rem; } がある
 * web-order.css では ul { padding: 0; } だが style.css が後に読み込まれて上書きされる
 */
.l-card__list,
.l-lowpage02 ul,
.l-lowpage02 ol {
  padding-left: 0;
}

/*
 * 請求書詳細ページ: .l-card__detail-ttl の margin-top を復元
 * 上記の h3 リセットで 0 になるが、POC では margin-top: 24px (2.4rem) が必要
 */
.l-card__detail-ttl,
h3.l-card__detail-ttl {
  margin-top: 24px;
  margin-bottom: 0;
}
