.cdbd-back{
    background: url(../cd_blu-ray_2024/img/cdbd-back.jpg);
    background-size: cover;
    background-position: bottom;
    z-index: 1;
    width: 100%;
    height: 700px;
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
    

}

.main-back{
}
.cdbd{
   width: calc(100% - 100px);
    max-width: 1000px;
    margin: 0 auto 100px;
    padding-top: 200px;
    position: relative;
    z-index: 2;
    
}

.cdbd h2{
    width: 100%;
    margin: 0 auto 60px;
    transform: scale(1.07);
}

.cdbd2024 .jouei-bnr{
    margin: 50px 0 75px;
}
.guest h3{
    font-size: 35px;
    border: solid 6px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-bottom: 15px;
}

.guest h3 span{
    line-height: 1;
}

.guest h4{
    width: 60%;
    max-width: 420px;
    margin: 0 auto 10px;
}
.guest ul{
    display: flex;
    justify-content:center;
    margin-bottom: 70px;
}

.guest li{
    width: calc(33.33% - 13.33px);
    margin: 0 8px;
}

.guest li h5{
    text-align:center;
    font-size: 36px;
    line-height: 1.3;
    margin-top: 15px;
}

.guest li h5 small{
    display: block;
    font-size: 72%;
    font-weight: bold;
}
.guest li h5 span{
    font-size: 72%;
    font-weight: bold;
}






.cdbd .cdbd-detail li:first-child{
    margin-bottom: 70px;
}
.cdbd .cdbd-detail h3{
    font-family: 'Advantage';
    font-size: 35px;
    height: 52px;
    background:#47baad;
    line-height: 52px;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}
.cdbd .cdbd-detail li:last-child  h3{
    
   background: #e4007f;
}

.cdbd .cdbd-detail li div{
    width:100%;
    font-size: 10px;
}
.cdbd .cdbd-detail li div h4{
font-size: 470%;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0.2em;
}

.cdbd .cdbd-detail li div h4 span{
    display: inline-block;
    font-size: 66%;
    margin-top: 0.2em;
    font-weight: 900;
}

.cdbd .cdbd-detail li div .price{
    font-size: 176%;
    font-weight: 400;
}
.cdbd .cdbd-detail li div .date{
    font-size: 460%;
    font-weight: 900;
    line-height: 1;
    font-style: italic;
}
.cdbd .cdbd-detail li div .date span{
    font-weight: 900;
    font-size: 65%;
}

.cdbd .cdbd-detail li div a{
    display: block;
    margin-top: 1.7em;
    position: relative;
}

.cdbd .cdbd-detail li div.bd-tokuten{
    width: 100%;
    margin-top: 25px;
}
.cdbd .cdbd-detail li div h5{
    font-size: 240%;
    font-weight: 900;
    line-height: 1.35;
    padding: 0.15em 0.4em;
    width: 100%;
    border: solid 3px;
    margin-bottom: 0.3em;
    
}

.cdbd .cdbd-detail li div h6{
    font-size:380%;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

.cdbd .cdbd-detail li div h6 span{
    font-size: 75%;
    font-weight: 900;
}

.tracklist h3{
    position: relative;
    height: 268px;
    background: url(../cd_blu-ray_2024/img/tracklist-tt-back.png);
    background-size: 100% 100%;
    margin-bottom: 25px;
}
.tracklist h3 img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1920px;
}
.tracklist-inner{
    width: calc(100% - 100px);
    max-width: 1000px;
    margin: 0 auto 100px;
    position: relative;
    z-index: 2;
}

.youtube-wrap{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 110px;
    padding-top: 50px;
   
}

.youtube-wrap h3{
    text-align:center;
    font-family: 'Advantage';
    font-size: 60px;
    margin-bottom: 50px;
    line-height: 1;
    
}

.yoyaku-link{
    width: calc(100% - 100px);
    margin: 0 auto;
    position: relative;
    z-index: 2;
    max-width: 1000px;;
    color: #e4007f;
   display: block;
    margin-bottom: 100px;
    border: solid 5px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    padding: 20px 20px;
}
.yoyaku-link span{
    font-size: 75%;
    display: block;
    font-weight: 900;
     color: #e4007f;
    word-break: break-all;
}
.tokuten{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 60px;
}

.tokuten h3{
    font-size: 39px;
    font-weight: 900;
    text-align:center;
    background: #fff;
    border: solid 4px;
    line-height: 1.8;
    margin-bottom: 20px;
}


.tokuten-txt{
    font-size: 29px;
    font-weight: 900;
    text-align:center;
    margin-bottom: 18px;
    
}
.tokuten ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 10px;
}

.tokuten ul li{
    width: calc(33% - 7.5px);
    margin-bottom: 15px;
    position: relative;
}


.tokuten li h4{
    position: absolute;
    top: 4.5%;
    left: 0;
    color: #fff;
    text-align:center;
    width: 100%;
    font-size: 260%;
    font-style: italic;
    letter-spacing: -0;
    margin-left: -1.5%;
    
}

.tokuten ul li:nth-child(2) h4{
    letter-spacing: -0.12em;
    font-size: 240%;
}

.tokuten li h5{
    position: absolute;
    bottom: 11.9%;
    left: 5.8%;
    font-size: 200%;
    font-weight: 900;
    letter-spacing: -0.07em;
    
    
}

.tokuten li h5 span{
    font-size: 70%;
    font-weight: 400;
    display: block;
    letter-spacing: 0em;
}

