/*  Hrを太く  2019/10/22 */
Hr { border: 1px solid gray; }
/*  表の左端や右端のセルの中身が罫線にくっつかないように   2019/10/22 */
Td:first-child, Td:last-child, Td, Th:first-child, Th:last-child, Th {
   padding: 5px 5px 5px 5px;
}
/*  表が画面一杯にならないように   2019/10/22 */
Table { width: auto; }
/*  ボタンをスリムに、文字を大文字化しない   2019/10/22 */
.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
  font-size: 1.2rem;
  line-height: 2.8rem;
  height: 2.8rem;
  padding: 0 1.5rem;
  text-transform: none;
}
/*  枠なし表用クラス   2019/10/24 */
Table.noborder, Table.noborder Tr * {
    border: none;
    border-left: 10px;
    border-top: none;
    border-bottom: none;
}
/*  表内の右寄せ   2019/10/24 */
Table Td.r, Table Th.r, Table Tr.r { text-align: right; }
/*  普通の表は丸角に    2019/10/24, 11/17, 2021/01/20 */
Table {
    border-collapse: separate;
    border-radius: 0.7em;
}
Table Th {
    background-color: rgba(233, 82, 149, 0.3);
}
Table Td, Table Th {
    border-bottom: 0.1em solid;
    border-right: 0.1em solid;
}
Table Tr Th:first-child, Table Tr Td:first-child {
    border-left: 0.1em solid;
}
Table Tr:first-child Th, Table Tr:first-child Td {
    border-top: 0.1em solid;
}
Table Tr:first-child Th:first-child, Table Tr:first-child Td:first-child {
    border-top-left-radius: 0.7em;
}
Table Tr:first-child Th:last-child, Table Tr:first-child Td:last-child {
    border-top-right-radius: 0.7em;
}
Table Tr:last-child Th:first-child, Table Tr:last-child Td:first-child {
    border-bottom-left-radius: 0.7em;
}
Table Tr:last-child Td:last-child, Table Tr:last-child Th:last-child {
    border-bottom-right-radius: 0.7em;
}
/*  Selectには▼がないと分かりにくい   2019/11/06 */
select {
  -webkit-appearance: menulist;
     -moz-appearance: menulist;
          appearance: menulist;
}
/*  radio buttonをLabelで  2019/12/13  */
Tr.ans Input[type='radio'] {
    display: none;
}
Tr.ans Label {
    display: inline;
    padding: 1.5rem;
    margin: 1rem;
    border: 0.2rem solid #C0C0C0;
    border-radius: 1.5rem;
    background-color: white;
    cursor: pointer;
}
Tr.ans Input[type='radio']:checked + Label {
    background-color: yellow;
}
/*  Tdの中のInputやSelectなどの下が大きく空くのをやめる  2020/03/30-31  */
Td Input, Td Select, Td Textarea, Ul Form {
    margin-bottom: auto;
}
/*  Tdの高さをSelectと同じにする  2020/04/08  */
Td Input {
    height: 3.8rem;
    width: 100%;
}