.contents{
width: 1560px;
position: relative;
margin: 0 auto;
}

.replay_frm{
width: 1560px !important;
position: relative;
margin: 0 auto;
}

.contents#replay h3{
width: 100%;
height: 90px;
background: url("../images/header_replay.png") no-repeat center center;
}


.race_name{
width: 1560px;
font-size: 20px;
font-family: 'Noto Sans JP', sans-serif;
margin:  0;
}

.grade{
width: 100px;
float: left;
height: 42px;
position: relative;
z-index: 2;
}
.sg .grade{
background: url("../images/yoso_sg.png") no-repeat top left;
}
.g1 .grade{
background: url("../images/yoso_g1.png") no-repeat top left;
}
.g2 .grade{
background: url("../images/yoso_g2.png") no-repeat top left;
}
.g3 .grade{
background: url("../images/yoso_g3.png") no-repeat top left;
}
.ip .grade{
background: url("../images/yoso_ip.png") no-repeat top left;
}

.r_name{
width: 1020px;
height: 42px;
line-height: 43px;
float: left;
background: #fff;
color: #000;
font-weight: bold;
padding-left: 40px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-family: 'Noto Sans JP', sans-serif;
position: relative;
margin-left: -20px;
z-index: 1;

}

.yoso_days_c {
width: 410px;
padding-left: 10px;
float: left;
font-size: 16px;
line-height: 41px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-weight: 500;	
}

.yoso_days_c span {
font-size: 14px;
margin: 0 6px 0 4px;
padding: 0px 2px;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
color: #333;
font-family: 'Noto Sans JP', sans-serif;	
}

span.hol{
color: #CC1616;
}
span.sat{
color: #1F7AD5;
}

.sg{
background:#CE0000 !important;
}
.g1{
background:#EB6E00 !important;
}
.g2{
background:#00B892 !important;
}
.g3{
background:#159EF9 !important;
}
.ip{
background:#4C4F75 !important;
}

.stop{
background:#750000 !important;
}
.holy{
background-color: rgba(149,128,156,0.8) !important;
}

/* 日程タブ */
#replay_c{
width: 100%;
height: 58px;
margin: 20px auto;
}
#replay_c li{
width: 164px;
height: 50px;
background: url("../images/btn_kekka_on.png") no-repeat left top;
float: left;
margin-right: 9px;
text-align: center;
padding-top: 8px;
font-weight: bold;
line-height: 130%;
}
#replay_c li.active{
background: url("../images/btn_kekka.png") no-repeat left top;
pointer-events: none;
}
#replay_c li.none{
pointer-events: none;
opacity: 0.5;
}

#replay_c li:hover{
margin-top: -4px;
transition: all 0.3s;
cursor: pointer;
}

#replay_c li:last-child{
margin-right: 0px;
}
#replay_c li span{
font-size: 14px;
}

/* コンテンツ｜左側 */
.replay{
width: 990px;
height: 809px;
margin-bottom: 20px;
position: relative;
display: none;
}
.replay.active{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.replay .replay_box{
width: 323px;
height: 194px;
display: flex;
margin-bottom: 12px;
}

.replay .replay_box .box_left{
width: 110px;
height: 190px;
position: relative;
/* background: rgba(255, 255, 255, 0.8); */
background: url("../images/replay_wakubg.svg") no-repeat center center/auto 100%;
font-size: 55px;
padding-top: 10px;
/* border-top: #6D11AC solid 10px; */
color: #6D11AC;
font-family: "Roboto" , sans-serif;
font-style: oblique;
font-weight: 700;
text-align: center;
box-sizing: border-box;
line-height: 80px;
}

.replay .replay_box .box_left .btn{
width: 90px;
height: 28px;
position: relative;
margin: auto;
display: block;
cursor: pointer;
filter: drop-shadow(rgba(0,0,0,0.16) 3px 3px 6px);
}

.replay .replay_box .box_left .btn.tenji{
margin-bottom: 4px;
/* background: url("../images/replay_btn01.png") no-repeat center top; */
background: url("../images/replay_btn01_re.svg") no-repeat center top;
}

.replay .replay_box .box_left .btn.race{
margin-bottom: 4px;
/* background: url("../images/replay_btn02.png") no-repeat center top; */
background: url("../images/replay_btn02_re.svg") no-repeat center top;
}

.replay .replay_box .box_right{
width: 213px;
height: 100%;
position: relative;
margin-left: 2px;
}

.replay .replay_box:nth-child(n+10) {
margin-bottom: 0;
}

.replay .replay_box:nth-child(n+10) .box_left{
letter-spacing: -0.5px;
}

.replay_table{
height: 100%;
position: relative;
top: -2px;
}

.replay_table thead tr th{
height: 24px;
background: #555;
font-size: 14px;
}

.replay_table thead tr th.waku{
width:30px;
}

.replay_table thead tr th.name{
width:138px;
}

.replay_table thead tr th.grade{
width:37px;
}

.replay_table tbody tr td{
text-align: center;
height: 26px;
}


.waku01{
background: #fff !important;
color: #000 !important;
}
.waku02{
background: #555 !important;
color: #fff !important;
}
.waku03{
background: #EB3C5E !important;
color: #fff !important;
}
.waku04{
background: #4D97EF !important;
color: #fff !important;
}
.waku05{
background: #F8D01F !important;
color: #000 !important;
}
.waku06{
background: #55BC42 !important;
color: #FFF !important;
}

/* ライトボックス中身 */
.box_replay{
overflow: hidden;
height: 951px;
}
.box_replay.box_tenji{
background: url("../images/replay_boxtit01.png") no-repeat left top;
}
.box_replay.box_race{
background: url("../images/replay_boxtit02.png") no-repeat left top;
}
.box_tit{
width: 100%;
height: 40px;
}

.player{
width: 1444px;
height: 816px;
position: relative;
margin: 25px auto 0;
}

.mini_table {
width: 1442px;
height: 35px;
position: relative;
margin: 5px auto 0px;
display: flex;
justify-content: space-between;
}

.mini_table dl{
width: 238px;
display: flex;
}

.mini_table dl dt{
width: 35px;
text-align: center;
border-right: 4px solid #000;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
line-height: 35px;
}

.mini_table dl dd{
font-size: 18px;
line-height: 35px;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;
}

.mini_table dl dd.name{
width: 155px;
border-right: 4px solid #000;
}

.mini_table dl dd.grade{
width: 44px;
height: 35px;
text-align: center;
}

#ifr_replay{
position: relative;
z-index: 3;
width: 1560px;
}

