@charset "UTF-8";
/*********************************************
大阪支部優勝報告
*********************************************/
.winner .select_race_wrapper{
    width: 93%;
    margin: 2rem 1rem;
}
.winner .bg-blue{
    padding: 1.2rem 1rem;
}
.winner .ranking_list .ranking_info_block,
.winner .winner_result .info_area{
    padding: 0 1rem;
}
.winner .com-table01 tbody tr td{
    padding:0;
}
.winner .select_info {
    display: inline-block;
    color: #5cb020;
    font-weight: bold;
    vertical-align: middle;
}
.winner .com-select02 {
    display: inline-block;
    width: 10.3rem;
}
.winner .com-readmore.hidden {
    display: none;
}
/* .winner .com-select01_box{
    padding-left: 1rem;
} */

.winner .com-select01_view.open:after {
    content: '';
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.3rem;
    margin: auto;
    background-image: url(../images/ico-up.png);
    background-size: 2rem;
    background-repeat: no-repeat;
}
/* .winner .com-select01_box option{
    font-size: 1.6rem;
    color: #0f1456;
} */
.winner .ranking_info_block .ranking_info{
    line-height: 1.3;
}
.winner .ranking_tables .com-table01 {
    border-bottom: 1px solid #c8c8c8;
}
.winner .ranking_tables .com-table01.hidden {
    display: none;
}
.winner .ranking_tables .com-table01 th {
    width: 6.1rem;
    vertical-align: top;
    padding-top: 0rem;
    font-size: 1.2em !important;
    background-color:#fff;
    border-bottom: 1px solid #0f1456;
}
.winner .ranking_tables .com-table01 .even-color,
.com-table01.normal tr:nth-of-type(even) th{
    background-color: #ededed;
}
.winner .ranking_tables .com-table01 th img {
    display: inline-block;
    vertical-align: middle;
    height: 2.6rem;
}
.winner .ranking_tables .com-table01 th img.new {
    width: 4.6rem;
    height: 1.35rem;
}
.winner .ranking_tables .com-table01 td {
    border-top: 1px solid #0f1456;
    text-align: left;
}
.winner .ranking_tables .com-table01 tr td:nth-of-type(1) {
    width:18.4rem;
}
.winner .ranking_tables .com-table01 td .win-times{
    text-align: center;
}
.winner .racer_info_block .racer_img {
    width: 5.2rem;
    height: 6.1rem;
    background-repeat: no-repeat;
    background-size: 100%;
    display: table-cell;
    vertical-align: middle;
}
.winner .racer_info_block .racer_info {
    display: table-cell;
    width: 12.3rem;
    padding-left: 1rem;
    vertical-align: middle;
    height: 5.8rem;
}
.winner .racer_info_block .racer_info .toban {
    display: block;
    font-size: 1.5rem;
}
.winner .racer_info_block .racer_info .name {
    display: block;
    font-size: 1.5rem;
}
.winner .racer_info_block .win-times {
    display: table-cell;
    vertical-align: middle;
}
.winner .ranking_tables .win-times .thiswin {
    display: block;
    width: 5rem;
    height: 4rem;
    padding-top: 1.3rem;
    margin: 0 auto;
    background-image: url(../images/img-s21-crown-pink.png);
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 1.2rem;
    text-align: center;
    line-height: 2.35;
}
.winner .ranking_tables .thiswin.rank_1{
    background-image: url(../images/img-s21-crown-gold.png);
}
.winner .ranking_tables .thiswin.rank_2{
    background-image: url(../images/img-s21-crown-silver.png);
}
.winner .racer_info_block .thiswin span {
    font-size: 1.4rem;
}
.winner .ranking_list .com-table01 td .jiseki {
    display: inline-block;
    width: 5.44rem;
    font-size: 1.2rem;
    margin-left: 0.5rem;
    padding-left: 1rem;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.5rem;
    background-color: #fff;
}
.winner .ranking_list .com-table01 tr td .jiseki:first-of-type {
    margin-top: 0.5rem;
}
.winner .ranking_list .com-table01 td .jiseki.IP {
    background-image: url(../images/btn-s21-ip.png);
}
.winner .ranking_list .com-table01 td .jiseki.SG {
    background-image: url(../images/btn-s21-sg.png);
}
.winner .ranking_list .com-table01 td .jiseki.G1 {
    background-image: url(../images/btn-s21-g1.png);
}
.winner .ranking_list .com-table01 td .jiseki.G2 {
    background-image: url(../images/btn-s21-g2.png);
}
.winner .ranking_list .com-table01 td .jiseki.G3 {
    background-image: url(../images/btn-s21-g3.png);
}
.winner .ranking_list .com-table01 td .jiseki span {
    line-height: 1.5rem;
    display: block;
}

.winner .ranking_list .grade_list {
    display: block;
    padding: 0.9rem 1.3rem;
    margin: 0 1rem;
    border: 1px solid #979797;
    text-emphasis: center;
    line-height: 1.2rem;
    white-space: nowrap;
}

.winner .ranking_list .grade_list li {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-right: 1.3rem;
}
.winner .ranking_list .grade_list li:last-of-type {
    margin-right: 0;
}

.winner .ranking_list .grade_list li .grade-color-block {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2rem;
}
.winner .grade_list .grade_sg,
.winner .result_list .ico-grade.SG{
    background-color: #e97d92;
    border: 1px solid #c63753;
}
.winner .grade_list .grade_g1,
.winner .result_list .ico-grade.G1{
    background-color: #ffcf7f;
    border: 1px solid #dba033;
}
.winner .grade_list .grade_g2,
.winner .result_list .ico-grade.G2{
    background-color: #83dc9e;
    border: 1px solid #32ad57;
}
.winner .grade_list .grade_g3,
.winner .result_list .ico-grade.G3{
    background-color: #74bee8;
    border: 1px solid #348bbc;
}
.winner .grade_list .grade_ip,
.winner .result_list .ico-grade.IP{
    background-color: #dddddd;
    border: 1px solid #7b7b7b;
}

/* result data display */
.winner .winner-list .com-table01 {
    border: 1px solid #c8c8c8;
}
.winner .winner-list .com-table01 tr.hidden {
    display: none;
}
.winner .winner-list .com-table01 th {
    width: 6.5rem;
    border-top: 1px solid #48636e;
    vertical-align: top;
    padding: 1.5rem 0;
    font-size: 1em !important;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #0f1456;
}
.winner .winner-list .com-table01 td {
    text-align: left;
    padding: 0.7rem;
    border-top: 1px solid #0f1456;
}
.winner .result_list li {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}
.winner .result_list li:last-of-type {
    margin-bottom: 0;
}
.winner .result_list li > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6;
}
.winner .result_list .day {
    width: 4.3rem;
    text-align: right;
    margin-right: 1rem;
}
.winner .result_list .info {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.winner .result_list .ico-grade {
    border-radius: 0rem;
    font-size: 1.2rem;
    color: #333333;
    font-family: sans-serif;
    width: 3.2rem;
    height: 2rem;
    margin-right: 1rem;
    text-align: center;
    font-weight: normal;
}
.winner .com-button-l{
    margin: auto;
    padding: 1rem 0;
    min-height: 4rem;
}
.winner .ranking_list .ranking_tables tr.hidden{
    display: none;
}
.winner .winner-list .com-table01 tr.hidden{
    display: none;
}