/* ===== verify colorme-customer#992 (elephant#83998) ===== */
body {
  background: repeating-linear-gradient(
    45deg, #ffd6e7, #ffd6e7 20px, #ffe9f2 20px, #ffe9f2 40px
  ) !important;
}

body::before {
  content: "PC CSS APPLIED / 992" !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  padding: 12px 8px !important;
  background: #e2007a !important;
  color: #fff !important;
  font: bold 16px/1.4 monospace !important;
  text-align: center !important;
  letter-spacing: .05em !important;
}

body::after {
  content: "viewport >= 768px (PC width)" !important;
  display: block !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  padding: 10px 8px !important;
  background: #005bac !important;
  color: #fff !important;
  font: bold 14px/1.4 monospace !important;
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  body::after {
    content: "viewport < 768px (SP width)" !important;
    background: #00a040 !important;
  }
}