@charset "utf-8";

main {
    padding-top: 7.6rem;
}
#second header {
    margin-bottom: 40px;
}
.ScoreTitle {
    margin-bottom: .3rem;
    color: rgba(34, 34, 34, 1);
}
p.ScoreTitle-Sub {
font-size: .7rem;
color: #777;
letter-spacing: .02rem;
font-weight: bold;
}

.CalendarScroll {
border-top: solid 1px #ccc;
padding-top: 10px;
position: sticky;
top: var(--tf-sticky, 0px);
z-index: 5;
padding-bottom: 10px;
background: #fff;
border-bottom: solid 1px #ccc;
}
.CalendarScroll ul {
display: flex;
justify-content: center;
align-items: center;
}
.CalendarScroll ul li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 62px;
height: 62px;
border-radius: .4rem;
margin: 0 .4rem;
border: none;
font-size: .8rem;
font-weight: bold;
opacity: .2;
}
.CalendarScroll ul li.current {
opacity: 1;
width: 66px;
height: 66px;
border: none;
}

.ScoreCal-logos {
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
height: 18px;
}
.ScoreCal-date {
line-height: 1.2;
padding: 5px 0;
}

.ScoreCal-logo {
display: block;
width: 18px;
height: 18px;
border-radius: 2px;
}
.ScoreCal-logo--img {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

@media screen and (min-width: 480px) {
    main {
        padding-top: 0rem;
    }
}

@media screen and (min-width: 960px) {
    h1.ScoreTitle {
        font-size: 1.8rem;
    }
}

.WrapperSchedule {
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    background: #f5f5f5;
    border-top: solid 1px #e8e8e8;
}
.ScoreCard {
    margin-bottom: 1.5rem;
    border: solid 1px #ddd;
    border-radius: .4rem;
    overflow: hidden;
    background: #fff;
}

.ScoreCard-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.4rem 1rem;
    border-bottom: solid 1px #eee;
}
.ScoreCard-league {
    display: flex;
    align-items: center;
}
.ScoreCard-switch ~ .ScoreCard-head .ScoreCard-league {
    cursor: pointer;
}
.ScoreCard-emblem {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: .6rem;
    border-radius: .2rem;
    background: #0058aa;
}
.ScoreCard-name {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
}
.ScoreCard-name b {
    font-size: 1.05rem;
    color: #222;
}
.ScoreCard-name small {
    color: #888;
    font-size: .85rem;
}

.ScoreCard-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    cursor: pointer;
    user-select: none;
}
.ScoreCard-toggleText {
    margin-bottom: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
    font-size: .8rem;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}
.ScoreCard-toggleText small {
    font-size: .6rem;
    font-weight: normal;
    color: #999;
    letter-spacing: .05rem;
}
.ScoreCard-toggleBox {
    position: relative;
    width: 3.4rem;
    height: 1.8rem;
    border-radius: 1rem;
    background: #ccc;
    transition: background .2s;
}
.ScoreCard-toggleBox::before {
    content: "";
    position: absolute;
    top: .22rem;
    left: .22rem;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: #fff;
    transition: transform .2s;
}

.ScoreCard-switch:checked ~ .ScoreCard-head .ScoreCard-toggleBox {
    background: rgba(10, 80, 140, 1);
}
.ScoreCard-switch:checked ~ .ScoreCard-head .ScoreCard-toggleBox::before {
    transform: translateX(1.6rem);
}
.ScoreCard-ranking {
    display: none;
    padding-top: 1rem;
}
.ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-schedule {
    display: none;
}
.ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-ranking {
    display: block;
}
.ScoreCard-tournament {
    display: none;
    padding-top: 1rem;
}
.ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-tournament {
    display: block;
}

