@charset "utf-8";

/* ページの構成 */
body{
    max-width:500px;
    margin:0 auto;
}
h1{
    font-size:1.1rem;
    background-color:blue;
    color:white;
    text-align:center;
}
label{
    margin-left:10px;
}
input[type="submit"]{
    display: block;
    margin: 0 auto;
}   

/* テーブル */
/* 罫線を引く */
table,th,td{
    border:1px solid black;
}
/* テーブル全体を中央に配置 */
table {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;   /* 好きな最大幅に調整 */
    border-collapse: collapse;
}
form {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
/* セルの中央ぞろえ */
th, td {
    text-align: center;
    padding: 8px;
}
thead{
    background-color: rgb(200, 200, 255);
}
/* 偶数行に柔らかい背景色 */
tbody tr:nth-child(even) {
    background-color: #f7f7ff;
}
caption{
    font-size: 1.5rem;
}