@charset "utf-8";
div.checkb{font-size:90%;}
input[type="checkbox"]{
  display: inline-block;
  margin: 0 2px 0 0px;
  padding: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  cursor: pointer;
}


form {margin: 0 auto; width:100%; padding:2%; border: 1px solid #CCC; border-radius: 10px;}
form div + div {margin-top:10px;}
label {display:inline-block; text-align:right;font-size:90%;}
input, textarea {font: 90% sans-serif;
    /* すべてのテキストフィールドを同じサイズにする */
    width:100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #999;
line-height:200%;
}
input:focus, textarea:focus {
    /* アクティブな要素を少し強調する */
    border-color: #000;}

textarea {vertical-align: top; height:100px;
/* ユーザが textarea を垂直方向にリサイズできるようにする */
/* これが動作しないブラウザもある */
resize: vertical;
}
.button { text-align:center;}
button {width:30%; padding:10px;border-radius:10px;border:1px solid #999}

/* check.php */
div.check{margin: 0 auto; width:100%; padding:2%; border: 1px solid #CCC; border-radius: 10px;font-size:90%;}
div.check table th, div.check table td{border:none; line-height:200%;}
div.check table th{width:25%;text-align:right;}
div.check table td{width:75%;text-align:left;}
div.check form.checkform{width:100%;padding:0;border:0; border-radius:0;}
div.check form.checkform div.button input.btn{width:30%; padding:10px;border-radius:10px;border:1px solid #999}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 600px) {
form,div.check { width:70%;}
}

@media only screen and (min-width: 960px) {

}
/* PC 992- */
@media only screen and (min-width: 1280px) {
form,div.check { width:50%;}
}