.ScoreCard-tabs {
    display: none;
    align-items: stretch;
    gap: .8rem;
    padding: 0 1rem;
    border-bottom: solid 1px #eee;
    position: relative;
    z-index: 2;
}
.ScoreCard-tabSep {
    display: flex;
    align-items: center;
    color: #ddd;
    font-size: .8rem;
    user-select: none;
}
.ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-tabs {
    display: flex;
}
.ScoreCard-tab {
    padding: .9rem .2rem;
    border: none;
    border-bottom: solid 2px transparent;
    background: none;
    color: #333;
    font-size: .85rem;
    font-weight: bold;
    font-family: inherit;
    line-height: 1.5;
    cursor: pointer;
    white-space: nowrap;
}
.ScoreCard-tab.is-on {
    color: #222;
}
.ScoreCard-tabBar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    opacity: 0;
    background: rgba(10, 80, 140, 1);
    transform: translateX(0);
    transition: transform .25s ease, width .25s ease, opacity .15s ease;
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    .ScoreCard-tabBar {
        transition: none;
    }
}

.ScoreCard-allmatches,
.ScoreCard-scorers,
.ScoreCard-news {
    display: none;
}
.ScoreCard[data-pane="all"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-allmatches,
.ScoreCard[data-pane="rank"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-scorers,
.ScoreCard[data-pane="news"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-news {
    display: block;
}
.ScoreCard[data-pane="all"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-ranking,
.ScoreCard[data-pane="all"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-tournament,
.ScoreCard[data-pane="rank"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-ranking,
.ScoreCard[data-pane="rank"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-tournament,
.ScoreCard[data-pane="news"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-ranking,
.ScoreCard[data-pane="news"] .ScoreCard-switch:checked ~ .ScoreCard-panels .ScoreCard-tournament {
    display: none;
}
.ScoreCard-ranking,
.ScoreCard-tournament,
.ScoreCard-allmatches,
.ScoreCard-scorers,
.ScoreCard-news {
    transition: transform .26s ease;
}
.ScoreCard-scorers {
    padding-top: 1rem;
}

.ScoreCard-news {
    padding: 1rem;
}

.ScoreLatest {
    margin-top: 3rem;
    padding: 1.4rem 1rem;
    border-radius: .4rem;
    background: #fff;
}
.ScoreLatest-head {
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: bold;
    color: #222;
}
.ScoreLatest .ScoreCard-news {
    display: block;
    padding: 0;
}

.ScoreColumns.is-on {
    margin-top: 3rem;
    padding: 1.4rem 1rem;
    border-radius: .4rem;
    background: #fff;
}
.ScoreColumns-head {
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: bold;
    color: #222;
}
.ScoreColumns-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd #f3f3f3;
    padding-bottom: 1.2rem;
}
.ScoreColumns-scroll::-webkit-scrollbar {
    height: 10px;
}
.ScoreColumns-scroll::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}
.ScoreColumns-scroll::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 5px;
}
.ScoreColumns-list {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    width: max-content;
}
.ScoreColumns-item {
    width: 20rem;
}
.ScoreColumn {
    display: block;
    color: #222;
    text-decoration: none;
}
.ScoreColumn-img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: .5rem;
    background: #eee;
}
.ScoreColumn-meta {
    display: block;
    margin-top: .5rem;
    font-size: .8rem;
    color: #888;
}
.ScoreColumn-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: .2rem;

    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
}
.ScoreColumns-more {
    margin: 1.2rem 0 0;
    text-align: right;
}
.ScoreColumns-more a {
    display: inline-block;
    padding: .5rem 1.6rem;
    border-radius: 2rem;
    background: #222;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .ScoreColumns-item {
        width: 15rem;
    }
    .ScoreColumns-list {
        gap: 1.2rem;
    }
    .ScoreColumn-title {
        font-size: .85rem;
        font-weight: normal;
    }
}


.ScoreVideos.is-on {
    margin-top: 3rem;
    padding: 1.4rem 1rem;
    border-radius: .4rem;
    background: #fff;
}
.ScoreVideos-head {
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: bold;
    color: #222;
}
.ScoreVideos-scroll {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd #f3f3f3;
    padding-bottom: 1.2rem;
}
.ScoreVideos-scroll::-webkit-scrollbar {
    height: 10px;
}
.ScoreVideos-scroll::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}
.ScoreVideos-scroll::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 5px;
}
.ScoreVideos-list {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    width: max-content;
}
.ScoreVideos-item {
    width: 20rem;
}
.ScoreVideo {
    display: block;
    color: #222;
    text-decoration: none;
}
.ScoreVideo-thumb {
    position: relative;
    display: block;
    overflow: hidden;

    aspect-ratio: 16 / 10;
    border-radius: .5rem;
    background: #eee;
}
.ScoreVideo-thumb::after {
    content: "";
    position: absolute;

    left: 1rem;
    bottom: 1rem;
    width: 3.5rem;
    height: 3.5rem;

    background: url(/img/icon-circle-w.svg?v=20260825) center / contain no-repeat;
}
.ScoreVideo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ScoreVideo-date {
    display: block;
    margin-top: .5rem;
    font-size: .8rem;
    color: #888;
}
.ScoreVideo-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: .2rem;

    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5;
}
.ScoreVideo-cat {
    display: block;
    margin-top: .3rem;
    font-size: .75rem;
    color: #888;
}
.ScoreVideos-more {
    margin: 1.2rem 0 0;
    text-align: right;
}
.ScoreVideos-more a {
    display: inline-block;
    padding: .5rem 1.6rem;
    border-radius: 2rem;
    background: #222;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .ScoreVideos-item {
        width: 15rem;
    }
    .ScoreVideos-list {
        gap: 1.2rem;
    }
    .ScoreVideo-thumb::after {
        width: 3rem;
        height: 3rem;
    }
    .ScoreVideo-title {
        font-size: .85rem;
        font-weight: normal;
    }
}

