/* ============================================
   記事内画像の右寄せスタイル
   PC: float + 左右下に余白
   スマホ: floatなし、上下左右に20pxマージンのみ
   ============================================ */

.img-float-right {
  display: block;
  max-width: 100%;
  height: auto;
}

/* スマホ（〜767px）: floatなし、マージン20pxのみ */
@media (max-width: 767px) {
  .img-float-right {
    margin: 20px;
  }
}

/* PC（768px〜）: 右floatにして余白をつける */
@media (min-width: 768px) {
  .img-float-right {
    float: right;
    margin: 0 0 20px 20px;
  }
}