.side-modal-discography {
    margin-left: -2.7vw !important;
    margin-top: 4.3vw !important;
}
#sideModalDiscoGraphy .side-modal__content {
    background-color: #F1ECC2;
}
#sideModalDiscoGraphy .backgroud-news-index-color {
    background-color: #F1ECC2;
}
.side-modal-discography .side-modal-content-kv-name {
    letter-spacing: unset;
    transform: translateX(-0.6vw);
}
.disco-year-buttons-wrapper {
    width: 52vw !important;
}
.disco-year-buttons {
    margin-top: 1.7vw;
    margin-bottom: 4vw;
}
.disco-year-buttons-wrapper .news-section-contens-matrix-dot {
    width: 94.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right, #000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0vw;
}
.disco-year-buttons-wrapper .news-year-buttons-top-news-index {
    width: 94.6%;
}
.disco-year-buttons-top-right {
    display: flex;
    flex-direction: row;
    margin-right: 9.6vw;
}
.disco-year-buttons-top-right-release {
    margin-right: 3.2vw;
}
.custom-disco-year-buttons-top-right-release {
    margin-right: 2.7vw;
}
.disco-item {
    /* margin-top: 1.7vw; */
    margin-left: 0.4vw;
    margin-bottom: 1.2vw !important;
}
.disco-item .btn-open-modal {
    margin-top: unset !important;
    justify-content: unset !important;
}
#DiscoPostsWrapper {
    width: 49.3vw !important;
} 
.btn-open-modal-disco {
    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;
}
.disco-item .news-thumbnail {
    width: 24.4vw;
    margin-top: -2.8vw;
}
.disco-year-buttons-top {
    margin-left: 0.1vw;
}
.news-posts-wrapper .news-year-buttons-top-news-index {
    margin-left: 0.4vw;
}
.disco-info {
    margin-right: unset;
}
.disco-item-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0.8vw;
    margin-left: 2.7vw;
    width: 100%;
    margin-top: 0.8vw;
}
.disco-item-right .news-section-contens-matrix-dot {
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right, #000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: auto;
    margin-top: 0.8vw;
    margin-bottom: unset;
}
.track-ditails {
    width: 100%;
    margin-top: 0.5vw;
    display: flex;
    flex-direction: column;
}
.tracks-container {
    display: flex;
    flex-direction: column;
}
.track {
    display: flex;
    flex-direction: row;
    text-align: left;
}
.track-left {
    font-size: 1.1111111111111112vw;
    width: 2.4vw;
}
.track-right {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.track-title {
    margin: unset;
}
.track-info-jp {
    margin: unset;
    margin-top: 0.2vw;
    font-size: 0.6944444444444444vw;
}
.track-info-en {
    margin: unset;
    margin-top: 0.5vw;
    font-size: 0.6944444444444444vw;
}
.links-wrapper {
    display: flex;
    flex-direction: row;
    margin-left: 2.5vw;
    margin-top: 1.5vw;
}
.link-icon {
    width: 6.8vw;
    height: fit-content;
}
.link-icon-apple {
    margin-right: 0.4vw;
}
.news-posts-wrapper .news-section-contens-matrix-dot
{
    width: 99.6%;
    height: 1px;
    background-size: 3px 6px;
    background-image: linear-gradient(to right, #000000 1px, transparent 1px);
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: auto;
    margin-top: 0.8vw;
    margin-bottom: unset;
}
.disco-line-info {
    margin-top: 0.1vw !important;
    height: 0.7vw !important;
    margin-bottom: unset !important;
}
#sideModalDiscoGraphy .side-modal-content-move-back {
    width: 59.430556vw;
    margin-top: 5.6vw;
}
#sideModalDiscoGraphy .side-modal .modal-button {
    width: 10.6vw;
}
.disco-year-buttons-top-right-label {
    transform: translateX(-0.1vw);
}
.custom-disco-year-buttons-top-right-label {
    width: 13.2vw;
}
#sideModalDiscoGraphy .side-modal-content-move-button {
    justify-content: flex-end;
    width: 37.773611vw;
    margin-top: unset;
}
#sideModalDiscoGraphy .side-modal-content-move-button button {
    width: 2.555556vw;
}
.disco-prev-btn {
    margin-right: 0.9vw;
}
#sideModalDiscoGraphy .side-modal .modal-button {
    height: fit-content;
}
.second-part {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-feature-settings:"palt";
    letter-spacing: 0.02rem;
    white-space: unset;
}
.discography-section-detail {
    width: 100%;
}
.discography-section-detail-date {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.5vw;
}
.discography-section-detail-date-left {
    display: flex;
    flex-direction: column;
    white-space: pre-wrap;
}
#discoDetailLeft1 {
    font-size: 1.1111111111111112vw;
    line-height: 0.85;
    letter-spacing: -0.02rem;
    margin-bottom: 0.6vw;
}
#discoDetailLeft2 {
    font-size: 0.6944444444444444vw;
    line-height: 0.85;
    letter-spacing: -0.02rem;
}
#discoDetailRight1 {
    font-size: 1.1111111111111112vw;
    line-height: 0.85;
    letter-spacing: -0.02rem;
    margin-bottom: 0.6vw;
}
#discoDetailRight2 {
    font-size: 0.6944444444444444vw;
    line-height: 0.85;
    letter-spacing: -0.02rem;
}
#discoDetailRight2::before {
    content: "©️";
}
.discography-section-detail-date-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.discography-section-detail-date-num {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.6944444444444444vw;
    letter-spacing: -0.01rem;
}
.disco-year-buttons-top-left {
    margin-left: -0.3vw;
}
.disco-year-buttons-top-left-contents {
    margin-left: 5.4vw;
}
@media screen and (max-width: 751px){
    #DiscoPostsWrapper {
        width: 73.466667vw !important;
    }
    .disco-year-buttons-wrapper{
        margin: unset !important;
        margin-left: 6vw !important;
    }
    .side-modal-content-kv-name-disco {
        flex-direction: column !important;
    }
    #sideModalDiscoGraphy .side-modal-content-news-index {
        margin-right: 16vw;
    }
    #sideModalDiscoGraphy .side-modal-content-news-index-route-img, .news-year-buttons-top-left-route-img {
        width: 2vw;
        height: fit-content;
        /* margin-top: -1vw; */
    }
    .disco-year-buttons-wrapper {
        width: 75vw !important;
    }
    .disco-year-buttons {
        margin-top: 5.7vw;
        margin-bottom: 4vw;
    }
    .disco-info-sp {
        display: flex;
        flex-direction: column;
        width: 98%;
    }
    #sideModalDiscoGraphy .news-year-buttons-top-left-contents {
        margin-left: unset !important;
    }
    .news-year-buttons-top-line1 {
        display: flex;
        flex-direction: row;
    }
    .news-year-buttons-top-line-wrapper  {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .news-year-buttons-top-line1-wrapper {
    }
    .news-year-buttons-top-line2-wrapper {
    }
    .news-year-buttons-top-line3-wrapper {
    }
    .news-year-buttons-top-line4-wrapper {
    }
    .disco-item .btn-open-modal {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .disco-item-center {
        width: 98%;
        margin-bottom: -5vw;
    }
    .disco-item .news-thumbnail {
        width: 100%;
    }
    .disco-item-right .news-title {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        font-size: 5.456vw !important;
    }
    .disco-year-buttons-top-right-release {
        margin-right: unset;
    }
    .track-left {
        font-size: 3.6373333333333333vw;
        width: 5.4vw;
    }
    .track-title {
        font-size: 4.266666666666667vw;
        line-height: 1.1;
        margin-top: 1.1vw;
    }
    .track-info-en {
        font-size: 2.1333333333333333vw;
    }
    .track-info-jp {
        font-size: 2.1333333333333333vw;
    }
    .disco-item-right {
        margin-left: unset;
    }
    .second-part {
        font-size: 3.2vw;
    }
    #sideModalDiscoGraphy .news-posts-wrapper {
        margin-top: 14.5vw;
    }
    #sideModalDiscoGraphy .news-section-contens-matrix-dot {
        margin-top: 1vw;
    }
    .disco-item .news-thumbnail {
        margin-top: -5vw;
    }
    .tracks-container { 
        margin-top: 3vw;
    }
    .track-info-en{
        margin-top: 2.5vw;
    }
    .track-info-jp {
        margin-top: 2.2vw;
    }
    .link-icon {
        width: 34.8vw;
    }
    .links-wrapper {
        margin-left: 0;
        margin-top: 3.5vw;
    }
    .link-icon-apple {
        margin-right: 3vw;
    }
    .track-ditails {
        margin-bottom: 9.9vw;
    }
    #sideModalDiscoGraphy .side-modal-content-move-button {
        justify-content: space-between;
        width: 71.46666666666667vw;
        margin: auto;
        margin-top: 16vw;
    }
    #sideModalDiscoGraphy .side-modal-content-move-button button {
        width: 16vw;
    }
    #sideModalDiscoGraphy .side-modal-content-move {
        transform: translateX(-8vw);
    }
    #sideModalDiscoGraphy .side-modal-content-move-back .modal-button {
        width: 73vw;
    }
    .btn-open-modal-disco {
        width: 100%;
        justify-content: unset;
        margin-top: 4.5vw;
        margin-bottom: 0;
    }
}