.ScoreSerial.is-on {
    margin-top: 3rem;
    padding: 1.4rem 1rem;
    border-radius: .4rem;
    background: #fff;
}
.ScoreSerial-head {
    font-size: 1.05rem;
    font-weight: bold;
    color: #222;
}
.ScoreSerial-by {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: .8rem;
}
.ScoreSerial-tag {
    display: inline-block;
    padding: .2rem .7rem;
    border-radius: .2rem;
    background: #555;
    color: #fff;
    font-size: .75rem;
}
.ScoreSerial-author {
    font-size: .85rem;
    color: #222;
}
.ScoreSerial-list {
    margin-top: 1rem;
}
.ScoreSerial-item {
    border-top: solid 1px #eee;
}
.ScoreSerial-link {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
    color: #222;
    text-decoration: none;
}
.ScoreSerial-no {
    flex: 0 0 auto;
    padding-top: .1rem;
    color: #999;
    font-size: .85rem;
}
.ScoreSerial-title {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.45;
}
.ScoreSerial-more {
    margin: 1.2rem 0 0;
    text-align: right;
}
.ScoreSerial-more a {
    display: inline-block;
    padding: .5rem 1.6rem;
    border-radius: 2rem;
    background: #222;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .ScoreSerial-title {
        font-size: .95rem;
        font-weight: normal;
    }
}

.ScoreNews-big {
    display: block;
    margin-bottom: 1.2rem;
    color: #222;
    text-decoration: none;
}
.ScoreNews-bigImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .4rem;
}
.ScoreNews-bigTitle {
    display: block;
    margin-top: .7rem;
    font-size: 1.15rem;
    font-weight: bold;
    line-height: 1.4;
}
.ScoreNews-row {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: 1rem 0;
    border-top: solid 1px #eee;
    color: #222;
    text-decoration: none;
}
.ScoreNews-thumb {
    position: relative;
    flex: 0 0 8rem;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: .3rem;
    background: #eee;
}
.ScoreNews-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ScoreNews-thumb--movie::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin: -1.25rem 0 0 -1.25rem;

    background: url(/img/icon-circle-w.svg?v=20260825) center / contain no-repeat;
}
.ScoreNews-body {
    flex: 1 1 auto;
    min-width: 0;
}
.ScoreNews-title {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.45;
}
.ScoreNews-meta {
    display: block;
    margin-top: .3rem;
    color: #888;
    font-size: .8rem;
}

