
.comments{
  width: 600px;
  box-sizing: border-box;
  margin:20px auto;
  padding-top:20px;
  padding-bottom:20px;
  font-size:1em;
}

.comments p{ text-align: left;  font-size: 1em; }
.comment-form input{
  width: 50%;
  padding:5px 2%;
  margin:10px 0;
  font-size: 0.8em;
}
.comment-body{ text-align: left; }
.comment-body p {font-size: 1em; text-align: left;}
.comment-form-cookies-consent{display: none;}

.comment-form input[type="submit"]{
  width: 100%;
  display       : inline-block;
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #999999;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  border        : 2px solid #999999;    /* 枠の指定 */
}

.comment-form textarea{
  border-color:#ccc;
  width: 95%;
  padding:5px 2%;
  font-size: 0.8em;
}

.comment-form-comment label{ display: none;}
.comment-form-author label,.comment-form-email label{
  display: inline-block;
  text-align: right;
}

.reply,.comment-meta.commentmetadata{display: none;}

img.avatar{ margin: 0;}

.comment-body p{
  margin:5px 0 20px 0;
}



@media screen and (max-width: 640px) {

.comment-form input{
  width: 95%;
}
.comments{
  width: 95%;
  margin-left:auto;
  margin-right:auto;
}

}