.result{padding:30px 0;border-top:#ccc 1px solid}.player{padding:30px 0 45px;border-top:#ccc 1px solid}.player .g-ttl-2 .career{margin-left:30px;padding:0.30769em 0.5em;font-size:0.61538em;background:#f3f3f3;vertical-align:middle}.player .g-ttl-3{color:#09c}.wind{padding:30px 0 0;border-top:#ccc 1px solid}@media only screen and (min-width: 768px){.date dt{width:10em;float:left}.date dd{margin-left:10.5em}}@media only screen and (max-width: 480px){.result .g-media-h .g-media_left{text-align:center}.result .g-media-h .g-media_left img{width:auto}.player .g-media-h .g-media_left{text-align:center}.player .g-media-h .g-media_left img{width:auto}}
:root {
  --color-blue: #09c;
  --table-border-color: black;
  --table-th-color: #e8f4fc;
  --table-passed-color: var(--color-blue);
}

.section_result .table-note{text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.section_result .table-note > span{display: inline-block;background-color: var(--table-passed-color);height:1.2em;width:4em;margin-right: 0.5em;}
.section_result h2{font-weight: bold;text-align: center;font-size: 20px;margin-bottom: 1em;}

@media only screen and (min-width: 769px) {
  .table-wrapper{display: flex;justify-content: space-between;}
  .table-wrapper > * {width: 49%;}
}
@media only screen and (max-width: 768px) {
  .table-wrapper .t-w-r{margin-top: 1em;}
}

.table-result{
  border-left: 1px solid var(--table-border-color);
  border-top: 1px solid var(--table-border-color);
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-result + .table-result{margin-top: 1em;}

.table-result tr.passed td{background-color: var(--table-passed-color);color: #fff;font-weight: bold;}
.table-result th,
.table-result td {
  border-right: 1px solid var(--table-border-color);
  border-bottom: 1px solid var(--table-border-color);
  padding: 0.3em 0.2em 0.1em;
  vertical-align: middle;
}
.table-result th {
  background-color: var(--table-th-color);
  font-weight: 500;
}
.table-result th:nth-child(1) {width: 6.5em;}
.table-result th:nth-child(2) {width: 2.5em;}
.table-result th:nth-child(3) {width: 7.5em;}
.table-result th:nth-child(4) {width: 8em;}

.table-result td:nth-last-child(4) {text-align: center;}
.table-result td:nth-last-child(2) {text-align: center;}
.table-result td:nth-last-child(1) {text-align: center;}

.table-result.r-2020 td:nth-of-type(1),
.table-result.r-2020 td:nth-of-type(3){text-align: center;}
.table-result.r-2020 td:nth-of-type(2){text-align: left;}


.table-result th span{display: inline-block;}
@media only screen and (max-width: 768px) {
  .table-result th:nth-child(1){width: 5em;}
}