@media screen and (max-width: 767px) {
    .ScoreNews-row--top,
    .ScoreNews-row--lead {
        display: block;
        padding: 0 0 1.2rem;
        border-top: none;
    }
    .ScoreNews-row--top .ScoreNews-thumb,
    .ScoreNews-row--lead .ScoreNews-thumb {
        display: block;
        flex: none;
        width: 100%;
        aspect-ratio: auto;
        border-radius: 0;
        background: none;
    }
    .ScoreNews-row--top .ScoreNews-thumb img,
    .ScoreNews-row--lead .ScoreNews-thumb img {
        height: auto;
        border-radius: .4rem;
    }

    .ScoreNews-row--top .ScoreNews-thumb {
        aspect-ratio: 16 / 9;
        border-radius: .6rem;
    }
    .ScoreNews-row--top .ScoreNews-thumb img {
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }
    .ScoreNews-row--top .ScoreNews-thumb--movie::after,
    .ScoreNews-row--lead .ScoreNews-thumb--movie::after {
        width: 4.6rem;
        height: 4.6rem;
        margin: -2.3rem 0 0 -2.3rem;
    }
    .ScoreNews-row--top .ScoreNews-title,
    .ScoreNews-row--lead .ScoreNews-title {
        margin-top: .7rem;
        font-size: 1.3rem;
        line-height: 1.4;
    }
}

