@charset "UTF-8";
.info-blck .from {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 0.75rem;
}
@media (min-width: 480px) {
    .info-blck .from {
        font-size: 0.8125rem;
    }
}
@media (min-width: 840px) {
    .info-blck .from {
        font-size: 0.875rem;
    }
}
.info-blck .epi {
    display: block;
    margin-bottom: 0.3125rem;
}
.info-blck .tit {
    margin-bottom: 0.9375rem;
}
.info-blck .tit + .subtit {
    margin-top: -0.3125rem;
}
.info-blck .subtit {
    margin-bottom: 0.625rem;
}
.info-blck .desc {
    margin-bottom: 0.9375rem;
}
.info-blck .data {
    margin-bottom: 0.625rem;
    flex-direction: column;
}
.info-blck .data .outcome {
    margin-bottom: 0.125rem;
}
.info-blck .data .outcome:not(:last-of-type):after {
    content: "";
}
.info-blck .set-info {
    margin: 1.25rem 0;
}
@media (min-width: 1024px) {
    .info-blck .set-info {
        margin-top: 1.875rem;
    }
}
.info-blck .btn-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.25rem;
}
.info-blck .btn-row .btn {
    margin-right: 0.9375rem;
}
@media (max-width: 1279px) {
    .info-blck .btn-row .access {
        display: none;
    }
}
@media (min-width: 1024px) {
    .two-cols-lst .info-blck {
        max-width: 70%;
    }
}
@media (min-width: 1366px) {
    .two-cols-lst .info-blck {
        max-width: 65%;
    }
}
.info-pill {
    position: relative;
    min-height: 5.625rem;
}
@media (min-width: 1024px) {
    .info-pill {
        min-height: 4.6875rem;
    }
}
.col-lst .info-pill .hashtag {
    font-size: 0.6875rem;
}
@media (min-width: 840px) {
    .col-lst .info-pill .hashtag {
        font-size: 0.75rem;
    }
}
@media (min-width: 1280px) {
    .col-lst .info-pill .hashtag {
        font-size: 0.875rem;
    }
}
.info-pill .info-blck {
    padding-right: 2.1875rem;
}
@media (min-width: 1366px) {
    .info-pill .info-blck {
        padding-right: 2.8125rem;
    }
}
.info-pill.new-season .epi,
.info-pill.new-season .tit,
.info-pill.new-season .desc,
.info-pill.new-season .outcome {
    font-family: HelveticaProCondensed, sans-serif;
    text-transform: uppercase;
}
.info-pill.new-season .tit {
    font-family: HelveticaProBlackCondensed, sans-serif;
    margin-top: 1rem;
}
@media (min-width: 1280px) {
    .info-pill.new-season .info-content .tit {
        font-size: 4.5rem;
    }
}
.col-lst {
    padding: 0 0 1.25rem;
}
@media (min-width: 480px) {
    .col-lst {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: -0.625rem;
    }
}
@media (min-width: 1024px) {
    .col-lst {
        margin-left: -1.25rem;
        padding: 0 0 1.875rem;
    }
}
.col-lst > li {
    margin-bottom: 1.875rem;
}
@media (min-width: 530px) {
    .col-lst > li {
        flex: 1 1 0;
    }
}
@media (min-width: 1024px) {
    .col-lst > li {
        margin-bottom: 2.8125rem;
    }
}
@media (min-width: 480px) {
    .rel-row .col-lst {
        flex-wrap: wrap;
    }
}
@media (min-width: 1024px) {
    .rel-row .col-lst {
        padding-bottom: 0.9375rem;
    }
}
@media (min-width: 480px) {
    .col-lst.two-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
}
@media (min-width: 1024px) {
    .col-lst.two-cols-lst > li {
        margin-left: 1.25rem;
        min-width: calc(50% - 1.25rem);
        max-width: calc(50% - 1.25rem);
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .col-lst.three-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
    .list-row .col-lst.three-cols-lst > li:nth-child(n + 3) {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }
    .list-row.show-all .col-lst.three-cols-lst > li:nth-child(n + 5) {
        position: relative;
        clip: initial;
        clip-path: initial;
        height: auto;
        overflow: initial;
        padding: initial;
        margin: 0 0 1.875rem 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
}
@media (min-width: 768px) {
    .col-lst.three-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(33.3% - 0.625rem);
        max-width: calc(33.3% - 0.625rem);
    }
}
@media (min-width: 1024px) {
    .col-lst.three-cols-lst > li {
        margin-left: 1.25rem;
        min-width: calc(33.3% - 1.25rem);
        max-width: calc(33.3% - 1.25rem);
    }
}
@media (min-width: 480px) and (max-width: 619px) {
    .rel-row .col-lst.three-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
    .rel-row .col-lst.three-cols-lst > li:nth-child(n + 3) {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }
}
@media (min-width: 620px) and (max-width: 767px) {
    .rel-row .col-lst.three-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(33.3% - 0.625rem);
        max-width: calc(33.3% - 0.625rem);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .rel-row .col-lst.three-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
    .rel-row .col-lst.three-cols-lst > li:nth-child(n + 3) {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }
}
.list-row .col-lst.four-cols-lst > li:nth-child(n + 5) {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
}
.list-row.show-all .col-lst.four-cols-lst > li:nth-child(n + 4) {
    position: relative;
    clip: initial;
    clip-path: initial;
    height: auto;
    width: 100%;
    margin: 0 0 1.875rem;
    overflow: initial;
    padding: initial;
}
@media (min-width: 480px) {
    .col-lst.four-cols-lst > li {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
    .list-row.show-all .col-lst.four-cols-lst > li:nth-child(n + 4) {
        margin-left: 0.625rem;
        min-width: calc(50% - 0.625rem);
        max-width: calc(50% - 0.625rem);
    }
}
@media (min-width: 680px) and (max-width: 1279px) {
    .col-lst.four-cols-lst > li {
        min-width: calc(33.3% - 0.625rem);
        max-width: calc(33.3% - 0.625rem);
    }
    .list-row .col-lst.four-cols-lst > li:nth-child(n + 4) {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }
    .list-row.show-all .col-lst.four-cols-lst > li:nth-child(n + 4) {
        margin-left: 0.625rem;
        min-width: calc(33.3% - 0.625rem);
        max-width: calc(33.3% - 0.625rem);
    }
}
@media (min-width: 1024px) {
    .col-lst.four-cols-lst > li {
        margin-left: 1.25rem;
        min-width: calc(33.3% - 1.25rem);
        max-width: calc(33.3% - 1.25rem);
    }
    .list-row.show-all .col-lst.four-cols-lst > li:nth-child(n + 4) {
        margin-left: 1.25rem;
        margin-bottom: 2.8125rem;
        min-width: calc(33.3% - 1.25rem);
        max-width: calc(33.3% - 1.25rem);
    }
}
@media (min-width: 1280px) {
    .col-lst.four-cols-lst > li {
        min-width: calc(25% - 1.25rem);
        max-width: calc(25% - 1.25rem);
    }
    .list-row.show-all .col-lst.four-cols-lst > li:nth-child(n + 4) {
        min-width: calc(25% - 1.25rem);
        max-width: calc(25% - 1.25rem);
    }
}
.col-lst.box-lst {
    padding-bottom: 0;
}
@media (min-width: 840px) {
    .col-lst.box-lst {
        align-items: stretch;
    }
}
@media (max-width: 839px) {
    .col-lst.box-lst {
        display: block;
        margin-left: 0;
    }
}
.col-lst.box-lst > li {
    margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
    .col-lst.box-lst > li {
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 839px) {
    .col-lst.box-lst > li {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

.play-heading .heading-info .heading-tags {
    flex: 0 1 9rem;
    max-width: 9rem;
    min-width: 0;
    margin-right: 0.3125rem;
}

.play-heading .heading-info .heading-tags .item-arrow {
    margin: 0;
}

.play-heading .heading-info .heading-tags .anniversary-tag + .item-arrow {
    margin-top: 0.9375rem;
}

.play-heading .anniversary-tag {
    width: 100%;
    margin-bottom: 0;
}

.play-heading .anniversary-tag a {
    display: block;
}

.play-heading .anniversary-tag img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 480px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 10rem;
        max-width: 10rem;
    }
}

@media (min-width: 680px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 11rem;
        max-width: 11rem;
    }
}

@media (min-width: 840px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 12rem;
        max-width: 12rem;
        margin: 0.3125rem 1.25rem;
    }
}

@media (min-width: 1024px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 13rem;
        max-width: 13rem;
        margin: 0.9375rem 1.875rem 0;
    }
}

@media (min-width: 1280px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 14rem;
        max-width: 14rem;
        margin-right: 5rem;
    }
}

@media (min-width: 1620px) {
    .play-heading .heading-info .heading-tags {
        flex-basis: 15rem;
        max-width: 15rem;
    }
}