.post .icon, .post .icon--info, .post .icon--warn {
  position: relative;
  padding-left: 22px;
  text-indent: -22px;
}
.post .icon::before, .post .icon--info::before, .post .icon--warn::before {
  content: "";
  display: inline-block;
  position: relative;
  left: 0;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.post .icon--warn::before {
  top: 3px;
  background-image: url(https://image.paypay.ne.jp/page/notice-merchant/images/ico_warn_01.png);
}
.post .icon--info::before {
  top: 3px;
  background-image: url(https://image.paypay.ne.jp/page/notice-merchant/images/ico_info_01.png);
}
.post .post__information, .post .post__information--gray, .post .post__information--notice, .post .post__information--attention, .post .post__information--emergency {
  position: relative;
  margin-top: 24px;
  padding: 4px 12px 12px;
  font-size: 1.2rem;
  border-radius: 5px;
}
.post .post__information--emergency {
  border: 1px solid #f03;
  color: #f03;
  background-color: #ffeef0;
}
.post .post__information--attention {
  border: 1px solid #e6d600;
  background-color: #fffaee;
}
.post .post__information--notice {
  border: 1px solid #66c6aa;
  background-color: #f6fffc;
}
.post .post__information--gray {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}
.post .post__information > *, .post .post__information--emergency > *, .post .post__information--attention > *, .post .post__information--notice > *, .post .post__information--gray > * {
  margin-top: 8px;
}
.post .post__information + [class^=post__information], .post .post__information--emergency + [class^=post__information], .post .post__information--attention + [class^=post__information], .post .post__information--notice + [class^=post__information], .post .post__information--gray + [class^=post__information] {
  margin-top: 16px;
}
.post .post__information[class*=icon--], .post [class*=icon--].post__information--emergency, .post [class*=icon--].post__information--attention, .post [class*=icon--].post__information--notice, .post [class*=icon--].post__information--gray {
  padding-left: 38px;
  text-indent: 0;
}
.post .post__information[class*=icon--]::before, .post [class*=icon--].post__information--emergency::before, .post [class*=icon--].post__information--attention::before, .post [class*=icon--].post__information--notice::before, .post [class*=icon--].post__information--gray::before {
  position: absolute;
  top: 11px;
  left: 12px;
}