.ScoreNews-row--in {
    animation: scoreNewsIn .32s ease-out both;
}
@keyframes scoreNewsIn {
    from {
        opacity: 0;
        transform: translateY(-.5rem);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.ScoreNews-row--out {
    animation: scoreNewsOut .24s ease-in both;
}
@keyframes scoreNewsOut {
    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translateY(-.5rem);
    }
}
.ScoreNews-load {
    margin: 1rem 0 0;
    text-align: center;
}
.ScoreNews-loadBtn {
    padding: .4rem 1rem;
    border: none;
    background: none;
    color: #666;
    font-family: inherit;
    font-size: .8rem;
    line-height: 1.4;
    cursor: pointer;
}
.ScoreNews-loadArrow {
    display: block;
    width: .7rem;
    height: .7rem;
    margin: .25rem auto 0;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    transform: rotate(45deg);
}
.ScoreNews-loadBtn.is-fold .ScoreNews-loadArrow {
    margin: .2rem auto .35rem;
    transform: rotate(-135deg);
}
.ScoreNews-more {
    margin: 1.2rem 0 0;
    text-align: center;
}
.ScoreNews-more a {
    display: inline-block;
    padding: .5rem 1.6rem;
    border-radius: 2rem;
    background: #222;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
}

.ScoreNews-waitBig {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 1.2rem;
    border-radius: .4rem;
    background: #eee;
}
.ScoreNews-waitRow {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .9rem 0;
    border-top: solid 1px #eee;
}
.ScoreNews-waitThumb {
    flex: 0 0 8rem;
    aspect-ratio: 16 / 9;
    border-radius: .3rem;
    background: #eee;
}
.ScoreNews-waitBody {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: .2rem;
}
.ScoreNews-bar {
    display: block;
    height: .85rem;
    margin-bottom: .45rem;
    border-radius: .2rem;
    background: #eee;
}
.ScoreNews-bar--short {
    width: 40%;
    margin-bottom: 0;
}
.ScoreScorerTable th:nth-child(3),
.ScoreScorerTable td:nth-child(3) {
    text-align: left;
}
.ScoreScorer-team {
    color: #555;
    font-size: .85rem;
}

.ScoreCard-allmatches {
    --sa-max: 30rem;
}
.ScheduleAll-wrap {
    position: relative;
}
.ScheduleAll {
    max-height: var(--sa-max);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
    padding: 1.6rem .8rem;
    background: #fff;
}
.ScheduleAll-day {
    margin-bottom: .8rem;
    border: solid 1px #e2e2e2;
    border-radius: .4rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
.ScheduleAll-day:last-child {
    margin-bottom: 0;
}
.ScheduleAll-date {
    padding: 1.1rem 1rem .9rem;
    border-bottom: solid 1px #eee;
    color: #333;
    font-size: .9rem;
    font-weight: bold;
}
.ScheduleAll .Match-team {
    font-size: .95rem;
}
.ScheduleAll .Match-emblem {
    width: 2.1rem;
    height: 2.1rem;
}

@media (min-width: 768px) {
    .ScoreCard-allmatches {
        --sa-max: 38rem;
    }
    .ScheduleAll::-webkit-scrollbar {
        width: 8px;
    }
    .ScheduleAll::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #ccc;
    }
    .ScheduleAll::-webkit-scrollbar-track {
        background: #f4f4f4;
    }
}

.Match {
    padding: .8rem 1rem;
    border-bottom: dotted 1px #e5e5e5;
}
.Match:last-child {
    border-bottom: none;
}
.Match-venue {
    margin-bottom: .4rem;
    font-size: .75rem;
    color: #666;
}
.Match-round {
    font-weight: bold;
    color: #222;
}
.Match-body {
    display: flex;
    align-items: center;
}
.Match-teams {
    flex: 1 1 auto;
    min-width: 0;
}
.Match-team {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    font-size: 1.05rem;
}
.Match-team:last-child {
    margin-bottom: 0;
}
.Match-teamName {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.Match-affil {
    font-size: .75rem;
    font-weight: normal;
    color: #666;
    line-height: 1.3;
}
.Match-emblem {
    display: inline-block;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .5rem;
    border-radius: .15rem;
    background: #ccc;
}

.ScoreRank-emblem {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .35rem;
    vertical-align: middle;
    border-radius: .15rem;
    background: #ccc;
}

.ScoreCard-emblem--img,
.ScoreRank-emblem--img,
.Match-emblem--img {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
}

.Match-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 3rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.6;
}

.Match-score span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Match-body--emblem .Match-score span {
    padding: .3rem 0;
}

.Match-time {
    min-width: 3rem;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
}

.Match-status {
    margin: 0 0 0 .8rem;
    min-width: 3rem;
    text-align: center;
    border-left: solid 1px #e0e0e0;
    font-size: .85rem;
    font-weight: bold;
}
.Match-status:empty::before {
    content: "\00a0";
}
.Match-status--done {
    color: #222;
}
.Match-status--postponed {
    color: #222;
}
.Match-status--paid {
    color: #8e160a;
}
.Match-note {
    margin: .4rem 0 0;
    text-align: right;
    font-size: .75rem;
    color: #888;
}

.ScoreRankTable {
    width: calc(100% - 2rem);
    margin: 1rem;
    border-collapse: collapse;
    font-size: .85rem;
}
.ScoreRankTable th,
.ScoreRankTable td {
    padding: .7rem .3rem;
    text-align: center;
    white-space: nowrap;
    border: none;
    border-bottom: solid 1px #eee;
}
.ScoreRankTable thead th {
    color: #888;
    font-weight: normal;
    background: none;
    border-bottom: solid 1px #ddd;
}
.ScoreRankTable tbody tr:last-child td {
    border-bottom: none;
}

.ScoreRankTable th:nth-child(2),
.ScoreRankTable td:nth-child(2) {
    text-align: left;
}
.ScoreRankTable-more {
    margin: 0 1rem 1rem;
    text-align: right;
    font-size: .85rem;
    font-weight: bold;
}

.Match-status--cancelled {
    color: #888;
}
.Match-deco {
    display: block;
    font-size: .7rem;
    font-weight: normal;
    color: #666;
}

.Match--openable {
    cursor: pointer;
}

.Match-toggle {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    margin: .25rem auto 0;
    padding: 0;
    border: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23555'/%3E%3Cpath d='M7.5 10.5l4.5 4.5 4.5-4.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    transition: transform .2s ease;
}
.Match-toggle[aria-expanded="true"] {
    transform: rotate(180deg);
}
.Match-detail[hidden] {
    display: none;
}
.Match-detail {
    margin: .5rem 0 0;
    padding-top: .5rem;
    border-top: dashed 1px #e8e8e8;
}

.Match-detail--indent {
    margin-left: 2.9rem;
}
.Match-detailTitle {
    margin: 0 0 .2rem;
    font-size: .8rem;
    font-weight: bold;
    color: #222;
}
.Match-goals {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Match-goal {
    font-size: .85rem;
    line-height: 1.7;
    color: #000;
}

.Match-goalMin {
    display: inline-block;
    padding-right: .85rem;
}
.Match-goalTeam {
    font-size: .8rem;
}

.ScoreCalBar {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 .3rem;
}
.ScoreHomeBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .35rem 1.4rem;
    border: solid 1px #bbb;
    border-radius: 2rem;
    background: #fff;
    color: #333;
    font-family: inherit;
    font-size: .78rem;
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}
.ScoreCards-swap {
    animation: scoreCardsIn .8s ease-in-out both;
}
@keyframes scoreCardsIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.ScoreHomeBtn.is-in {
    animation: scoreHomeIn .24s ease-out both;
}
@keyframes scoreHomeIn {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + .3rem));
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
.ScoreCalBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    padding: .2rem .3rem;
    border: none;
    background: none;
    color: #555;
    font-size: .6rem;
    font-weight: normal;
    letter-spacing: .05rem;
    line-height: 1;
    cursor: pointer;
}

