.common-article-card-wrap {
  margin:0 20px 60px;
}

h3.article-title {
  padding:10px 10px;
  margin: 0;
  text-align: center;
  border: 0;
  font-size:18px;
  line-height:1.5em;
  font-weight:700;

}

.common-article-card a img {
  object-position: 0 50%; 
}

section.common-article-area {
  padding:0;
}


      /* ------------------------ QR CODE ----------------------------------------------------------*/

      .common-qrcode {
        color:#000;
        margin:30px;
        background-color: #fff;
        padding:0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
        display: flex;
        border: 1px solid #ccc;
      }
      .common-qrcode p {
        margin:20px;
        padding:0;
      }
      .common-qrcode img {
        margin:10px;
        border:#333 1px solid;
        padding:20px;
        width:180px;
        max-width: none;
      }



      /*-------------------------- レスポンシブ用CSS ここから -----------------------------------------*/
      @media screen and (max-width:640px) {
          /* ↓ここに個別のスマホ用スタイルを指定 */

          section.common-article-area {
            padding:0 15px;
          }
          .common-article-card {
            width:100% !important;
          }
      /* ------------------------ QR CODE ----------------------------------------------------------*/

      .common-qrcode {
        color:#000;
        margin:30px auto;
        background-color: #fff;
        padding:0;
        display: flex;
        flex-direction:column;
      }
      .common-qrcode img {
        margin:10px auto;
        border:#333 1px solid;
        padding:20px;
        width:180px;
        max-width: none;
      }
      

          /* ↑ここまでに個別のスマホ用スタイルを指定 */
      }


      /*-------------------------- レスポンシブ用CSS ここまで ----------------------*/