@charset "utf-8";
.subSec{
    background-color: var(--color-blue49);
}
/*-----------------------------------------------
 * MUSIC
-------------------------------------------------*/
/**
* bg
**/
.subSecBg {
    background-color: var(--color-blue49);
}
.music {
    position: relative;
}
.musicWrap {
    display: flex;
}
@media screen and (max-width:767px){
    .musicWrap {
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #FFF;
    }
}
.subSec__right{
    padding: min(calc(90 / var(--vw-min) * 100vw), 90px) 0  min(calc(120 / var(--vw-min) * 100vw), 120px);
}
@media screen and (max-width:767px){
    .subSec__right{
        padding:calc(80 / var(--vw-min) * 100vw) 0  0;
    }
}

/* pageLinkLists */
.pageLinkListsWrap{
    width: 100%;
    position: relative;
}
/*line*/
.pageLinkListsWrap::before,
.pageLinkListsWrap::after{
    content: "";
    width: calc((100% - min(calc(544 / var(--vw-min) * 100vw), 544px)) / 2);
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
}
@media screen and (max-width:767px){
    .pageLinkListsWrap::before,
    .pageLinkListsWrap::after{
        width: calc((100% - calc(590 / var(--vw-min) * 100vw)) / 2);
    }
}
.pageLinkListsWrap::after{
    left: unset;
    right: 0;
}
/* pageLinkLists */
.pageLinkLists{
    display: flex;
    margin: 0 auto;
    width: min(calc(544 / var(--vw-min) * 100vw), 544px);
    justify-content: space-between;
    position: relative;
}
.pageLinkLists::after{
    content: "";
    width: min(calc(24 / var(--vw-min) * 100vw),24px);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FFF;
}

@media screen and (max-width:767px){
    .pageLinkLists{
        width: calc(590 / var(--vw-min) * 100vw);
    }
    .pageLinkLists::after{
        width: calc(28 / var(--vw-min) * 100vw);
    }

}