.ScoreCalBtn-icon {
    display: block;
    margin-bottom: .2rem;
    padding-right: 3rem;
    width: 2rem;
    height: 2rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3Cpath d='M7.5 14h2M11 14h2M14.5 14h2M7.5 17.5h2M11 17.5h2'/%3E%3C/svg%3E") no-repeat center / contain;
}

.ScoreCalBtn[aria-expanded="true"] .ScoreCalBtn-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E");
}

.ScoreCalPanel[hidden] {
    display: none;
}

.ScoreCalPanel {
    margin: 0 0 20px;
    padding: 1.2rem;
    border-top: solid 1px #e8e8e8;
    overflow: hidden;
}
.ScoreCalPanel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.ScoreCalPanel-ymWrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.ScoreCalPanel-ym {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0 1.15rem 0 0;
    border: none;
    border-radius: 0;
    background: none;
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
}
.ScoreCalPanel-ym:focus {
    outline: none;
}

@supports (field-sizing: content) {
    .ScoreCalPanel-ym {
        field-sizing: content;
    }
}

.ScoreCalPanel-ymArrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
}

.ScoreCalPanel-nav button {
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    border: none;
    background: no-repeat center / 1.8rem 1.8rem;
    cursor: pointer;
}
.ScoreCalPanel-nav button[data-ym-move="-1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");
}
.ScoreCalPanel-nav button[data-ym-move="1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
}

.ScoreCalGrid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    transition: transform .25s ease;
}
.ScoreCalGrid th {
    padding: 0 0 .6rem;
    border-bottom: solid 1px #e8e8e8;
    color: #222;
    font-size: .75rem;
    font-weight: bold;
    text-align: center;
}

.ScoreCalGrid th:first-child {
    color: #c1272d;
}
.ScoreCalGrid th:last-child {
    color: #1b5fa8;
}
.ScoreCalGrid td {
    height: 3.2rem;
    padding: .25rem 0 1rem;
    border-bottom: solid 1px #f0f0f0;
    color: #222;
    font-size: .9rem;
    text-align: center;
    vertical-align: top;
}
.ScoreCalGrid td.has-match {
    cursor: pointer;
}

.ScoreCalGrid td.no-match,
.ScoreCalGrid td.is-blank {
    cursor: default;
}
.ScoreCalCell-day {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    line-height: 1;
}

.ScoreCalGrid td.is-today .ScoreCalCell-day {
    background: #222;
    color: #fff;
    font-weight: bold;
}
.ScoreCalCell-logos {
    display: block;
    margin-top: .1rem;
}

.ScoreCalCell-logos .ScoreCal-logos {
    height: 18px;
    gap: 2px;
}

