/* 基本（スマホ・共通）の設定 */
  .my-container {
    width: 100%;       /* スマホでは横いっぱい */
    background: #fffafa ;
    padding: 20px;
  }

  /* 画面幅が 768px 以上（PC）の時だけ上書き */
  @media (min-width: 768px) {
    .my-container {
      width: 800px;    /* PCでは幅を固定 */
      margin: 0 auto;  /* 真ん中に寄せる */
    }
  }