:root {
  --mc-bg: #FFF9F2;
  --mc-text: #4A3728;
  --mc-brown: #A0673F;
  --mc-peach: #FBE9D7;
  --mc-cream: #FFF1E0;
  --mc-coral: #F08A5D;
  --mc-honey: #E3A33B;
  --mc-greige: #F3ECE4;
  --mc-marker: #FFE3A3;
}
body, .main { background-color: var(--mc-bg); }
.entry-content {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  font-size: 16.5px;
  line-height: 1.9;
  color: var(--mc-text);
}
.article h2 {
  background: var(--mc-peach);
  border-left: 6px solid var(--mc-brown);
  border-radius: 0 12px 12px 0;
  color: var(--mc-text);
  padding: 0.7em 1em;
}
.article h3 {
  border-bottom: 3px dotted var(--mc-coral);
  color: var(--mc-text);
  padding-bottom: 0.3em;
}
.entry-content a { color: var(--mc-brown); }
.information-box {
  background: var(--mc-cream);
  border: 2px solid #E8B07A;
  border-radius: 12px;
}
.alert-box {
  background: #FFF4D6;
  border: 2px solid var(--mc-honey);
  border-radius: 12px;
  color: var(--mc-text);
}
.alert-box::before { color: var(--mc-honey); }
.blank-box.bb-gray {
  background: var(--mc-greige);
  border: 1px solid #DDD0C2;
  border-radius: 12px;
}
.speech-balloon {
  background: #FFFFFF;
  border: 2px solid var(--mc-peach);
  border-radius: 16px;
}
.marker-under { background: linear-gradient(transparent 60%, var(--mc-marker) 60%); }
.entry-content table th { background: var(--mc-peach); color: var(--mc-text); }
.entry-content table td, .entry-content table th { border-color: #EADBCB; }
.btn, .btn-wrap > a, .ranking-item-link-buttons a {
  background-color: var(--mc-coral);
  border-color: var(--mc-coral);
  border-radius: 999px;
  color: #FFFFFF;
}