.side-modal__live_content {
    background-color: #F6D1AF !important;
}
.backgroud-live-color {
    background-color: #F6D1AF !important;
}
#LivePostsWrapper {
    width: 49.3vw !important;
    margin-top: 8.6vw;
} 

.live-prev-btn {
    margin-right: 0.9vw;
}
.live-year-buttons {
    margin-top: 1.7vw;
    margin-bottom: 4vw;
}
.btn-open-modal-live {
    margin-top: 2.4vw;
    margin-bottom: -1vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 48.773611111111116vw;
    height: auto;
    margin-top: unset !important;
    justify-content: unset !important;
}
.live-year-buttons-top-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 25vw;
}
.live-thumbnail {
    width: 21.4vw;
    margin-top: -2.8vw;
    display: flex;
}
.live-modal-barcode-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 0.6vw;
}
.live-modal-info {
    display: flex;
    flex-direction: row;
}
.live-modal-tag {
    background-image: url(../imgs/img-live-section-live-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    width: 6.041666666666667vw;
    height: 2.6vw;
}
.live-modal-tag-text {
    margin: auto;
}
.live-modal-barcode {
    width: 6.041666666666667vw;
    /* height: auto; */
    height: 1.6vw;
}
.live-modal-date-custom {
    font-size: 1.1111111111111112vw;
    margin-left: 1vw;
}
.live-title {
    font-size: 2.7777777777777777vw;
    white-space: unset !important;
    line-height: 1.05;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.live-modal-title-jp {
    width: 0.8333333333333334vw;
    white-space: unset !important;
    font-size: 0.8333333333333334vw;
}
.live-modal-description-en-wrapper {
    margin-top: 1.8vw;
    margin-bottom: 1.8vw;
    line-height: 1.5;
}
.live-modal-description-en {
    font-size: 0.7638888888888888vw;
    white-space: unset !important;
}
.live-item-right {
    white-space: normal !important;
    margin-left: 2.9vw;
    margin-top: 0.4vw;
}
.live-modal-info {
    font-size: 0.7638888888888888vw;
    margin-bottom: 0.2vw;
    line-height: 1.5;
}
.live-modal-info-parms {
    margin-left: 5.2vw;
}
.live-modal-description-jp-wrapper {
    font-size: 0.7638888888888888vw;
    margin-top: 2.5vw;
    line-height: 1.6;
}
.live-item {
    margin-top: 3vw;
}
.live-section-contens-matrix-dot {
    margin-top: 0.2vw !important;
    margin-bottom: 0.2vw !important;
}
.live-modal-info-parms-jp {
    margin-left: 5.2vw;
}

.live-modal-info-date {

}
.live-modal-info-venue {
    transform: translateX(-0.55vw);
}
.live-modal-info-open {
    transform: translateX(-0.55vw);
}
.live-modal-info-start {
    transform: translateX(-0.05vw);
}
.live-modal-info-ticket {
    transform: translateX(-0.4vw);
}
.live-modal-info-act {
    transform: translateX(0.65vw);
}


.live-modal-info-jp .live-modal-info-venue {
    transform: translateX(0vw);
}
.live-modal-info-jp .live-modal-info-open {
    transform: translateX(0vw);
}
.live-modal-info-jp .live-modal-info-start {
    transform: translateX(0vw);
}
.live-modal-info-jp .live-modal-info-ticket {
    transform: translateX(-1.2vw);
}
.live-modal-info-jp .live-modal-info-act {
    transform: translateX(-0.4vw);
}
.live-modal-description-jp-wrapper {
    margin-bottom: 1.4vw;
}
.live-modal-url-wrapper {
    width: 100%;
    margin-top: 2.6vw;
}
@media screen and (max-width: 751px){
    #LivePostsWrapper {
        width: 73.466667vw !important;
    }
    .live-year-buttons {
        margin-top: 5.7vw;
        margin-bottom: 4vw;
    }
    .btn-open-modal-live {
        width: 100%;
        justify-content: unset;
        margin-top: 4.5vw;
        margin-bottom: 0;
        flex-direction: column;
    }
    .live-modal-tag {
        width: 11.600000000000001vw;
        height: 4.95vw;
    }
    .live-modal-barcode {
        width: 11.600000000000001vw;
        height: 3.25vw;
    }
    .live-modal-date-custom {
        font-size: 2.933333333333333vw;
        margin-left: 2vw;
        transform: translateY(-0.6vw);
    }
    .live-thumbnail {
        width: 71.46666666666667vw;
        margin-top: -0.8vw;
    }
    .live-title {
        font-size: 6.4vw;
        margin-bottom: 3vw;
    }
    .live-modal-title-jp {
        font-size: 3.2vw;
    }
    .live-modal-description-en {
        font-size: 2.933333333333333vw;
    }
    .live-modal-description-jp {
        font-size: 2.933333333333333vw;
        letter-spacing: -0.05rem;
    }
    .live-modal-info {
        font-size: 2.666666666666667vw;
        margin-bottom: 1.8vw;
        margin-top: 1.8vw;
    }
    .live-modal-url-wrapper {
        /* width: 71.46666666666667vw; */
        width: 99.6%;
        margin-top: 7vw;
    }
    .live-modal-tag {
    background-image: url(../imgs/img-live-section-live-bg-sp.png);
    }
    .live-line-info {
        width: 71.46666666666667vw;
        height: 5vw !important;
    }
    .live-year-buttons-top-left {
        /* margin-bottom: 13vw; */
    }
    .live-top-left-route-img {
        margin-right: 4vw;
    }
    .live--top-right-label {
        margin-top: auto;
        margin-bottom: auto;
        transform: translateX(0.6vw) !important;
    }
    .live-year-buttons-top-right {
        justify-content: flex-end;
    }
    .live-tag-text-sp {
        margin: auto;
    }
    #LivePostsWrapper {
        /* margin-top: 3.5vw !important; */
        margin-top: 33.5vw !important;
    }
    .live-item {
        margin-top: 5vw;
    }
    .live-modal-barcode-wrapper {
        margin-top: 1.2vw;
    }
    .live-item-right {
        margin-left: unset;
        margin-top: 0.4vw;
    }
    .live-modal-description-en-wrapper {
        margin-top: 8.8vw;
        margin-bottom: 2.8vw;
        line-height: 1.5;
    }
    .live-modal-description-jp-wrapper {
        margin-top: 8.5vw;
        font-size: 2.933333333333333vw;
    }
    .live-modal-info-jp {
        margin-top: 2.1vw;
        margin-bottom: 2.1vw;
    }
    .live-modal-content-move-button {
        margin-top: 39vw !important;
        margin-bottom: -6vw !important;
    }

    .live-modal-info-date {
        transform: translateX(1.6vw);
    }
    .live-modal-info-venue {
        transform: translateX(-0.55vw);
    }
    .live-modal-info-open {
        transform: translateX(-0.55vw);
    }
    .live-modal-info-start {
        transform: translateX(1.05vw);
    }
    .live-modal-info-ticket {
        transform: translateX(-0.2vw);
    }
    .live-modal-info-act {
        transform: translateX(3.65vw);
    }

    .live-modal-info-jp .live-modal-info-date {
        transform: translateX(2vw);
    }
    .live-modal-info-jp .live-modal-info-venue {
        transform: translateX(2.2vw);
    }
    .live-modal-info-jp .live-modal-info-open {
        transform: translateX(2.2vw);
    }
    .live-modal-info-jp .live-modal-info-start {
        transform: translateX(2.2vw);
    }
    .live-modal-info-jp .live-modal-info-ticket {
        transform: translateX(-2vw);
    }
    .live-modal-info-jp .live-modal-info-act {
        transform: translateX(0.4vw);
    }
    .live-modal-description-jp-wrapper {
        margin-bottom: 1.4vw;
    }
    .live-modal-url-wrapper {
        width: 100%;
        margin-top: 8.6vw;
    }
}