@charset "utf-8";

/* ===========================================
 * 
 * ======================================== */
.js-lightbox {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 10000;
    text-align: center;
}

.js-lightbox .background {
    background-color: rgba(0, 0, 0, 0.7);
}

.js-lightbox .bk-wrap {
    display: inline-block;
    position: relative;
    z-index: 110;
    text-align: left;
    margin: auto;
}

.js-lightbox-target {
    background-color: #FFF;
    overflow-y: scroll;
}

.js-close-lightbox {
    position: absolute;
    text-indent: -99999rem;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1.2rem;
    right: 1rem;
    top: -4.0rem;
}

.js-close-lightbox i {
    position: absolute;
    display: block;
    width: 4.0rem;
    height: 0.2rem;
    background: #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    left: 1.5rem;
    top: 1.9rem;
}

.js-close-lightbox i:after {
    content: "";
    position: absolute;
    width: 0.2rem;
    height: 4.0rem;
    left: calc(50% - 0.13rem);
    top: -1.9rem;
    background: #ffffff;
}

.modal_content {
    padding: 2rem 0;
    width: 37.5rem;
}

.modal_content .hyou_mikata_ttl {
    color: #113952;
    display: block;
    margin-bottom: 2.4rem;
    padding-left: 2rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2rem;
}

.modal_content img {
    display: block;
    width: 100%;
    padding-left: 1.6rem;
}

/* 選手成績　予想者情報 */
.yosousya_content {
    display: flex;
    margin: 3rem 0;
}

.yosousya_content img {
   width: 16rem;
}

.yosousya_content .grade_summary {
    font-size: 1.2rem;
    line-height: 1.6;
    width: 60%;
    padding: 0 1.8rem;
}

.yosousya_content .grade_summary .grade_summary_ttl {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.7rem;
}

.yosousya_content .grade_summary h3 {
    padding: 0;
    margin: 0;
    color: var(--MAIN_COLOR, #2160AF);
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 1rem;
}

.yosousya_content .grade_summary h4 {
    padding: 0;
    margin: 0;
    color: var(--MAIN_COLOR, #2160AF);
    font-weight: bold;
    font-size: 1.2rem;
}

.yosousya_content .grade_summary p {
    padding: 0;
    margin: 0;
    color: #313131;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.6;
}

.line {
    border-bottom: #D9D9D9 0.1rem solid;
    margin: 0 2rem;
}

/* 選手成績　表の見方 */
.syussou_content .grade_summary {
    padding: 2rem 1.6rem 0;
}

.syussou_content .grade_summary {
    font-size: 1.2rem;
    line-height: 1.6;
}

.syussou_content .grade_summary .grade_summary_ttl {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.7rem;
}

.syussou_content .grade_summary h3 {
    padding: 0.8rem 0 1.0rem 0;
    margin: 3rem 0rem 1.6rem;
    background-image: linear-gradient(90deg, var(--MAIN_COLOR, #2160AF) 20%, #d9d9d9 20%);
    background-repeat: no-repeat;
    background-size: 125% 5%;
    background-position: bottom;
    color: #313131;
    font-weight: bold;
    font-size: 2.0rem;
}

.syussou_content .grade_summary table {
    margin: 0 0 2rem;
    table-layout: initial;
}

.syussou_content .grade_summary table tbody {
    border: #D9D9D9 solid 0.1rem;
}

.syussou_content .grade_summary table th {
    border: #D9D9D9 solid 0.1rem;
    background-color: var(--MAIN_COLOR, #2160AF);
    vertical-align: middle;
}

.syussou_content .grade_summary .info-text {
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
}

.syussou_content .grade_summary table td {
    border: #D9D9D9 solid 0.1rem;
    vertical-align: middle;
}

.syussou_content .grade_summary .info-tag {
    display: flex;
    width: 12.0rem;
    align-items: center;
    text-align: center;
    line-height: 2.1rem;
    font-size: 1.3rem;
    font-weight: normal;
    justify-content: center;
    padding: 0 0;
    color: #ffffff;
}

/* 選手コメントデータ */
.history_content.modal_content {
    padding: 4rem 2rem;
}

.history_content.modal_content .ttl-history {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
    line-height: 2.4rem;
}

.history_content.modal_content .par-table01 th {
    width: 100%;
    height: 3.2rem;
    text-align: left;
    padding-left: 2rem;
    font-size: 1.4rem;
    font-weight: normal;
    border-color: #bbbbbb;
}

.history_content.modal_content .par-table01 td.col2 {
    width: 10%;
    padding: 0.1rem 0.1rem;
    font-size: 1.4rem;
    font-weight: normal;
    border-top: 0;
}

.history_content.modal_content .par-table01 td.col3 {
    width: 90%;
    padding: 0.1rem 0.1rem;
    text-align: left;
    font-size: 1.4rem;
    font-weight: normal;
    border-top: 0;
}

/* オリジナル展示データ */
.oriten_content.modal_content {
    padding: 2rem 0 3rem;
}

.oriten_content.modal_content p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #113952;
    padding: 0 0 0.5rem 1.8rem;
}