#cboxClose{
width: 40px;
height: 40px;
background: url("../images/syosai_close.png") no-repeat;
background-size: contain;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
text-indent: -9999px;
}

/* コンテンツ｜右側(インデックス) */
#replay_syosai{
width:540px;
padding-top: 60px;
height: auto;
position: absolute;
right: 0px;
top: 230px;
z-index: 3;
}

#replay_syosai.box_on{
display: none !important;
}

#replay_syosai h5{
font-family: 'Anton', sans-serif;
font-weight: 700;
font-size: 34px;
height: 40px;
line-height: 40px;
border-bottom: 6px solid #999;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.replay_index li{
width: 100%;
height: 123px;
margin-bottom: 2px;
cursor: pointer;
}

.replay_index li a{
text-decoration: none;
display: block;
height: 123px;
color: #fff;
}
.replay_index dl dt, .replay_index dl dd{
float: left;
} 
.replay_index dl dt{
width: 60px;
height: 123px;
line-height: 123px;
font-size: 20px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}
.replay_index dl dt.ip{
font-family: 'Noto Sans JP', sans-serif;
}

.replay_index dl dd{
width: 428px;
height: 73px;
padding: 25px;
margin-left: 2px;
font-size: 16px;
background: rgba(255,255,255,0.1);
}

.replay_index .active4 dl dd{
background: rgba(0,0,0,0.8);

}

.replay_index dl dd .r_day{
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: 700;
color: #CCC;
margin-top: 6px;
}


#wrapper.replay_frm02{
width: 1560px;
height: 920px;
overflow: hidden;
min-height: 920px;
position: relative;
margin: auto;
}

.chushi{
font-size: 16px;
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
margin-bottom: 5px;
}

/* 優勝戦リプレイボタン */
#btn_ysen{
width: 170px;
height: 36px;
background: url("../images/result_btn_ysen.png") no-repeat left top;
position: absolute;
top: 8px;
right: 0px;
}
#btn_ysen a{
display: block;
text-indent: -9999px;
line-height: 36px;
}
#btn_ysen:hover{
opacity: 0.7;
transition: 0.3s all;
}

/* 2023/12 改修対応 **************************/
/* レース番号 */
.race_num{
    width: 80px;
    height: 66px;
    margin: auto;
}
.race01 .race_num{background: url(../images/replay_1r.svg) no-repeat center center;}
.race02 .race_num{background: url(../images/replay_2r.svg) no-repeat center center;}
.race03 .race_num{background: url(../images/replay_3r.svg) no-repeat center center;}
.race04 .race_num{background: url(../images/replay_4r.svg) no-repeat center center;}
.race05 .race_num{background: url(../images/replay_5r.svg) no-repeat center center;}
.race06 .race_num{background: url(../images/replay_6r.svg) no-repeat center center;}
.race07 .race_num{background: url(../images/replay_7r.svg) no-repeat center center;}
.race08 .race_num{background: url(../images/replay_8r.svg) no-repeat center center;}
.race09 .race_num{background: url(../images/replay_9r.svg) no-repeat center center;}
.race10 .race_num{background: url(../images/replay_10r.svg) no-repeat center center;}
.race11 .race_num{background: url(../images/replay_11r.svg) no-repeat center center;}
.race12 .race_num{background: url(../images/replay_12r.svg) no-repeat center center;}

/* 結果ボタン */
.result{
    position: absolute;
    top: 140px;
    width: 110px; 
    height: 50px; 
    background: url("../images/replay_result.svg") no-repeat left bottom/100% auto; 
    display: block; 
    clip-path: polygon(0% 0, 93% 100%, 0 100%);
    opacity: 0.5;
    pointer-events: none;
}
/* 結果ボタン｜アクティブ */
.result.on{
    opacity: 1;
    pointer-events: all;
}
.race04 .result,.race05 .result,.race06 .result{
    top: 348px;
}
.race07 .result,.race08 .result,.race09 .result{
    top: 557px;
}
.race10 .result,.race11 .result,.race12 .result{
    top: 753px;
}

/* プレイヤー内｜結果ボタン */
.result_player{
    width: 225px;
    height: 40px;
    background: url("../images/replay_result_player.svg") no-repeat right top ;
    display: block;
    position: absolute;
    top: 25px;
    right: 58px;
    text-indent: 100%;
    white-space:nowrap;
	overflow:hidden;
}

/* 2023/12 改修対応 **************************/