.tokuten li .tokuten-btn a:nth-child(1){
        display: block;
        position: absolute;
        top:16%;
        left:0;
        width:100%;
        height:65%;
    
}

.tokuten li .tokuten-btn a:nth-child(2){
        display: block;
        position: absolute;
        bottom:3.4%;
        left:5%;
        width:43.8%;
        height:6.2%;
    
}


.tokuten li .tokuten-btn a:nth-child(3){
        display: block;
        position: absolute;
        bottom:3.4%;
        right:5%;
        width:43.8%;
        height:6.2%;
    
}

.tokuten li:nth-child(5) .tokuten-btn a:nth-child(2){
        display: block;
        position: absolute;
        bottom:3%;
        left:4%;
        width:92%;
        height:7%;
    
   
    
}
.tokuten li aside{
    font-size: 120%;
    display: block;
    text-align:center;
    width: 100%;
    position: absolute;
    bottom: 5%;
    left: 0;
}
.tokuten-modal{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    display: none;
    position: relative;
}


@media screen and (max-width: 896px){
    
    .cdbd-back{
        height: 65vw;
    }
    .cdbd{
        padding-top: 75px;
        margin: 0 auto 35px;
    }
    .cdbd h2{
    width: 100%;
    margin: 0 auto 25px;
    transform: scale(1.07);
}

    .cdbd2024 .jouei-bnr{
        margin: 25px 0 ;
    }
.guest h3{
    font-size: 16px;
    border: solid 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    margin-bottom: 10px;
}

.guest h3 span{
    line-height: 1;
}

.guest h4{
    width: 60%;
    max-width: 420px;
    margin: 0 auto 10px;
}
.guest ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.guest li{
    width: calc(50% - 5px);
    margin: 0;
}

.guest li h5{
    text-align:center;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 15px;
}

.guest li h5 small{
    display: block;
    font-size: 72%;
    font-weight: bold;
}
.guest li h5 span{
    font-size: 72%;
    font-weight: bold;
}


.cdbd .cdbd-detail li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cdbd .cdbd-detail li:first-child{
    margin-bottom: 35px;
}
.cdbd .cdbd-detail h3{
    font-family: 'Advantage';
   font-size: 24px;
    height: 35px;
    background: #47baad;
    line-height: 35PX;
    padding-left: 15PX;
    margin-bottom: 15px;
    color: #fff;
}
.cdbd .cdbd-detail li:last-child  h3{
    
   background: #e4007f;
}

.cdbd .cdbd-detail li div{
    width:100%;
    font-size: 1.67vw;
    text-align: center;
}
.cdbd .cdbd-detail li div h4{
font-size: 350%;
}

.cdbd .cdbd-detail li div .price{
    font-size: 176%;
    font-weight: 400;
}


.cdbd .cdbd-detail li div.bd-tokuten{
    width: 100%;
    margin-top: 15px;
}
.cdbd .cdbd-detail li div h5{
    font-size: 250%;
    width: 100%;
    border: solid 2px;
    
}

.cdbd .cdbd-detail li div h6{
    font-size:280%;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 0.2em;
}

.cdbd .cdbd-detail li div h6 span{
    font-size: 75%;
    font-weight: 900;
    display: block;
}
    
.tracklist h3{
    position: relative;
    height: auto;
    background: none;
    background-size: 100% 100%;
    margin-bottom: 15px;
}
.tracklist h3 img{
    position: static;
    bottom: 0;
    left:0%;
    transform: translateX(0%);
    width: 100%;
}
    .tracklist-inner{
        margin-bottom: 35px;
    }
    
    .youtube-wrap{
    margin-bottom: 50px;
    padding-top: 25px;
    }
    .youtube-wrap h3{
        font-size: 30px;
        margin-bottom: 25px;
    }
    
.tokuten{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 35px;
}
    .yoyaku-link{
        margin-bottom: 35px;
        font-size: 20px;
        border: solid 3px;
    }
    
    .yoyaku-link span{
        font-size: 60%;
    }
.tokuten h3{
    font-size: 24px;
    font-weight: 900;
    text-align:center;
    background: #fff;
    border: solid 3px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.tokuten-txt{
    font-size: 18px;
    font-weight: 900;
    text-align:center;
    margin-bottom: 18px;
    line-height: 1.2;
    
}
.tokuten ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 1.4vw;
}

.tokuten ul li{
    width: calc(50% - 5px);
    margin-bottom: 10px;
    position: relative;
}


.tokuten li h4{
    position: absolute;
    top: 3.7%;
    left: 0;
    text-align:center;
    width: 100%;
    font-size: 260%;
    font-style: italic;
    letter-spacing: -0;
    
}

    .tokuten ul li:nth-child(2) h4{
        font-size: 230%;
    }

.tokuten li h5{
    position: absolute;
    bottom: 11.9%;
    left: 5.8%;
    font-size: 200%;
    font-weight: 900;
    letter-spacing: -0.07em;
    
    
}



.tokuten li .tokuten-btn a:nth-child(1){
        display: block;
        position: absolute;
        top:16%;
        left:0;
        width:100%;
        height:65%;
    
}

.tokuten li .tokuten-btn a:nth-child(2){
        display: block;
        position: absolute;
        bottom:3.4%;
        left:5%;
        width:43.8%;
        height:6.2%;
    
}


.tokuten li .tokuten-btn a:nth-child(3){
        display: block;
        position: absolute;
        bottom:3.4%;
        right:5%;
        width:43.8%;
        height:6.2%;
    
}
    
}
.contents{
    font-size: 240%;
    font-weight: 900;
    margin-top: 0.2em;
}
