@font-face {
    font-family: 'BIZ-UDPGothic';
    src: url('resource/font/BIZUDPGothic-Regular.ttf') format('truetype');
}

body
{
    font-family: 'BIZ-UDPGothic';
}

.Table
{
    border-collapse: collapse;
    font-size: 18px;

    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;

    min-width: 1200px;
}

.Table_Div
{
    overflow-x: scroll;
}

th, td
{
    padding: 8px;
}

.SiteTitle{text-align: center; color: red; font-weight: bold; font-size: 40px; margin-top: 20px; margin-bottom: 20px;}
.SubHeader{color: red; font-weight: bold; font-size: 32px; margin-top: 12px; margin-bottom: 12px; margin-left: 30px; margin-right: 30px;}
.MainText{margin-top: 20px; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; font-weight: 400; font-size: 20px;}
.IntroImage{margin-right: 10px; width: 480px; height: 270px;}
.HorizonBox{margin-left: 30px; margin-right: 30px; margin-bottom: 15px; display: flex; overflow: auto;}

.Tab{margin-left: 30px; margin-right: 100px; margin-bottom: 15px; display: flex; justify-content: flex-end;}
.TabLink{width: 120px; padding-top: 5px; padding-bottom: 5px; margin-left: 20px; margin-bottom: 10px; border: 1px solid #333333; background-color: white; border-radius: 3px; font-size: 16px;}
.PullDown{width: 120px; padding-top: 5px; padding-bottom: 5px; margin-left: 20px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 3px; font-size: 16px; text-align: center;}

.Table_Align_Left{text-align: start; line-height: 133%;}
.Table_Align_Center{text-align: center; line-height: 133%;}
.Table_Align_Right{text-align: end; line-height: 133%;}

.Table_Number_500{text-align: center; line-height: 133%; background-image: url('resource/image/result/GT500_number.png'); background-repeat: no-repeat; background-position: center; padding-top: 15px;}
.Table_Number_300{text-align: center; line-height: 133%; background-image: url('resource/image/result/GT300_number.png'); background-repeat: no-repeat; background-position: center; padding-top: 15px;}
.Table_Standing_500{text-align: center; line-height: 133%; background-image: url('resource/image/result/GT500_Ranking.png'); background-repeat: no-repeat; background-position: center; padding-top: 15px;}
.Table_Standing_300{text-align: center; line-height: 133%; background-image: url('resource/image/result/GT300_Ranking.png'); background-repeat: no-repeat; background-position: center; padding-top: 15px;}

.ClassTab{display: flex; max-width: 1200px; margin: auto; margin-bottom: 12px;}
.SessionTab{display: flex; max-width: 1200px; margin: auto;}

.SessionTabLink{position: relative; display: flex; justify-content: center; align-items: center; min-width: 220px; padding: 10px 20px; color: white; background-color: #555; text-decoration: none; 
    border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.SessionTabLink:not(:last-child)::before{content: ""; position: absolute; top: 0; right: -16px; width: 0; height: 0; border-style: solid; border-width: 18px 0px 18px 15px; border-color: transparent transparent transparent #ccc; z-index: 1;}
.SessionTabLink:not(:last-child)::after{content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-style: solid; border-width: 18px 0px 18px 15px; border-color: transparent transparent transparent #555; z-index: 2;}

.SessionTabLink.Active500{background-color: #ef0000;}
.SessionTabLink.Active500::after{border-color: transparent transparent transparent #ef0000; z-index: 2;}
.SessionTabLink.Active300{background-color: #ef9f00;}
.SessionTabLink.Active300::after{border-color: transparent transparent transparent #ef9f00; z-index: 2;}

.SessionTabLink.Disable{background-color: #888; pointer-events: none; cursor: default; width: 100%;}

.ClassTabLink{position: relative; display: flex; width: 50%; color: white; background-color: #555; text-decoration: none; padding: 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.ClassTabLink.Disable500{border-left: 1px solid #ccc; align-items: start; justify-content: start;}
.ClassTabLink.Disable300{border-right: 1px solid #ccc; align-items: end; justify-content: end;}
.ClassTabLink.Active500{background-color: #ef0000; border-left: 1px solid #ccc; align-items: start; justify-content: start;}
.ClassTabLink.Active300{background-color: #ef9f00; border-right: 1px solid #ccc; align-items: end; justify-content: end;}

.ResultDiscription{max-width: 1200px; margin: auto;}

.ResultMain{display: flex; width: fit-content; margin: auto;}

.ResultSchedule{width: 250px; height: fit-content; margin-left: 50px; border: 1px solid #555; padding: 6px 12px 12px 12px;}

.ResultPullDown{position: relative;}

.ResultPullDown::before,
.ResultPullDown::after{position: absolute; content: ''; pointer-events: none;}
.ResultPullDown::before{display: inline-block; right: 0; width: 40px; height: 30px; background-color: #333;}
.ResultPullDown::after{position: absolute; right: 14px; top: 4px; width: 0; height: 0; border-style: solid; border-width: 12px 6px 10px 6px; border-color: #fff transparent transparent transparent;}
.ResultPullDown select{appearance: none; width: 250px; height: 30px; border: none; background-color: #cfcfcf; color: #000; cursor: pointer; font-size: 15px; padding-left: 10px;}
.ResultPullDown:focus-within::before{background-color: #ef0000;}
.ResultPullDown:hover::before{background-color: #ef0000;}
.ResultPullDown select:focus{outline: none;}
.ResultPullDown select option{background-color: #fff; color: #000;}

.ResultSchedule_Space{height: 25px;}
.ResultSchedule_Link_500, .ResultSchedule_Link_300{display: inline-block; width: 230px; height: 22px; padding: 5px 10px; color: white; background-color: #555; font-size: 15px; text-decoration: none; margin-bottom: 2px; line-height: 22px;}
.ResultSchedule_Link_500:hover{background-color: #ef0000;}
.ResultSchedule_Link_300:hover{background-color: #ef9f00;}