/* AFFINGER4時代の本文を壊さず、新しいdesign tokenへ寄せる互換層。 */
.yellowbox, .redbox, .graybox, .bluebox, .greenbox, .st-midasibox,
.st-kaiwa-box, .st-kaiwa-hukidashi, .supplement {
  max-width: 100%; margin: 1.5rem 0; padding: 1rem 1.2rem;
  border: 1px solid var(--dm-line); border-radius: var(--dm-radius-sm); background: var(--dm-white);
}
.yellowbox { background: #fff9df; border-color: #ead78b; }
.redbox { background: #fff3ef; border-color: #efb9ad; }
.bluebox { background: #eef7fb; border-color: #b7d9e6; }
.greenbox { background: var(--dm-mint-soft); border-color: #b9ddcf; }
.graybox { background: #f5f6f5; }
.st-kaiwa-box { display: flow-root; }
.st-kaiwa-box img, .st-kaiwa-image img { border-radius: 50%; }
.rankst-wrap { margin: 2rem 0; padding: 1rem; border: 1px solid var(--dm-line); border-radius: var(--dm-radius); }
.blogcard, .pz-linkcard-box { max-width: 100%; margin: 1.5rem 0; overflow: hidden; border: 1px solid var(--dm-line) !important; border-radius: var(--dm-radius-sm); background: var(--dm-white); }
.dm-entry-content .aligncenter { margin-inline: auto; }
.dm-entry-content .alignleft { float: left; margin: .5rem 1.5rem 1rem 0; }
.dm-entry-content .alignright { float: right; margin: .5rem 0 1rem 1.5rem; }
.dm-entry-content::after { content: ""; display: table; clear: both; }
.pcnone { display: none !important; }
@media (max-width: 580px) {
  .smanone { display: none !important; }
  .pcnone { display: block !important; }
  .dm-entry-content .alignleft, .dm-entry-content .alignright { float: none; margin-inline: auto; }
}