@charset "utf-8";
@media screen and (min-width:1500px){
    .section{
        margin: 10px 1px 0px 1px !important;
        background-color: #fff;
    }
    /* トーナメント部分 */
    .tornament {
        width: 922px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: #fff;
    }
    .tornament-960px-over {
        display: block;
        background-color: #efefef;
        padding-bottom: 20px;
    }
    .tornament-959px-small {
        display: none !important;
    }
    /* #responsive-tablet {} */
    #responsive-smartphone {
        display: none !important;
    }
    .tornament-headline {
        max-width: 912px;
        font-size: 30px;
        text-align: center;
        margin: 0px auto 20px auto;
        background-color: #fff;
        border: 2px solid #333;
    }
    .tornament-textbox {
        width: 50%;
        margin-left: 95px;
    }
    .tornament-textbox-1 {
        min-width: 400px;
        max-width: 400px;
    }
    .tornament-textbox-2 {
        min-width: 200px;
        max-width: 200px;
    }
    .tornament-textbox-3 {
        min-width: 500px;
        max-width: 500px;
        margin-right: 0px;
    }
    .tornament-text {
        font-weight: bold;
        font-size: 18px;
    }
    .tornament-flex {
        display: flex;
        align-items: start;
        justify-content: center;
        max-width: 912px;
        margin: 0 auto;
    }
    .tornament-flex-right {
        display: flex;
        align-items: start;
        justify-content: right;
        max-width: 518px;
        margin: 0 auto;
    }
    .tornament-type1 {
        min-width: 300px;
        max-width: 300px;
    }
    .tornament-type2 {
        min-width: 89px;
        max-width: 89px;
    }
    .tornament-type3 {
        min-width: 110px;
        max-width: 110px;
    }
    .tornament-type3 > .containar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yusyoukouname {
        min-width: 59px;
        min-height: 240px;
        font-weight: bold !important;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid;
        font-size: 30px;
    }
    .kessyou-bar-right {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-right-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    
    .kessyou-bar-left {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-left-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    /* 下と右に線パーツ */
    .kessyou-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    
    
    /* 下と左に線パーツ */
    .kessyou-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-none {
        position: relative;
        min-width: 57px;
        padding: 2px;
        display: flex;
    }
    .kessyou-bar-top {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-top-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    
    
    /* 学校名に関するCSS */
    .tornament-school {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px;
        height: 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-1 {
        min-width: 200px;
    }
    .tornament-school-2 {
        min-width: 100px;
        font-size: 16px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: #333 2px solid;
    }
    .tornament-school > p {
        font-weight: bold;
    }
    .tornament-school-rengo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 200px;
        height: 60px;
        font-size: 25px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-rengo > p {
        font-weight: bold;
    }
    .lose {
        color: #ccc;
        border-color: #ccc;
    }
    .tornament-school-none {
        min-width: 100%;
    }
    .lose {
        color: #808080 !important;
        background-color: #efefef;
    }
    
    /* トーナメント部分 */
    .tornament-link {
        font-weight: bold !important;
        padding: 2px;
        font-size: 14px;
    }
    .tornament-point {
        font-weight: bold !important;
        width: 30px;
        text-align: center;
        color: #333;
        font-size: 15px;
        padding: 0px 0px;
    }
    .red {
        color: red !important;
    }
    .full-max {
        min-height: 585px !important;
    }
    .full-max-harf {
        min-height: 560px !important;
    }
    .full-400 {
        min-height: 1200px !important;
    }
    .full-395 {
        min-height: 1185px !important;
    }
    .full-390 {
        min-height: 1170px !important;
    }
    .full-385 {
        min-height: 1155px !important;
    }
    .full-380 {
        min-height: 1140px !important;
    }
    .full-375 {
        min-height: 1125px !important;
    }
    .full-370 {
        min-height: 1110px !important;
    }
    .full-365 {
        min-height: 1095px !important;
    }
    .full-360 {
        min-height: 1080px !important;
    }
    .full-355 {
        min-height: 1065px !important;
    }
    .full-350 {
        min-height: 1050px !important;
    }
    .full-345 {
        min-height: 1035px !important;
    }
    .full-340 {
        min-height: 1020px !important;
    }
    .full-335 {
        min-height: 1005px !important;
    }
    .full-330 {
        min-height: 990px !important;
    }
    .full-325 {
        min-height: 975px !important;
    }
    .full-320 {
        min-height: 960px !important;
    }
    .full-315 {
        min-height: 945px !important;
    }
    .full-310 {
        min-height: 930px !important;
    }
    .full-305 {
        min-height: 915px !important;
    }
    .full-300 {
        min-height: 900px !important;
    }
    .full-295 {
        min-height: 885px !important;
    }
    .full-290 {
        min-height: 870px !important;
    }
    .full-285 {
        min-height: 855px !important;
    }
    .full-280 {
        min-height: 840px !important;
    }
    .full-275 {
        min-height: 825px !important;
    }
    .full-270 {
        min-height: 810px !important;
    }
    .full-265 {
        min-height: 795px !important;
    }
    .full-260 {
        min-height: 780px !important;
    }
    .full-255 {
        min-height: 765px !important;
    }
    .full-250 {
        min-height: 750px !important;
    }
    .full-245 {
        min-height: 735px !important;
    }
    .full-240 {
        min-height: 720px !important;
    }
    .full-235 {
        min-height: 705px !important;
    }
    .full-230 {
        min-height: 690px !important;
    }
    .full-225 {
        min-height: 675px !important;
    }
    .full-220 {
        min-height: 660px !important;
    }
    .full-215 {
        min-height: 645px !important;
    }
    .full-210 {
        min-height: 630px !important;
    }
    .full-205 {
        min-height: 615px !important;
    }
    .full-200 {
        min-height: 600px !important;
    }
    .full-195 {
        min-height: 585px !important;
    }
    .full-190 {
        min-height: 570px !important;
    }
    .full-185 {
        min-height: 555px !important;
    }
    .full-180 {
        min-height: 540px !important;
    }
    .full-175 {
        min-height: 525px !important;
    }
    .full-170 {
        min-height: 510px !important;
    }
    .full-165 {
        min-height: 495px !important;
    }
    .full-160 {
        min-height: 480px !important;
    }
    .full-155 {
        min-height: 465px !important;
    }
    .full-150 {
        min-height: 450px !important;
    }
    .full-145 {
        min-height: 435px !important;
    }
    .full-140 {
        min-height: 420px !important;
    }
    .full-135 {
        min-height: 405px !important;
    }
    .full-130 {
        min-height: 390px !important;
    }
    .full-125 {
        min-height: 375px !important;
    }
    .full-120 {
        min-height: 360px !important;
    }
    .full-115 {
        min-height: 345px !important;
    }
    .full-110 {
        min-height: 330px !important;
    }
    .full-105 {
        min-height: 315px !important;
    }
    .full-100 {
        min-height: 300px !important;
    }
    .full-95 {
        min-height: 285px !important;
    }
    .full-90 {
        min-height: 270px !important;
    }
    .full-85 {
        min-height: 255px !important;
    }
    .full-80 {
        min-height: 240px !important;
    }
    .full-75 {
        min-height: 225px !important;
    }
    .full-70 {
        min-height: 210px !important;
    }
    .full-65 {
        min-height: 195px !important;
    }
    .full-60 {
        min-height: 180px !important;
    }
    .full-55 {
        min-height: 165px !important;
    }
    .full-50 {
        min-height: 150px !important;
    }
    .full-45 {
        min-height: 135px !important;
    }
    .full-40 {
        min-height: 120px !important;
    }
    .full-35 {
        min-height: 105px !important;
    }
    .full-30 {
        min-height: 90px !important;
    }
    .full-25 {
        min-height: 75px !important;
    }
    .full-20 {
        min-height: 60px !important;
    }
    .full-harf {
        min-height: 45px !important;
    }
    .full {
        min-height: 30px !important;
    }
    .harf {
        min-height: 15px !important;
    }
    
    /* 線なし */
    .tornament-bar-none {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
    }
    .tornament-bar-none-under {
        position: relative;
        min-width: 59px;
        padding: 2px;
        /* bottom: 0; */
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-none-top {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .right {
        justify-content: left;
    }
    .left {
        justify-content: right !important;
    }
    .end {
        align-items: end;
    }
    .start {
        align-items: start;
    }
    .top {
        align-items: start;
    }
    .under {
        align-items: end;
    }
    
    /* 上線パーツ */
    .tornament-bar-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 下線パーツ */
    .tornament-bar-bottom {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 右側線パーツ */
    .tornament-bar-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-right-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-top::before, .tornament-bar-right-red-top::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-right-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-under::before, .tornament-bar-right-red-under::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と右側に線 */
    .tornament-bar-top-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と右に線パーツ */
    .tornament-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    
    
    
    /* 左側に線 */
    .tornament-bar-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-left-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-top::before, .tornament-bar-left-red-top::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-left-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-under::before, .tornament-bar-left-red-under::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と左側に線 */
    .tornament-bar-top-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と左に線パーツ */
    .tornament-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
}

@media screen and (max-width:1499px){
    .section{
        margin: 10px 1px 0px 1px !important;
        background-color: #fff;
    }
    /* トーナメント部分 */
    .tornament {
        width: 922px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: #fff;
    }
    .tornament-960px-over {
        display: block;
        background-color: #efefef;
        padding-bottom: 20px;
    }
    .tornament-959px-small {
        display: none !important;
    }
    /* #responsive-tablet {} */
    #responsive-smartphone {
        display: none !important;
    }
    .tornament-headline {
        max-width: 912px;
        font-size: 30px;
        text-align: center;
        margin: 0px auto 20px auto;
        background-color: #fff;
        border: 2px solid #333;
    }
    .tornament-textbox {
        width: 50%;
        margin-left: 95px;
    }
    .tornament-textbox-1 {
        min-width: 400px;
        max-width: 400px;
    }
    .tornament-textbox-2 {
        min-width: 200px;
        max-width: 200px;
    }
    .tornament-textbox-3 {
        min-width: 500px;
        max-width: 500px;
        margin-right: 0px;
    }
    .tornament-text {
        font-weight: bold;
        font-size: 18px;
    }
    .tornament-flex {
        display: flex;
        align-items: start;
        justify-content: center;
        max-width: 912px;
        margin: 0 auto;
    }
    .tornament-flex-right {
        display: flex;
        align-items: start;
        justify-content: right;
        max-width: 518px;
        margin: 0 auto;
    }
    .tornament-type1 {
        min-width: 300px;
        max-width: 300px;
    }
    .tornament-type2 {
        min-width: 89px;
        max-width: 89px;
    }
    .tornament-type3 {
        min-width: 110px;
        max-width: 110px;
    }
    .tornament-type3 > .containar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yusyoukouname {
        min-width: 59px;
        min-height: 240px;
        font-weight: bold !important;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid;
        font-size: 30px;
    }
    .kessyou-bar-right {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-right-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    
    .kessyou-bar-left {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-left-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    /* 下と右に線パーツ */
    .kessyou-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    
    
    /* 下と左に線パーツ */
    .kessyou-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-none {
        position: relative;
        min-width: 57px;
        padding: 2px;
        display: flex;
    }
    .kessyou-bar-top {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-top-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    
    
    /* 学校名に関するCSS */
    .tornament-school {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px;
        height: 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-1 {
        min-width: 200px;
    }
    .tornament-school-2 {
        min-width: 100px;
        font-size: 16px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: #333 2px solid;
    }
    .tornament-school > p {
        font-weight: bold;
    }
    .tornament-school-rengo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 200px;
        height: 60px;
        font-size: 25px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-rengo > p {
        font-weight: bold;
    }
    .lose {
        color: #ccc;
        border-color: #ccc;
    }
    .tornament-school-none {
        min-width: 100%;
    }
    .lose {
        color: #808080 !important;
        background-color: #efefef;
    }
    
    /* トーナメント部分 */
    .tornament-link {
        font-weight: bold !important;
        padding: 2px;
        font-size: 14px;
    }
    .tornament-point {
        font-weight: bold !important;
        width: 30px;
        text-align: center;
        color: #333;
        font-size: 15px;
        padding: 0px 0px;
    }
    .red {
        color: red !important;
    }
    .full-max {
        min-height: 585px !important;
    }
    .full-max-harf {
        min-height: 560px !important;
    }
    .full-400 {
        min-height: 1200px !important;
    }
    .full-395 {
        min-height: 1185px !important;
    }
    .full-390 {
        min-height: 1170px !important;
    }
    .full-385 {
        min-height: 1155px !important;
    }
    .full-380 {
        min-height: 1140px !important;
    }
    .full-375 {
        min-height: 1125px !important;
    }
    .full-370 {
        min-height: 1110px !important;
    }
    .full-365 {
        min-height: 1095px !important;
    }
    .full-360 {
        min-height: 1080px !important;
    }
    .full-355 {
        min-height: 1065px !important;
    }
    .full-350 {
        min-height: 1050px !important;
    }
    .full-345 {
        min-height: 1035px !important;
    }
    .full-340 {
        min-height: 1020px !important;
    }
    .full-335 {
        min-height: 1005px !important;
    }
    .full-330 {
        min-height: 990px !important;
    }
    .full-325 {
        min-height: 975px !important;
    }
    .full-320 {
        min-height: 960px !important;
    }
    .full-315 {
        min-height: 945px !important;
    }
    .full-310 {
        min-height: 930px !important;
    }
    .full-305 {
        min-height: 915px !important;
    }
    .full-300 {
        min-height: 900px !important;
    }
    .full-295 {
        min-height: 885px !important;
    }
    .full-290 {
        min-height: 870px !important;
    }
    .full-285 {
        min-height: 855px !important;
    }
    .full-280 {
        min-height: 840px !important;
    }
    .full-275 {
        min-height: 825px !important;
    }
    .full-270 {
        min-height: 810px !important;
    }
    .full-265 {
        min-height: 795px !important;
    }
    .full-260 {
        min-height: 780px !important;
    }
    .full-255 {
        min-height: 765px !important;
    }
    .full-250 {
        min-height: 750px !important;
    }
    .full-245 {
        min-height: 735px !important;
    }
    .full-240 {
        min-height: 720px !important;
    }
    .full-235 {
        min-height: 705px !important;
    }
    .full-230 {
        min-height: 690px !important;
    }
    .full-225 {
        min-height: 675px !important;
    }
    .full-220 {
        min-height: 660px !important;
    }
    .full-215 {
        min-height: 645px !important;
    }
    .full-210 {
        min-height: 630px !important;
    }
    .full-205 {
        min-height: 615px !important;
    }
    .full-200 {
        min-height: 600px !important;
    }
    .full-195 {
        min-height: 585px !important;
    }
    .full-190 {
        min-height: 570px !important;
    }
    .full-185 {
        min-height: 555px !important;
    }
    .full-180 {
        min-height: 540px !important;
    }
    .full-175 {
        min-height: 525px !important;
    }
    .full-170 {
        min-height: 510px !important;
    }
    .full-165 {
        min-height: 495px !important;
    }
    .full-160 {
        min-height: 480px !important;
    }
    .full-155 {
        min-height: 465px !important;
    }
    .full-150 {
        min-height: 450px !important;
    }
    .full-145 {
        min-height: 435px !important;
    }
    .full-140 {
        min-height: 420px !important;
    }
    .full-135 {
        min-height: 405px !important;
    }
    .full-130 {
        min-height: 390px !important;
    }
    .full-125 {
        min-height: 375px !important;
    }
    .full-120 {
        min-height: 360px !important;
    }
    .full-115 {
        min-height: 345px !important;
    }
    .full-110 {
        min-height: 330px !important;
    }
    .full-105 {
        min-height: 315px !important;
    }
    .full-100 {
        min-height: 300px !important;
    }
    .full-95 {
        min-height: 285px !important;
    }
    .full-90 {
        min-height: 270px !important;
    }
    .full-85 {
        min-height: 255px !important;
    }
    .full-80 {
        min-height: 240px !important;
    }
    .full-75 {
        min-height: 225px !important;
    }
    .full-70 {
        min-height: 210px !important;
    }
    .full-65 {
        min-height: 195px !important;
    }
    .full-60 {
        min-height: 180px !important;
    }
    .full-55 {
        min-height: 165px !important;
    }
    .full-50 {
        min-height: 150px !important;
    }
    .full-45 {
        min-height: 135px !important;
    }
    .full-40 {
        min-height: 120px !important;
    }
    .full-35 {
        min-height: 105px !important;
    }
    .full-30 {
        min-height: 90px !important;
    }
    .full-25 {
        min-height: 75px !important;
    }
    .full-20 {
        min-height: 60px !important;
    }
    .full-harf {
        min-height: 45px !important;
    }
    .full {
        min-height: 30px !important;
    }
    .harf {
        min-height: 15px !important;
    }
    
    /* 線なし */
    .tornament-bar-none {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
    }
    .tornament-bar-none-under {
        position: relative;
        min-width: 59px;
        padding: 2px;
        /* bottom: 0; */
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-none-top {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .right {
        justify-content: left;
    }
    .left {
        justify-content: right !important;
    }
    .end {
        align-items: end;
    }
    .start {
        align-items: start;
    }
    .top {
        align-items: start;
    }
    .under {
        align-items: end;
    }
    
    /* 上線パーツ */
    .tornament-bar-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 下線パーツ */
    .tornament-bar-bottom {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 右側線パーツ */
    .tornament-bar-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-right-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-top::before, .tornament-bar-right-red-top::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-right-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-under::before, .tornament-bar-right-red-under::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と右側に線 */
    .tornament-bar-top-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と右に線パーツ */
    .tornament-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    
    
    
    /* 左側に線 */
    .tornament-bar-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-left-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-top::before, .tornament-bar-left-red-top::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-left-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-under::before, .tornament-bar-left-red-under::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と左側に線 */
    .tornament-bar-top-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と左に線パーツ */
    .tornament-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
}

@media screen and (max-width:1299px){
    .section{
        padding: 10px 0px !important;
    }
    /* トーナメント部分 */
    .tornament {
        width: 900px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: #fff;
    }
    .tornament-960px-over {
        display: block;
        background-color: #efefef;
        padding-bottom: 20px;
    }
    .tornament-959px-small {
        display: none !important;
    }
    /* #responsive-tablet {} */
    #responsive-smartphone {
        display: none !important;
    }
    .tornament-headline {
        max-width: 860px;
        font-size: 30px;
        text-align: center;
        margin: 0px auto 20px auto;
        background-color: #fff;
        border: 2px solid #333;
    }
    .tornament-textbox {
        width: 50%;
        margin-left: 105px;
    }
    .tornament-textbox-1 {
        min-width: 400px;
        max-width: 400px;
    }
    .tornament-textbox-2 {
        min-width: 200px;
        max-width: 200px;
    }
    .tornament-textbox-3 {
        min-width: 500px;
        max-width: 500px;
        margin-right: 0px;
    }
    .tornament-text {
        font-weight: bold;
        font-size: 18px;
    }
    .tornament-flex {
        display: flex;
        align-items: start;
        justify-content: center;
        max-width: 912px;
        margin: 0 auto;
    }
    .tornament-flex-right {
        display: flex;
        align-items: start;
        justify-content: right;
        max-width: 518px;
        margin: 0 auto;
    }
    .tornament-type1 {
        min-width: 300px;
        max-width: 300px;
    }
    .tornament-type2 {
        min-width: 79px;
        max-width: 79px;
    }
    .tornament-type3 {
        min-width: 110px;
        max-width: 110px;
    }
    .tornament-type3 > .containar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yusyoukouname {
        min-width: 59px;
        min-height: 240px;
        font-weight: bold !important;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid;
        font-size: 30px;
    }
    .kessyou-bar-right {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-right-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    
    .kessyou-bar-left {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-left-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    /* 下と右に線パーツ */
    .kessyou-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    
    
    /* 下と左に線パーツ */
    .kessyou-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-none {
        position: relative;
        min-width: 57px;
        padding: 2px;
        display: flex;
    }
    .kessyou-bar-top {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-top-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-red {
        position: relative;
        padding: 1px;
        min-width: 59px;
        display: flex;
    }
    .kessyou-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    
    
    /* 学校名に関するCSS */
    .tornament-school {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 300px;
        height: 30px;
        font-size: 20px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-1 {
        min-width: 200px;
    }
    .tornament-school-2 {
        min-width: 100px;
        font-size: 16px;
        min-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: #333 2px solid;
    }
    .tornament-school > p {
        font-weight: bold;
    }
    .tornament-school-rengo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 200px;
        height: 60px;
        font-size: 25px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-rengo > p {
        font-weight: bold;
    }
    .lose {
        color: #ccc;
        border-color: #ccc;
    }
    .tornament-school-none {
        min-width: 100%;
    }
    .lose {
        color: #808080 !important;
        background-color: #efefef;
    }
    
    /* トーナメント部分 */
    .tornament-link {
        font-weight: bold !important;
        padding: 2px;
        font-size: 14px;
    }
    .tornament-point {
        font-weight: bold !important;
        width: 30px;
        text-align: center;
        color: #333;
        font-size: 15px;
        padding: 0px 0px;
    }
    .red {
        color: red !important;
    }
    .full-max {
        min-height: 585px !important;
    }
    .full-max-harf {
        min-height: 560px !important;
    }
    .full-400 {
        min-height: 1200px !important;
    }
    .full-395 {
        min-height: 1185px !important;
    }
    .full-390 {
        min-height: 1170px !important;
    }
    .full-385 {
        min-height: 1155px !important;
    }
    .full-380 {
        min-height: 1140px !important;
    }
    .full-375 {
        min-height: 1125px !important;
    }
    .full-370 {
        min-height: 1110px !important;
    }
    .full-365 {
        min-height: 1095px !important;
    }
    .full-360 {
        min-height: 1080px !important;
    }
    .full-355 {
        min-height: 1065px !important;
    }
    .full-350 {
        min-height: 1050px !important;
    }
    .full-345 {
        min-height: 1035px !important;
    }
    .full-340 {
        min-height: 1020px !important;
    }
    .full-335 {
        min-height: 1005px !important;
    }
    .full-330 {
        min-height: 990px !important;
    }
    .full-325 {
        min-height: 975px !important;
    }
    .full-320 {
        min-height: 960px !important;
    }
    .full-315 {
        min-height: 945px !important;
    }
    .full-310 {
        min-height: 930px !important;
    }
    .full-305 {
        min-height: 915px !important;
    }
    .full-300 {
        min-height: 900px !important;
    }
    .full-295 {
        min-height: 885px !important;
    }
    .full-290 {
        min-height: 870px !important;
    }
    .full-285 {
        min-height: 855px !important;
    }
    .full-280 {
        min-height: 840px !important;
    }
    .full-275 {
        min-height: 825px !important;
    }
    .full-270 {
        min-height: 810px !important;
    }
    .full-265 {
        min-height: 795px !important;
    }
    .full-260 {
        min-height: 780px !important;
    }
    .full-255 {
        min-height: 765px !important;
    }
    .full-250 {
        min-height: 750px !important;
    }
    .full-245 {
        min-height: 735px !important;
    }
    .full-240 {
        min-height: 720px !important;
    }
    .full-235 {
        min-height: 705px !important;
    }
    .full-230 {
        min-height: 690px !important;
    }
    .full-225 {
        min-height: 675px !important;
    }
    .full-220 {
        min-height: 660px !important;
    }
    .full-215 {
        min-height: 645px !important;
    }
    .full-210 {
        min-height: 630px !important;
    }
    .full-205 {
        min-height: 615px !important;
    }
    .full-200 {
        min-height: 600px !important;
    }
    .full-195 {
        min-height: 585px !important;
    }
    .full-190 {
        min-height: 570px !important;
    }
    .full-185 {
        min-height: 555px !important;
    }
    .full-180 {
        min-height: 540px !important;
    }
    .full-175 {
        min-height: 525px !important;
    }
    .full-170 {
        min-height: 510px !important;
    }
    .full-165 {
        min-height: 495px !important;
    }
    .full-160 {
        min-height: 480px !important;
    }
    .full-155 {
        min-height: 465px !important;
    }
    .full-150 {
        min-height: 450px !important;
    }
    .full-145 {
        min-height: 435px !important;
    }
    .full-140 {
        min-height: 420px !important;
    }
    .full-135 {
        min-height: 405px !important;
    }
    .full-130 {
        min-height: 390px !important;
    }
    .full-125 {
        min-height: 375px !important;
    }
    .full-120 {
        min-height: 360px !important;
    }
    .full-115 {
        min-height: 345px !important;
    }
    .full-110 {
        min-height: 330px !important;
    }
    .full-105 {
        min-height: 315px !important;
    }
    .full-100 {
        min-height: 300px !important;
    }
    .full-95 {
        min-height: 285px !important;
    }
    .full-90 {
        min-height: 270px !important;
    }
    .full-85 {
        min-height: 255px !important;
    }
    .full-80 {
        min-height: 240px !important;
    }
    .full-75 {
        min-height: 225px !important;
    }
    .full-70 {
        min-height: 210px !important;
    }
    .full-65 {
        min-height: 195px !important;
    }
    .full-60 {
        min-height: 180px !important;
    }
    .full-55 {
        min-height: 165px !important;
    }
    .full-50 {
        min-height: 150px !important;
    }
    .full-45 {
        min-height: 135px !important;
    }
    .full-40 {
        min-height: 120px !important;
    }
    .full-35 {
        min-height: 105px !important;
    }
    .full-30 {
        min-height: 90px !important;
    }
    .full-25 {
        min-height: 75px !important;
    }
    .full-20 {
        min-height: 60px !important;
    }
    .full-harf {
        min-height: 45px !important;
    }
    .full {
        min-height: 30px !important;
    }
    .harf {
        min-height: 15px !important;
    }
    
    /* 線なし */
    .tornament-bar-none {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
    }
    .tornament-bar-none-under {
        position: relative;
        min-width: 59px;
        padding: 2px;
        /* bottom: 0; */
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-none-top {
        position: relative;
        min-width: 59px;
        padding: 2px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .right {
        justify-content: left;
    }
    .left {
        justify-content: right !important;
    }
    .end {
        align-items: end;
    }
    .start {
        align-items: start;
    }
    .top {
        align-items: start;
    }
    .under {
        align-items: end;
    }
    
    /* 上線パーツ */
    .tornament-bar-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 下線パーツ */
    .tornament-bar-bottom {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
    }
    .tornament-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    
    /* 右側線パーツ */
    .tornament-bar-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-right-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-top::before, .tornament-bar-right-red-top::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-right-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: center;
    }
    .tornament-bar-right-red-under::before, .tornament-bar-right-red-under::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と右側に線 */
    .tornament-bar-top-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と右に線パーツ */
    .tornament-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
    
    
    
    
    /* 左側に線 */
    .tornament-bar-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-left-red-top {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-top::before, .tornament-bar-left-red-top::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-left-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-left-red-under::before, .tornament-bar-left-red-under::after {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-left-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-left-red-under::after {
        bottom: 0;
        background-color: red;
    }
    
    /* 上と左側に線 */
    .tornament-bar-top-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
    
    /* 下と左に線パーツ */
    .tornament-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 59px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 2px;
        background-color: red;
    }
}

@media screen and (max-width:959px){
    .section{
        padding: 10px 0px !important;
    }
    /* トーナメント部分 */
    .tornament {
        width: 520px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: #fff;
    }
    .tornament-960px-over {
        display: block !important;
        background-color: #efefef;
        padding-bottom: 0px;
    }
    .tornament-959px-small {
        display: none;
    }
    /* #responsive-tablet {} */
    #responsive-smartphone {
        display: none !important;
    }
    .tornament-headline {
        max-width: 490px;
        font-size: 22px;
        text-align: center;
        margin: 0px auto 20px auto;
        background-color: #fff;
        border: 2px solid #333;
    }
    .tornament-textbox {
        width: 100%;
        margin: 0px 0px 0px 50px;
    }
    .tornament-text {
        font-weight: bold;
        font-size: 16px;
    }
    .column {
        flex-direction: column;
    }
    .tornament-flex-column {
        display: flex;
        align-items: start;
        justify-content: center;
        width: 520px;
        margin: 0 auto;
        flex-wrap: nowrap;
    }
    .tornament-flex {
        display: flex;
        align-items: start;
        justify-content: center;
        width: 520px;
        margin: 0 auto;
    }
    .tornament-type1 {
        min-width: 150px;
        max-width: 150px;
    }
    .tornament-type2 {
        min-width: 49px;
        max-width: 49px;
    }
    .tornament-type3 {
        min-width: 110px;
        max-width: 110px;
    }
    .tornament-type4 {
        min-width: 150px;
        max-width: 150px;
    }
    .tornament-type5 {
        min-width: 49px;
        max-width: 49px;
    }
    .tornament-type3 > .containar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yusyoukouname {
        min-width: 49px;
        min-height: 240px;
        font-weight: bold !important;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid;
        font-size: 24px;
    }
    .kessyou-bar-right {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-right-red {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }

    .kessyou-bar-left {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-left-red {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    /* 下と右に線パーツ */
    .kessyou-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }


    /* 下と左に線パーツ */
    .kessyou-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-none {
        position: relative;
        min-width: 57px;
        padding: 2px;
        display: flex;
    }
    .kessyou-bar-top {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
    }
    .kessyou-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-top-red {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
    }
    .kessyou-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
    }
    .kessyou-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-red {
        position: relative;
        padding: 1px;
        min-width: 49px;
        display: flex;
    }
    .kessyou-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }



    /* 学校名に関するCSS */
    .tornament-school {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 150px;
        height: 30px;
        font-size: 18px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-1 {
        min-width: 150px;
    }
    .tornament-school-2 {
        display: none;
    }
    .tornament-school > p {
        font-weight: bold;
    }
    .tornament-school-rengo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 150px;
        height: 60px;
        font-size: 20px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-rengo > p {
        font-weight: bold;
    }
    .lose {
        color: #ccc;
        border-color: #ccc;
    }
    .tornament-school-none {
        min-width: 100%;
    }
    .lose {
        color: #808080 !important;
        background-color: #efefef;
    }

    /* トーナメント部分 */
    .tornament-link {
        font-weight: bold !important;
        padding: 2px;
        font-size: 14px;
    }
    .tornament-point {
        font-weight: bold !important;
        width: 30px;
        text-align: center;
        color: #333;
        font-size: 15px;
        padding: 0px 0px;
    }
    .red {
        color: red !important;
    }
    .full-max {
        min-height: 585px !important;
    }
    .full-max-harf {
        min-height: 560px !important;
    }
    .full-400 {
        min-height: 1200px !important;
    }
    .full-395 {
        min-height: 1185px !important;
    }
    .full-390 {
        min-height: 1170px !important;
    }
    .full-385 {
        min-height: 1155px !important;
    }
    .full-380 {
        min-height: 1140px !important;
    }
    .full-375 {
        min-height: 1125px !important;
    }
    .full-370 {
        min-height: 1110px !important;
    }
    .full-365 {
        min-height: 1095px !important;
    }
    .full-360 {
        min-height: 1080px !important;
    }
    .full-355 {
        min-height: 1065px !important;
    }
    .full-350 {
        min-height: 1050px !important;
    }
    .full-345 {
        min-height: 1035px !important;
    }
    .full-340 {
        min-height: 1020px !important;
    }
    .full-335 {
        min-height: 1005px !important;
    }
    .full-330 {
        min-height: 990px !important;
    }
    .full-325 {
        min-height: 975px !important;
    }
    .full-320 {
        min-height: 960px !important;
    }
    .full-315 {
        min-height: 945px !important;
    }
    .full-310 {
        min-height: 930px !important;
    }
    .full-305 {
        min-height: 915px !important;
    }
    .full-300 {
        min-height: 900px !important;
    }
    .full-295 {
        min-height: 885px !important;
    }
    .full-290 {
        min-height: 870px !important;
    }
    .full-285 {
        min-height: 855px !important;
    }
    .full-280 {
        min-height: 840px !important;
    }
    .full-275 {
        min-height: 825px !important;
    }
    .full-270 {
        min-height: 810px !important;
    }
    .full-265 {
        min-height: 795px !important;
    }
    .full-260 {
        min-height: 780px !important;
    }
    .full-255 {
        min-height: 765px !important;
    }
    .full-250 {
        min-height: 750px !important;
    }
    .full-245 {
        min-height: 735px !important;
    }
    .full-240 {
        min-height: 720px !important;
    }
    .full-235 {
        min-height: 705px !important;
    }
    .full-230 {
        min-height: 690px !important;
    }
    .full-225 {
        min-height: 675px !important;
    }
    .full-220 {
        min-height: 660px !important;
    }
    .full-215 {
        min-height: 645px !important;
    }
    .full-210 {
        min-height: 630px !important;
    }
    .full-205 {
        min-height: 615px !important;
    }
    .full-200 {
        min-height: 600px !important;
    }
    .full-195 {
        min-height: 585px !important;
    }
    .full-190 {
        min-height: 570px !important;
    }
    .full-185 {
        min-height: 555px !important;
    }
    .full-180 {
        min-height: 540px !important;
    }
    .full-175 {
        min-height: 525px !important;
    }
    .full-170 {
        min-height: 510px !important;
    }
    .full-165 {
        min-height: 495px !important;
    }
    .full-160 {
        min-height: 480px !important;
    }
    .full-155 {
        min-height: 465px !important;
    }
    .full-150 {
        min-height: 450px !important;
    }
    .full-145 {
        min-height: 435px !important;
    }
    .full-140 {
        min-height: 420px !important;
    }
    .full-135 {
        min-height: 405px !important;
    }
    .full-130 {
        min-height: 390px !important;
    }
    .full-125 {
        min-height: 375px !important;
    }
    .full-120 {
        min-height: 360px !important;
    }
    .full-115 {
        min-height: 345px !important;
    }
    .full-110 {
        min-height: 330px !important;
    }
    .full-105 {
        min-height: 315px !important;
    }
    .full-100 {
        min-height: 300px !important;
    }
    .full-95 {
        min-height: 285px !important;
    }
    .full-90 {
        min-height: 270px !important;
    }
    .full-85 {
        min-height: 255px !important;
    }
    .full-80 {
        min-height: 240px !important;
    }
    .full-75 {
        min-height: 225px !important;
    }
    .full-70 {
        min-height: 210px !important;
    }
    .full-65 {
        min-height: 195px !important;
    }
    .full-60 {
        min-height: 180px !important;
    }
    .full-55 {
        min-height: 165px !important;
    }
    .full-50 {
        min-height: 150px !important;
    }
    .full-45 {
        min-height: 135px !important;
    }
    .full-40 {
        min-height: 120px !important;
    }
    .full-35 {
        min-height: 105px !important;
    }
    .full-30 {
        min-height: 90px !important;
    }
    .full-25 {
        min-height: 75px !important;
    }
    .full-20 {
        min-height: 60px !important;
    }
    .full-harf {
        min-height: 45px !important;
    }
    .full {
        min-height: 30px !important;
    }
    .harf {
        min-height: 15px !important;
    }

    /* 線なし */
    .tornament-bar-none {
        position: relative;
        min-width: 49px;
        padding: 2px;
        display: flex;
    }
    .tornament-bar-none-under {
        position: relative;
        min-width: 49px;
        padding: 2px;
        /* bottom: 0; */
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-none-top {
        position: relative;
        min-width: 49px;
        padding: 2px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .right {
        justify-content: left;
    }
    .left {
        justify-content: right !important;
    }
    .end {
        align-items: end;
    }
    .start {
        align-items: start;
    }
    .top {
        align-items: start;
    }
    .under {
        align-items: end;
    }

    /* 上線パーツ */
    .tornament-bar-top {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
    }
    .tornament-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-red {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
    }
    .tornament-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }

    /* 下線パーツ */
    .tornament-bar-bottom {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
    }
    .tornament-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-red {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
    }
    .tornament-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }

    /* 右側線パーツ */
    .tornament-bar-right {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-right-red {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-right-red-top {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red-top::before, .tornament-bar-right-red-top::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-right-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red-under::before, .tornament-bar-right-red-under::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under::after {
        bottom: 0;
        background-color: red;
    }

    /* 上と右側に線 */
    .tornament-bar-top-right {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right-red {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }

    /* 下と右に線パーツ */
    .tornament-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 49px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
}

@media screen and (max-width:559px){
    .section{
        padding: 10px 0px !important;
    }
    /* トーナメント部分 */
    .tornament {
        width: 280px;
        margin: 0 auto;
        padding-top: 25px;
        background-color: #fff;
    }
    .tornament-960px-over {
        display: block !important;
        background-color: #efefef;
        padding-bottom: 0px;
    }
    .tornament-959px-small {
        display: none;
    }
    #responsive-tablet {
        display: none !important;
    }
    #responsive-smartphone {
        display: block !important;
    }
    .tornament-headline {
        max-width: 260px;
        font-size: 18px;
        text-align: center;
        margin: 0px auto 20px auto;
        background-color: #fff;
        border: 2px solid #333;
    }
    .tornament-textbox {
        width: 100%;
        margin: 0px 0px 0px 20px;
    }
    .tornament-text {
        font-weight: bold;
        font-size: 14px;
    }
    .tornament-flex {
        display: flex;
        align-items: start;
        justify-content: center;
        width: 280px;
        margin: 0 auto;
    }
    .tornament-flex-column {
        display: flex;
        align-items: start;
        justify-content: center;
        max-width: 280px;
        margin: 0 auto;
        flex-direction: column;
    }
    .tornament-type1 {
        min-width: 120px;
        max-width: 120px;
    }
    .tornament-type2 {
        min-width: 29px;
        max-width: 29px;
    }
    .tornament-type3 {
        display: none !important;
    }
    .tornament-type4 {
        display: none !important;
    }
    .tornament-type5 {
        display: none !important;
    }
    .tornament-type3 > .containar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .yusyoukouname {
        min-width: 29px;
        min-height: 240px;
        font-weight: bold !important;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 2px solid;
        font-size: 24px;
    }
    .kessyou-bar-right {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-right-red {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
        align-items: right;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }

    .kessyou-bar-left {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
        font-weight: bold;
    }
    .kessyou-bar-left-red {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
        align-items: left;
        justify-content: center;
        text-align: center;
    }
    .kessyou-bar-left-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
        font-weight: bold;
    }
    /* 下と右に線パーツ */
    .kessyou-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-right-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-right-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-right-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: red;
    }


    /* 下と左に線パーツ */
    .kessyou-bar-bottom-left {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-red {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom-left-lose {
        position: relative;
        padding: 2px;
        min-width: 57px;
        display: flex;
        /* align-items: end;
        justify-content: left; */
    }
    .kessyou-bar-bottom-left-lose::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .kessyou-bar-bottom-left-lose::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1px;
        background-color: red;
    }
    .kessyou-bar-none {
        position: relative;
        min-width: 57px;
        padding: 2px;
        display: flex;
    }
    .kessyou-bar-top {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
    }
    .kessyou-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-top-red {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
    }
    .kessyou-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }
    .kessyou-bar-bottom {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
    }
    .kessyou-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #333;
    }
    .kessyou-bar-bottom-red {
        position: relative;
        padding: 1px;
        min-width: 29px;
        display: flex;
    }
    .kessyou-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: red;
    }



    /* 学校名に関するCSS */
    .tornament-school {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        height: 30px;
        font-size: 15px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school > p {
        font-weight: bold;
    }
    .tornament-school-rengo {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 120px;
        height: 60px;
        font-size: 15px;
        color: #333;
        text-align: center;
        outline: 2px solid;
    }
    .tornament-school-rengo > p {
        font-weight: bold;
    }
    .lose {
        color: #ccc;
        border-color: #ccc;
    }
    .tornament-school-none {
        min-width: 100%;
    }
    .lose {
        color: #808080 !important;
        background-color: #efefef;
    }

    /* トーナメント部分 */
    .tornament-link {
        font-weight: bold !important;
        padding: 0px;
        font-size: 10px;
    }
    .tornament-point {
        font-weight: bold !important;
        width: 28px;
        text-align: center;
        color: #333;
        font-size: 12px;
        padding: 0px 0px;
    }
    .red {
        color: red !important;
    }
    .full-max {
        min-height: 585px !important;
    }
    .full-max-harf {
        min-height: 560px !important;
    }
    .full-400 {
        min-height: 1200px !important;
    }
    .full-395 {
        min-height: 1185px !important;
    }
    .full-390 {
        min-height: 1170px !important;
    }
    .full-385 {
        min-height: 1155px !important;
    }
    .full-380 {
        min-height: 1140px !important;
    }
    .full-375 {
        min-height: 1125px !important;
    }
    .full-370 {
        min-height: 1110px !important;
    }
    .full-365 {
        min-height: 1095px !important;
    }
    .full-360 {
        min-height: 1080px !important;
    }
    .full-355 {
        min-height: 1065px !important;
    }
    .full-350 {
        min-height: 1050px !important;
    }
    .full-345 {
        min-height: 1035px !important;
    }
    .full-340 {
        min-height: 1020px !important;
    }
    .full-335 {
        min-height: 1005px !important;
    }
    .full-330 {
        min-height: 990px !important;
    }
    .full-325 {
        min-height: 975px !important;
    }
    .full-320 {
        min-height: 960px !important;
    }
    .full-315 {
        min-height: 945px !important;
    }
    .full-310 {
        min-height: 930px !important;
    }
    .full-305 {
        min-height: 915px !important;
    }
    .full-300 {
        min-height: 900px !important;
    }
    .full-295 {
        min-height: 885px !important;
    }
    .full-290 {
        min-height: 870px !important;
    }
    .full-285 {
        min-height: 855px !important;
    }
    .full-280 {
        min-height: 840px !important;
    }
    .full-275 {
        min-height: 825px !important;
    }
    .full-270 {
        min-height: 810px !important;
    }
    .full-265 {
        min-height: 795px !important;
    }
    .full-260 {
        min-height: 780px !important;
    }
    .full-255 {
        min-height: 765px !important;
    }
    .full-250 {
        min-height: 750px !important;
    }
    .full-245 {
        min-height: 735px !important;
    }
    .full-240 {
        min-height: 720px !important;
    }
    .full-235 {
        min-height: 705px !important;
    }
    .full-230 {
        min-height: 690px !important;
    }
    .full-225 {
        min-height: 675px !important;
    }
    .full-220 {
        min-height: 660px !important;
    }
    .full-215 {
        min-height: 645px !important;
    }
    .full-210 {
        min-height: 630px !important;
    }
    .full-205 {
        min-height: 615px !important;
    }
    .full-200 {
        min-height: 600px !important;
    }
    .full-195 {
        min-height: 585px !important;
    }
    .full-190 {
        min-height: 570px !important;
    }
    .full-185 {
        min-height: 555px !important;
    }
    .full-180 {
        min-height: 540px !important;
    }
    .full-175 {
        min-height: 525px !important;
    }
    .full-170 {
        min-height: 510px !important;
    }
    .full-165 {
        min-height: 495px !important;
    }
    .full-160 {
        min-height: 480px !important;
    }
    .full-155 {
        min-height: 465px !important;
    }
    .full-150 {
        min-height: 450px !important;
    }
    .full-145 {
        min-height: 435px !important;
    }
    .full-140 {
        min-height: 420px !important;
    }
    .full-135 {
        min-height: 405px !important;
    }
    .full-130 {
        min-height: 390px !important;
    }
    .full-125 {
        min-height: 375px !important;
    }
    .full-120 {
        min-height: 360px !important;
    }
    .full-115 {
        min-height: 345px !important;
    }
    .full-110 {
        min-height: 330px !important;
    }
    .full-105 {
        min-height: 315px !important;
    }
    .full-100 {
        min-height: 300px !important;
    }
    .full-95 {
        min-height: 285px !important;
    }
    .full-90 {
        min-height: 270px !important;
    }
    .full-85 {
        min-height: 255px !important;
    }
    .full-80 {
        min-height: 240px !important;
    }
    .full-75 {
        min-height: 225px !important;
    }
    .full-70 {
        min-height: 210px !important;
    }
    .full-65 {
        min-height: 195px !important;
    }
    .full-60 {
        min-height: 180px !important;
    }
    .full-55 {
        min-height: 165px !important;
    }
    .full-50 {
        min-height: 150px !important;
    }
    .full-45 {
        min-height: 135px !important;
    }
    .full-40 {
        min-height: 120px !important;
    }
    .full-35 {
        min-height: 105px !important;
    }
    .full-30 {
        min-height: 90px !important;
    }
    .full-25 {
        min-height: 75px !important;
    }
    .full-20 {
        min-height: 60px !important;
    }
    .full-harf {
        min-height: 45px !important;
    }
    .full {
        min-height: 30px !important;
    }
    .harf {
        min-height: 15px !important;
    }

    /* 線なし */
    .tornament-bar-none {
        position: relative;
        min-width: 29px;
        padding: 2px;
        display: flex;
    }
    .tornament-bar-none-under {
        position: relative;
        min-width: 29px;
        padding: 2px;
        /* bottom: 0; */
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-none-top {
        position: relative;
        min-width: 29px;
        padding: 2px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .right {
        justify-content: left;
    }
    .left {
        justify-content: right !important;
    }
    .end {
        align-items: end;
    }
    .start {
        align-items: start;
    }
    .top {
        align-items: start;
    }
    .under {
        align-items: end;
    }

    /* 上線パーツ */
    .tornament-bar-top {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
    }
    .tornament-bar-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-red {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
    }
    .tornament-bar-top-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }

    /* 下線パーツ */
    .tornament-bar-bottom {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
    }
    .tornament-bar-bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-red {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
    }
    .tornament-bar-bottom-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }

    /* 右側線パーツ */
    .tornament-bar-right {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
        font-weight: bold;
    }
    .tornament-bar-right-red {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
        font-weight: bold;
    }
    .tornament-bar-right-red-top {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red-top::before, .tornament-bar-right-red-top::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-top::before {
        top: 0;
        background-color: red;
    }
    .tornament-bar-right-red-top::after {
        bottom: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tornament-bar-right-red-under::before, .tornament-bar-right-red-under::after {
        content: "";
        position: absolute;
        right: 0;
        width: 2px;
        height: 50%;
        font-weight: bold;
    }
    .tornament-bar-right-red-under::before {
        top: 0;
        background-color: #333;
    }
    .tornament-bar-right-red-under::after {
        bottom: 0;
        background-color: red;
    }

    /* 上と右側に線 */
    .tornament-bar-top-right {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-top-right-red {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: start;
        justify-content: left;
    }
    .tornament-bar-top-right-red::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-top-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }

    /* 下と右に線パーツ */
    .tornament-bar-bottom-right {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: #333;
    }
    .tornament-bar-bottom-right-red {
        position: relative;
        padding: 2px;
        min-width: 29px;
        display: flex;
        align-items: end;
        justify-content: left;
    }
    .tornament-bar-bottom-right-red::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: red;
    }
    .tornament-bar-bottom-right-red::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 2px;
        background-color: red;
    }
}