.ScoreCalPanel-foot {
    display: flex;
    justify-content: flex-end;
    padding: .4rem .2rem .2rem;
}
.ScoreCalPanel-close {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    border: none;
    background: none;
    color: #555;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

.ScoreCal-veil[hidden] {
    display: none;
}
.ScoreCal-veil {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 9990;
}

.ScoreCal-front {
    position: relative;
    z-index: 9991;
}
.ScoreCalPanel.ScoreCal-front {
    background: #fff;
    border-radius: 2rem;
}

@media screen and (min-width: 600px) {

    .ScoreCalPanel {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }

    @supports (appearance: base-select) {
        .ScoreCalPanel-ym,
        .ScoreCalPanel-ym::picker(select) {
            appearance: base-select;
        }

        .ScoreCalPanel-ym::picker-icon {
            display: none;
        }
        .ScoreCalPanel-ym option::checkmark {
            display: none;
        }

        .ScoreCalPanel-ym {
            min-height: 0;
            align-items: center;
            padding-right: 1.3rem;
        }

        .ScoreCalPanel-ym::picker(select) {
            max-height: 20rem;
            overflow-y: auto;
            margin-top: .3rem;
            padding: .4rem;
            border: solid 1px #e8e8e8;
            border-radius: .4rem;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
        }

        .ScoreCalPanel-ym option {
            padding: .5rem 1rem;
            border-radius: .3rem;
            color: #222;
            font-size: 1rem;
            font-weight: normal;
        }
        .ScoreCalPanel-ym option:hover {
            background: #f2f2f2;
        }

        .ScoreCalPanel-ym option:checked {
            background: #ddd;
            font-size: 1.05rem;
            letter-spacing: .04rem;
        }
    }
}

.ScoreMsg {
    margin: 0;
    padding: 2rem 1rem;
    text-align: center;
    color: #888;
    font-size: .9rem;
}

.main-contents {
    min-width: 0;
}

.CalendarScroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
}
.CalendarScroll:active {
    cursor: grabbing;
}
.CalendarScroll::-webkit-scrollbar {
    display: none;
}
.CalendarScroll ul {
    width: max-content;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .CalendarScroll {
        scrollbar-width: thin;
        scrollbar-color: #cdcdcd #f3f3f3;
        padding-bottom: 1em;
    }
    .CalendarScroll::-webkit-scrollbar {
        display: block;
        height: 10px;
    }
    .CalendarScroll::-webkit-scrollbar-track {
        background-color: #f3f3f3;
    }
    .CalendarScroll::-webkit-scrollbar-thumb {
        background-color: #cdcdcd;
        border-radius: 5px;
    }
}
.TB {
    --tb-box-w: 17.2rem;
    --tb-box-h: 2.375rem;
    --tb-gap: 1.6rem;
    --tb-gap-v: 10px;
    --tb-team-gap: 4px;
    --tb-head-h: calc(.75rem * 1.3 + .3rem);
    --tb-slot-h: 10rem;
    --tb-line: #b9c2c8;
    --tb-line-w: 2px;
    --tb-win: #e5f2ff;
    --tb-champ: #ece6cb;
    --tb-base: #f1f4f6;
    --tb-step: 0;
    --tb-view: 1;
    padding: 1.5625rem 1rem 1rem;
}
.TB-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.5625rem;
}
.TB-btn {
    padding: .5rem 1.4rem;
    border: 0;
    border-radius: 2rem;
    background: #e8ecef;
    color: #555;
    font-size: .8rem;
    font-weight: bold;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
}
.TB-btn.is-current {
    background: #222;
    color: #fff;
}
.TB-viewport {
    overflow: hidden;
    display: flex;
    align-items: center;
    height: calc(var(--tb-slot-h) * var(--tb-view));
    transition: height .5s ease;
}
.TB-track {
    display: flex;
    height: calc(var(--tb-slot-h) * var(--tb-view));
    transform: translateX(calc((var(--tb-box-w) + var(--tb-gap)) * var(--tb-step) * -1));
    transition: transform .5s ease, height .5s ease;
}
.TB-round {
    flex: 0 0 auto;
    width: calc(var(--tb-box-w) + var(--tb-gap));
    display: flex;
    flex-direction: column;
    position: relative;
}
.TB-pair {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.TB-pair::after {
    content: "";
    position: absolute;
    right: calc(var(--tb-gap) / 2);
    top: calc(25% + var(--tb-head-h) / 2);
    height: 50%;
    width: var(--tb-line-w);
    background: var(--tb-line);
}
.TB-pair::before {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% + var(--tb-head-h) / 2 - var(--tb-line-w) / 2);
    width: calc(var(--tb-gap) / 2);
    height: var(--tb-line-w);
    background: var(--tb-line);
}
.TB-pair--single::after,
.TB-pair--last::before,
.TB-pair--last::after {
    display: none;
}
.TB-slot {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding: calc(var(--tb-gap-v) / 2) 0;
}
.TB-slot::after {
    content: "";
    position: absolute;
    right: calc(var(--tb-gap) / 2);
    top: calc(50% + var(--tb-head-h) / 2 - var(--tb-line-w) / 2);
    width: calc(var(--tb-gap) / 2);
    height: var(--tb-line-w);
    background: var(--tb-line);
}
.TB-pair--last .TB-slot::after {
    display: none;
}
.TB-match {
    position: relative;
    width: var(--tb-box-w);
    box-sizing: border-box;
}
.TB-crown {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: inline-block;
    margin-bottom: .3rem;
    padding: .1rem .7rem;
    border-radius: 1rem;
    background: #b3a880;
    color: #fff;
    font-size: .7rem;
    font-weight: bold;
    line-height: 1.4;
}
.ScoreScorer-more td {
    padding-top: .6rem;
    color: #888;
    font-size: .8rem;
    text-align: center;
}
.TB-pair--extra {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    flex: none;
}
.TB-pair--last .TB-slot {
    transition: padding-bottom .5s ease;
}
.TB--final .TB-pair--last:not(.TB-pair--extra) .TB-slot {
    padding-bottom: calc(var(--tb-gap-v) / 2 + var(--tb-slot-h) * var(--tb-view) / 2);
}
.TB-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
    margin: 0 0 .3rem;
    font-size: .75rem;
    color: #666;
    line-height: 1.3;
}
.TB-headMain {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.TB-deco {
    flex: 0 0 auto;
}
.TB-team {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: var(--tb-box-h);
    padding: .6rem .7rem .4rem .7rem;
    border: solid 1px #ddd;
    border-radius: .25rem;
    background: var(--tb-base);
    font-size: .9rem;
}
.TB-team + .TB-team {
    margin-top: var(--tb-team-gap);
}
.TB-team--win {
    background: var(--tb-win);
}
.TB-pair--last:not(.TB-pair--extra) .TB-team--win {
    background: var(--tb-champ);
}
.TB-teamName {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.15;
}
.TB-affil {
    font-size: .75rem;
    font-weight: normal;
    color: #666;
    line-height: 1.2;
}
.TB-score {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: .6rem;
    font-weight: bold;
    white-space: nowrap;
}
.TB-score small {
    margin-left: .1rem;
    font-size: .8em;
    font-weight: normal;
}
.TB-pk {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: .25rem;
    line-height: 1.4;
}
.TB-pkLabel {
    font-size: .75rem;
    font-weight: normal;
    color: #333;
}
.TB-pk small {
    margin-left: 0;
    font-size: .75rem;
    font-weight: normal;
    color: #333;
}
.TB-more {
    margin: 1rem 1rem 1rem;
    text-align: right;
    font-size: .85rem;
    font-weight: bold;
}
.TB-more a {
    display: inline-block;
    padding: .4rem 1rem;
    border-radius: 2rem;
    background: rgba(10, 80, 140, 1);
    color: #fff;
    font-size: .75rem;
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .TB {
        --tb-box-w: 265px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ScoreNews-row--in,
    .ScoreNews-row--out,
    .ScoreHomeBtn.is-in,
    .ScoreCards-swap {
        animation: none;
    }
    .ScoreCard-ranking,
    .ScoreCard-tournament,
    .ScoreCard-allmatches,
    .ScoreCard-scorers,
    .ScoreCard-news {
        transition: none;
    }
}

@media screen and (min-width: 768px) {
    .ScoreNews-thumb,
    .ScoreNews-waitThumb {
        flex: 0 0 10rem;
    }
    .ScoreNews-title {
        font-size: 1rem;
    }
    .ScoreNews-bigTitle {
        font-size: 1.25rem;
    }
    .ScoreRankTable {
        font-size: .95rem;
    }
    .ScoreScorer-team {
        font-size: .95rem;
    }
    .ScoreRank-emblem {
        width: 1.9rem;
        height: 1.9rem;
        margin-right: .4rem;
    }
}

@media screen and (max-width: 767px) {
    .TB-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: .5rem;
        margin-bottom: 1.0625rem;
    }
    .TB-nav::-webkit-scrollbar {
        display: none;
    }
    .TB-btn {
        flex: 0 0 auto;
    }
}