@charset "UTF-8";


/* コンテンツ */
.contents_wrap {
  max-width: 900px;
  max-width: 800px;
  border: #707070 solid 1px;
  margin: 40px auto 0;
  padding: 48px;
}


/* 
------------------------------------------------------------------------------------*/
.rules_h2 {
  background: #707070;
  color: #fff;
  font-size: 1.4rem;
  display: inline-block;
  margin: 32px 0 -6px;
  padding: 4px 6px;
  scroll-margin-top: 32px;
}
.contents_wrap > .rules_h2:first-child { margin-top: 0; }
/* .rules_ol + .rules_h2 { margin-top: 12px; } */

.rules_h3 {
  color: #707070;
  font-size: 1.4rem;
  text-indent: -1em;
  margin-top: 20px;
  padding-left: 1em;
}
li .rules_h3:first-of-type { margin-top: 10px; }

.rules_h4 {
  color: #707070;
  font-size: 1.4rem;
  text-indent: -1em;
  margin: 16px 0 0 1em;
  padding-left: 1em;
}
li .rules_h4:first-of-type { margin-top: 10px; }

.rules_p,
.rules_p_indent {
  color: #707070;
  --fs: 1.4rem;
  --fh: 2rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(14px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}
.rules_p_indent {
  text-indent: -1em;
  padding-left: 1em;
}
.rules_h3 + .rules_p { margin-top: 4px; }
.rules_h4 + .rules_p { margin-top: 4px; }

.rules_span_indent {
  width: 100%;
  color: #707070;
  --fs: 1.4rem;
  --fh: 2rem;
  font-size: var(--fs);
  text-indent: -1em;
  line-height: var(--fh);
  display: inline-block;
  margin: calc(3px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
  padding-left: 1em;
}

.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.rules_ul.indent1 { padding-left: 0.9em; }
.rules_ol.indent1 { padding-left: 0.9em; }

.rules_ol { margin: 14px 0 0 24px; }
.rules_ol li {
  color: #707070;
  --fs: 1.4rem;
  --fh: 2rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(14px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}
.rules_h2 + .rules_ol { margin-top: 10px; }
.rules_h3 + .rules_ol { margin-top: -6px; }
.rules_h4 + .rules_ol { margin-top: -6px; }
.rules_ul .rules_ol { margin-top: -6px; }
.rules_ol .rules_ol { margin-top: -6px; }


.rules_ul { margin: 4px 0 0 21px; }
.rules_ul li {
  color: #707070;
  --fs: 1.4rem;
  --fh: 2rem;
  font-size: var(--fs);
  line-height: var(--fh);
  list-style: disc;
  margin: calc(6px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}
.rules_h2 + .rules_ul { margin-top: 10px; }

.revision_p {
  color: #707070;
  --fs: 1.4rem;
  --fh: 2rem;
  font-size: var(--fs);
  line-height: var(--fh);
  margin: calc(48px + ((var(--fs) - var(--fh)) / 2)) 0 calc(0px + ((var(--fs) - var(--fh)) / 2));
}


/* 個別
------------------------------------------------------------------------------------*/
/*
安全性について（/content/fix/safe/）
TeAmoが取り扱うカラコンについて（/content/fix/about/）
*/
.img_kodokanri {
  border: #ddd solid 1px;
  width: 150px;
  margin-top: 16px;
}

/* 使用上の注意（/content/fix/caution/） */
.img_uraomote {
  width: 130px;
  margin-top: 8px;
}

/* お支払い方法（/content/fix/payment/） */
.img_docomo { 
  width: 93px;
  margin-top: 8px;
}

/* TeAmoが取り扱うカラコンについて（/content/fix/about/） */
.img_kouhinshitsu { 
  width: 470px;
  margin-top: 8px;
}

 .img_au { 
  width: 42px;
  margin: 16px 0 4px;
}

.img_softbank { 
  width: 106px;
  margin-top: 12px;
}

.img_credit { 
  width: 200px;
  margin: 16px 0 4px;
}

.img_np { 
  min-width: auto;
  max-width: 468px;
  margin: 16px 0 4px;
}

.img_atone {
  width: auto;
  max-width: 320px;
  margin: 16px 0 4px;
}

.img_konbini {
  width: 80px;
  margin: 8px 0 4px;
}

.img_line {
  width: 120px;
  margin-top: 8px;
}

.img_paypay {
  width: 150px;
  margin-top: 8px;
}