.pageLinkItem__link{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(calc(28 / var(--vw-min) * 100vw), 28px);
    border: 1px solid #FFF;
    background-color: rgba(255, 255, 255, .16);
    color: #FFF;
    text-decoration: none;
    width: min(calc(260 / var(--vw-min) * 100vw), 260px);
    height: min(calc(56 / var(--vw-min) * 100vw), 56px);
    position: relative;
    transition: background-color .4s ease;
}
.pageLinkItem__txt{
    font-size:min(calc(16 / var(--vw-min) * 100vw), 16px);
    letter-spacing: 0;
}
.pageLinkItem .ic_arrow{
    position: absolute;
    right: min(calc(26 / var(--vw-min) * 100vw), 26px);
    top: 0;
    bottom: 0;
    margin: auto;
    width:min(calc(14 / var(--vw-min) * 100vw), 14px);
    height:min(calc(7 / var(--vw-min) * 100vw), 7px);
    background-color: #FFF;
    -webkit-mask: url(../img/common/deco/ic_arrow_btm.svg) no-repeat center center / contain;
    mask: url(../img/common/deco/ic_arrow_btm.svg) no-repeat center center / contain;
    transition: transform .4s ease;
}
@media screen and (max-width:767px){
    .pageLinkItem__link{
        border-radius:calc(35 / var(--vw-min) * 100vw);
        width: calc(280 / var(--vw-min) * 100vw);
        height:calc(70 / var(--vw-min) * 100vw);
    }
    .pageLinkItem__txt{
        font-size:calc(20 / var(--vw-min) * 100vw);
    }
    .pageLinkItem .ic_arrow{
        right:calc(20 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
	.pageLinkItem:hover .pageLinkItem__link{
       background-color: var(--color-purple66);
    }
    .pageLinkItem:hover .ic_arrow{
        transform: translateY(calc(2 / var(--vw-min) * 100vw));

    }
}
/* itemBlock */
.itemBlockWrap{
    padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
.itemBlock{
    color: #FFF;
    letter-spacing: 0;
    background-color: #3f4f89;
    margin:0 min(calc(70 / var(--vw-min) * 100vw), 70px);
}
@media screen and (max-width:767px){
    .itemBlock{
        margin:0;
    }
}

/* itemBlockTtl */
.itemBlockTtl{
    text-align: center;
    font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
    color: #FFF;
    line-height: 1;
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.itemBlockTtl__jp{
    padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
    display: block;
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    position: relative;
}
.itemBlockTtl__jp::after{
    content: "";
    width: min(calc(30 / var(--vw-min) * 100vw),30px);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top:min(calc(20 / var(--vw-min) * 100vw),20px);
    margin: auto;
    background-color: #FFF;
}
@media screen and (max-width:767px){
    .itemBlockTtl{
        font-size: calc(50 / var(--vw-min) * 100vw);
        margin-bottom: calc(50 / var(--vw-min) * 100vw);
    }
    .itemBlockTtl__jp{
        padding-top: calc(48 / var(--vw-min) * 100vw);
        font-size:calc(24 / var(--vw-min) * 100vw);
    }
}

/* itemDetailBox */
.itemDetailBoxWrap{
    padding: min(calc(70 / var(--vw-min) * 100vw), 70px);
    border-bottom: 1px solid var(--color-blue49);
}
.itemDetailBox{
    display: flex;
}
.leftBlock{
    width: calc(360 / var(--vw-min) * 100vw);
    margin-right:min(calc(42 / var(--vw-min) * 100vw), 42px);
}
.rightBlock{
    width: calc(100% - (calc(360 / var(--vw-min) * 100vw) + min(calc(42 / var(--vw-min) * 100vw), 42px)));
}
@media screen and (max-width:767px){
    .itemDetailBoxWrap{
        padding:calc(60 / var(--vw-min) * 100vw);
    }
    .itemDetailBox{
        flex-direction: column;
    }
    .leftBlock{
        width: 100%;
        margin-right: 0;
    }
    .rightBlock{
        width: 100%;    
    }
}

/* img */
.img img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px){
    .img{
        width: calc(360 / var(--vw-min) * 100vw);
        margin: 0 auto;
    }
    .img img{
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
}

/* itemDetail */
.itemDetail__ttl{
    font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
    display: block;
    border-bottom: 1px solid #495ca0;
    padding-bottom:min(calc(10 / var(--vw-min) * 100vw), 10px);
    margin-bottom:min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.itemDetail__txt{
    font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.itemDetail__name{
    font-size:min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.itemDetail__txt:last-child{
    margin-bottom: 0;
}
.itemDetail__release{
    font-size:min(calc(20 / var(--vw-min) * 100vw), 20px);
    display: inline-block;
    background-color: #000;
    color: var(--color-purple66);
    line-height: 1;
}
@media screen and (max-width:767px){
    .itemDetail__ttl{
        font-size:calc(34 / var(--vw-min) * 100vw);
        padding-bottom:calc(14 / var(--vw-min) * 100vw);
        margin-bottom:calc(24 / var(--vw-min) * 100vw);
    }
    .itemDetail__txt{
        font-size:calc(20 / var(--vw-min)* 100vw);
        line-height: calc(22/12);
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
    }
    .itemDetail__name{
        font-size:calc(28 / var(--vw-min) * 100vw);
    }
    .itemDetail__release{
        font-size:calc(28 / var(--vw-min) * 100vw);
    }
}


/* itemBlockSubTtl */
.itemBlockSubTtl{
    font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
    line-height: 1;
}
.itemBlockSubTtl__jp{
    display: inline-block;
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    padding-left: .5em;
}
@media screen and (max-width:767px){
    .itemBlockSubTtl{
        font-size: calc(40 / var(--vw-min) * 100vw);
        margin-bottom:calc(50 / var(--vw-min) * 100vw);
    }
    .itemBlockSubTtl__jp{
        font-size: calc(24 / var(--vw-min) * 100vw);
    }
}
/* moreBtn */
.moreBtn._music .moreBtn__txt{
    color: #FFF;
}
.moreBtn._music .moreBtn__arrow{
    background-color: #FFF;
}
@media screen and (max-width:767px){
    .moreBtn._music{
        margin-top: calc(40 / var(--vw-min) * 100vw);
        height: calc(80 / var(--vw-min) * 100vw);
        width: 100%;
        border-radius: calc(40 / var(--vw-min) * 100vw);
    }
    .moreBtn._music .moreBtn__txt{
        font-size:calc(28 / var(--vw-min) * 100vw);
    }
    .moreBtn._music .moreBtn__arrow{
        right: calc(30 / var(--vw-min) * 100vw);
        width: calc(40 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
    }
}

/* siteLink */
.siteLinkLists{
    display: flex;
}
.siteLinkLists__ttl{
    font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
    margin-bottom:1em;
}
.siteLinkItem:not(:last-child){
    margin-right: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.siteLinkItem__link{
    display: flex;
    width: min(calc(46 / var(--vw-min) * 100vw), 46px);
    height: min(calc(46 / var(--vw-min) * 100vw), 46px);
    background-color: var(--color-blue49);
    border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
    align-items: center;
    justify-content: center;
    transition: background-color .4s ease;
}
@media (hover: hover) and (pointer: fine){
	.siteLinkItem:hover .siteLinkItem__link{
       background-color: #000;
    }
}
@media screen and (max-width:767px){
    .siteLinkLists__ttl{
        font-size:calc(28 / var(--vw-min) * 100vw);
    }
    .siteLinkItem:not(:last-child){
        margin-right: calc(16 / var(--vw-min) * 100vw);
    }
    .siteLinkItem__link{
        width:calc(96 / var(--vw-min) * 100vw);
        height:calc(96 / var(--vw-min) * 100vw);
    }
}
/*ic*/
.siteLinkItem__ic{
    background-color: #FFF;
}
.siteLinkItem__ic.ic_home{
    width: min(calc(22 / var(--vw-min) * 100vw), 22px);
    height: min(calc(22 / var(--vw-min) * 100vw), 22px);
    -webkit-mask: url(../img/common/sns/icon_home.png) no-repeat center center / contain;
    mask: url(../img/common/sns/icon_home.png) no-repeat center center / contain;
}
.siteLinkItem__ic.ic_x{
    width: min(calc(18 / var(--vw-min) * 100vw), 18px);
    height: min(calc(18 / var(--vw-min) * 100vw), 18px);
    -webkit-mask: url(../img/common/sns/icon_tw.svg) no-repeat center center / contain;
    mask: url(../img/common/sns/icon_tw.svg) no-repeat center center / contain;
}
.siteLinkItem__ic.ic_tiktok{
    width: min(calc(18 / var(--vw-min) * 100vw), 18px);
    height: min(calc(21 / var(--vw-min) * 100vw), 21px);
    -webkit-mask: url(../img/common/sns/icon_tiktok.svg) no-repeat center center / contain;
    mask: url(../img/common/sns/icon_tiktok.svg) no-repeat center center / contain;
}
.siteLinkItem__ic.ic_yt{
    width: min(calc(24 / var(--vw-min) * 100vw), 24px);
    height: min(calc(16 / var(--vw-min) * 100vw), 16px);
    -webkit-mask: url(../img/common/sns/icon_youtube.svg) no-repeat center center / contain;
    mask: url(../img/common/sns/icon_youtube.svg) no-repeat center center / contain;
}
.siteLinkItem__ic.ic_ig{
    width: min(calc(21 / var(--vw-min) * 100vw), 21px);
    height: min(calc(21 / var(--vw-min) * 100vw), 21px);
    -webkit-mask: url(../img/common/sns/icon_ig.svg) no-repeat center center / contain;
    mask: url(../img/common/sns/icon_ig.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
    .siteLinkItem__ic.ic_home{
        width: calc(46 / var(--vw-min) * 100vw);
        height: calc(46 / var(--vw-min) * 100vw);
    }
    .siteLinkItem__ic.ic_x{
        width: calc(38 / var(--vw-min) * 100vw);
        height: calc(38 / var(--vw-min) * 100vw);
    }
    .siteLinkItem__ic.ic_tiktok{
        width: calc(38 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
    }
    .siteLinkItem__ic.ic_yt{
        width: calc(50 / var(--vw-min) * 100vw);
        height: calc(35 / var(--vw-min) * 100vw);
    }
    .siteLinkItem__ic.ic_ig{
        width: calc(45 / var(--vw-min) * 100vw);
        height: calc(45 / var(--vw-min) * 100vw);
    }
}