@charset "utf-8";
/*-----------------------------------------------
* mission
-------------------------------------------------*/
.subCont-title {
	width: min(calc(481 / var(--vw-min) * 100vw),481px);
	height: min(calc(93 / var(--vw-min) * 100vw),93px);
	margin: 0 auto;
	background: url(../img/common/tit/tit_mission1.png)no-repeat center/ contain;
}
@media screen and (max-width:768px){
	.subCont-title {
		width: calc(400 / var(--vw-min) * 100vw);
		height: calc(78 / var(--vw-min) * 100vw);
	}
}
.missionTabLists {
	display: flex;
    justify-content: center;
}
.missionTabItem {
	margin: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
}
.missionTabItem.linkBtn .linkA {
    padding: min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
    .missionTabItem {
        margin: 0 calc(5 / var(--vw-min) * 100vw);
    }
    .missionTabItem.linkBtn .linkA {
    padding: calc(20 / var(--vw-min) * 100vw) calc(70 / var(--vw-min) * 100vw);

    }
}
.missionTabItem-arrow {
    width: min(calc(19 / var(--vw-min)* 100vw), 19px);
    height: min(calc(13 / var(--vw-min)* 100vw), 13px);
    display: block;
    position: absolute!important;
    right: min(calc(14 / var(--vw-min) * 100vw),14px);
    -webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    background-color: var(--color-yellow);
    transform: rotate(180deg);
    transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
    .missionTabItem a:hover .missionTabItem-arrow {
        transform: rotate(180deg) translateY(-5px);
    }
}
/**
* ON AIR
**/
.onair__cont {
    position: relative;
    padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 0;
}
@media screen and (max-width:768px){
	.onair__cont {
        padding: calc(100 / var(--vw-min) * 100vw) 0 0;
	}
}
.onair__tvItem {
	background-color: #000;
}
.onair__tvBox {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
	width: min(calc(930 / var(--vw-min)* 100vw), 930px);
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: min(calc(20 / var(--vw-min) * 100vw),20px) 0;
	margin-bottom: min(calc(5 / var(--vw-min)* 100vw), 5px);
}
@media screen and (max-width:768px){
    .onair__tvBox {
    	font-size: calc(26 / var(--vw-min) * 100vw);
		width: 100%;
		flex-wrap: wrap;
        padding: calc(30 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
    }
}
@media screen and (min-width:769px){
    .onair__tvItem-tit {
        font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
        color: var(--color-red);
        padding: min(calc(12 / var(--vw-min) * 100vw),12px) 0;
    }
}
@media screen and (max-width:768px){
    .onair__tvItem-tit {
        display: none;
    }
}
.onair__tvItem-dt,
.onair__tvItem-dd {
    width: calc(100% / 4);
}
@media screen and (min-width: 769px) {
    .d1{
        width: 180px;
    }
    .d2{
        width: 280px;
    }
}
@media screen and (max-width:768px){
    .onair__tvItem-dt {
        width: 100%;
        margin-bottom: calc(16 / var(--vw-min) * 100vw);
    }
    .onair__tvItem-dd {
        width: calc(100% / 2);
    }
    .onair__tvItem-dd:nth-child(4) {
        width: 100%;
		margin-top: calc(10 / var(--vw-min) * 100vw);
    }
}
.onair__ondemand {
    font-size: min(calc(24 / var(--vw-min)* 100vw), 24px);
    color: var(--color-red);
	width: min(calc(930 / var(--vw-min)* 100vw), 930px);
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: min(calc(24 / var(--vw-min) * 100vw),24px);
    text-align: center;
}
@media screen and (max-width:768px){
    .onair__ondemand {
        font-size: calc(30 / var(--vw-min)* 100vw);
		width: 100%;
        margin-top: calc(40 / var(--vw-min) * 100vw);
        padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
}
.onair__caution {
    font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
    color: #000;
	width: min(calc(930 / var(--vw-min)* 100vw), 930px);
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
    .onair__caution {
        font-size: calc(23 / var(--vw-min) * 100vw);
		width: 100%;
        margin-top: calc(40 / var(--vw-min) * 100vw);
        padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
}
/**
* MUSIC
**/
.music__cont {
    padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 calc(90 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.music__cont {
        padding: calc(100 / var(--vw-min) * 100vw) 0 calc(60 / var(--vw-min) * 100vw);
	}
}
.music__contItem {
    position: relative;
}
.music__contItem:last-child {
    padding-bottom: 0;
}
.music__contItem-titWrap {
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 2px solid var(--color-red);
    padding-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
.music__contItem-subTit {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    line-height: 1;
	font-weight: 500;
    background-color: #000;
    color: #fff;
}
@media screen and (max-width:768px){
    .music__contItem-subTit {
        font-size: calc(22 / var(--vw-min) * 100vw);
    }
}
.music__contItem-name {
    font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
    line-height: 1.6786;
	font-weight: 500;
    position: relative;
    margin: min(calc(5 / var(--vw-min) * 100vw),5px) 0 min(calc(8 / var(--vw-min) * 100vw),8px);
}
.music__contItem-name.js-txtSpan span:first-child {
	color: var(--color-red);
}
@media screen and (max-width:768px){
    .music__contItem-name {
        font-size: calc(36 / var(--vw-min) * 100vw);
        margin: 0;
    }
}
.music__contItem-song {
    font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
    line-height: 1.875;
}
@media screen and (max-width:768px){
    .music__contItem-song {
        font-size: calc(36 / var(--vw-min) * 100vw);
        line-height: 1.5;
    }
}

/** music__line **/
.music__line{
    border-top: 12px solid;
    border-color: var(--color-red);
    padding-top: min(calc(40 / var(--vw-min)* 100vw), 40px);
}
@media screen and (max-width:768px){
    .music__line{
        padding-top: calc(40 / var(--vw-min)* 100vw);
    }
}

/** DETAIL **/
.music__DetailWrap {
    color: #000;
	width: min(calc(930 / var(--vw-min) * 100vw),930px);
    display: flex;
    margin: min(calc(50 / var(--vw-min) * 100vw),50px) auto min(calc(74 / var(--vw-min) * 100vw),74px);
}
@media screen and (max-width:768px){
    .music__DetailWrap {
		width: 100%;
        display: block;
        margin: calc(40 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
    }
}
/** LEFT **/
.music__Detail-l {
    width: min(calc(410 / var(--vw-min) * 100vw),410px);
    padding-right: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
    .music__Detail-l {
        width: 100%;
        padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
}
.music__imgSwiperWrap {
    position: relative;
}
.music__img img {
     width: 100%;
     pointer-events: none;
}
/**
* pagination
**/
.musicImgSwiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    padding-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .musicImgSwiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets {
        padding-bottom: calc(60 / var(--vw-min) * 100vw);
    }
}
.musicImgSwiper-pagination .swiper-pagination-bullet {
    width: min(calc(6 / var(--vw-min) * 100vw),6px);
    height: min(calc(6 / var(--vw-min) * 100vw),6px);
    background: #7E7E7E;
    opacity: 1;
}
@media screen and (max-width:768px){
    .musicImgSwiper-pagination .swiper-pagination-bullet {
        width: calc(12 / var(--vw-min) * 100vw);
        height: calc(12 / var(--vw-min) * 100vw);
    }
}
.musicImgSwiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .musicImgSwiper-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 calc(14 / var(--vw-min) * 100vw);
    }
}
.musicImgSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-red);
}
/**
* arrow
**/
@media screen and (max-width:768px){
    .musicImgSwiper__arrowWrap {
        width: calc(700 / var(--vw-min) * 100vw);
        height: 100%;
        position: absolute;
        top: calc(-120 / var(--vw-min) * 100vw);
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        pointer-events: none;
    }
    .musicImgSwiper__arrow {
        width: calc(40 / var(--vw-min)* 100vw);
        height: calc(64 / var(--vw-min)* 100vw);
        position: absolute;
        mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
        background-color: var(--color-grey);
        pointer-events: auto;
        transition: .3s ease;
    }
    .musicImgSwiper__arrow.js-musicImgSwiper__prev {
        left: 0;
    }
    .musicImgSwiper__arrow.js-musicImgSwiper__next {
        right: 0;
        transform: rotate(180deg);
    }
}
.music__imgTit {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    text-align: center;
    margin: min(calc(24 / var(--vw-min) * 100vw),24px) 0 min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .music__imgTit {
        font-size: calc(24 / var(--vw-min) * 100vw);
        margin: calc(32 / var(--vw-min) * 100vw) 0 calc(22 / var(--vw-min) * 100vw);
    }
}
.linkBtnWrap .linkBtn {
    width: 100%;
    margin: min(calc(14 / var(--vw-min) * 100vw),14px) 0 0;
} 
@media screen and (max-width:768px){
    .linkBtnWrap .linkBtn {
        padding: 0 calc(48 / var(--vw-min) * 100vw);
        margin: calc(20 / var(--vw-min) * 100vw) 0 0;
    }
}
.linkBtnWrap .linkBtn .linkA {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
    .linkBtnWrap .linkBtn .linkA {
        font-size: calc(26 / var(--vw-min) * 100vw);
    }
}
.linkBtnWrap .linkBtn .linkA::before {
    border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
}
/** RIGHT **/
.music__Detail-r {
    width: calc(100% - min(calc(410 / var(--vw-min) * 100vw),410px));
}
@media screen and (max-width:768px){
    .music__Detail-r {
        width: 100%;
        padding: 0 calc(48 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.music__Detail-link {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-yellow);
    line-height: 2.4375;
}
@media screen and (max-width:768px){
    .music__Detail-link {
      font-size: calc(25 / var(--vw-min) * 100vw);  
    }
}
.music__Detail-linkA {
	color: var(--color-red);
	width: 100%;
	height: 100%;
}
.music__Detail-link span {
    background-image: linear-gradient(var(--color-red), var(--color-red));
}
.music__Detail-txtWrap {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    line-height: 1.8667;
}
@media screen and (max-width:768px){
    .music__Detail-txtWrap {
        font-size: calc(24 / var(--vw-min) * 100vw);       
    }
    
}
.music__Detail-subTit {
    margin-top: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
    .music__Detail-subTit {
        margin-top: calc(56 / var(--vw-min) * 100vw);
    }
}
/**
* digital
**/
.digital{
    font-weight: 500;
    margin-bottom: min(calc(15 / var(--vw-min)* 100vw), 15px);
}
@media screen and (max-width:768px){
    .digital{
        margin-bottom: calc(30 / var(--vw-min)* 100vw);
    }
}
.digital > span{
    color: var(--color-red);
}


/**
* COMMENT
**/
.music__comment-tit {
	font-size: min(calc(40 / var(--vw-min)* 100vw), 40px);
    display: flex;
    justify-content: center;
    position: relative;
}
@media screen and (max-width:768px){
	.music__comment-tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
}
.music__comment-tit.js-txtSpan span:first-child {
	color: var(--color-red);
}
.music__comment-tit::before,
.music__comment-tit::after {
    content: "";
    width: 36.7186%;
    height: min(calc(2 / var(--vw-min) * 100vw),2px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .music__comment-tit::before,
    .music__comment-tit::after {
        width: 30.6667%;/*230*/
        height: calc(2 / var(--vw-min) * 100vw);
    }
}
.music__comment-tit::before {
    left: 0;
}
.music__comment-tit::after {
    right: 0;
}
.music__comment-txtWrap {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: #000;
    line-height: 1.8667;
	width: min(calc(930 / var(--vw-min)* 100vw), 930px);
	margin: 0 auto;
    margin-top: min(calc(36 / var(--vw-min) * 100vw),36px);
}
@media screen and (max-width:768px){
    .music__comment-txtWrap {
        font-size: calc(24 / var(--vw-min) * 100vw);
        width: 100%;
        padding: 0 calc(48 / var(--vw-min) * 100vw);
        margin-top: calc(60 / var(--vw-min) * 100vw);
    }
}
.music__comment-txtWrap img {
    width: 100%;
    pointer-events: none;
}
.img-center {
    margin: min(calc(36 / var(--vw-min) * 100vw),36px) 0;
    display: flex;
    justify-content: center;
}
.img-left {
    margin: min(calc(36 / var(--vw-min) * 100vw),36px) 0;
}
@media screen and (max-width:768px){
    .img-center,
    .img-left {
        margin: calc(60 / var(--vw-min) * 100vw) 0;
    }
}
.img-center img {
    max-width: 100%;
    pointer-events: none;
}
/**
* SNS
**/
.music__snsWrap {
    margin-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
.music__snsLists {
	width: min(calc(930 / var(--vw-min) * 100vw),930px);
    max-width: 100%;
    display: flex;
    align-items: center; 
    flex-wrap: wrap;
	margin: 0 auto;
}
@media screen and (max-width:768px){
    .music__snsLists {
       width: calc(416 / var(--vw-min) * 100vw); 
       margin: 0 auto;
    }
}
.music__snsItem:not(:last-child) {
    margin-right: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .music__snsItem:not(:last-child) {
        margin-right: calc(16 / var(--vw-min) * 100vw);
    }
    .music__snsItem.is-official {
        margin: 0 0 calc(16 / var(--vw-min) * 100vw);
        width: 100%;
    }
}
.music__snsItem .music__snsA {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: var(--color-yellow);
    line-height: 1;
    min-width: min(calc(46 / var(--vw-min) * 100vw),46px);
    height: min(calc(46 / var(--vw-min) * 100vw),46px);
    display: flex;
    justify-content: center;
    padding: min(calc(15 / var(--vw-min) * 100vw),15px) min(calc(10 / var(--vw-min) * 100vw),10px);
	background-color: var(--color-red);
    text-decoration: none;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .music__snsItem .music__snsA {
        font-size: calc(32 / var(--vw-min) * 100vw);
        min-width: calc(92 / var(--vw-min) * 100vw);
        height: calc(92 / var(--vw-min) * 100vw);
        padding: calc(32 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
    }
}
.music__snsItem.is-official .music__snsA {
    padding: min(calc(15 / var(--vw-min) * 100vw),15px) min(calc(30 / var(--vw-min) * 100vw),30px) min(calc(15 / var(--vw-min) * 100vw),15px) min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
    .music__snsItem.is-official .music__snsA  {
        padding: calc(30 / var(--vw-min) * 100vw) 0;
        font-size: calc(24 / var(--vw-min)* 100vw);
    }
}
.music__snsA-arrow {
    width: min(calc(14 / var(--vw-min)* 100vw), 14px);
    height: min(calc(9 / var(--vw-min)* 100vw), 9px);
    margin: auto 0 auto min(calc(14 / var(--vw-min) * 100vw),14px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    background-color: var(--color-yellow);
    transform: rotate(90deg);
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .music__snsA-arrow {
        width: calc(29 / var(--vw-min)* 100vw);
        height: calc(14 / var(--vw-min)* 100vw);
        margin: auto 0 auto calc(20 / var(--vw-min)* 100vw);
    }
}
.music__snsItem.is-yt .music__snsA::before {
    content: "";
    width: min(calc(21 / var(--vw-min) * 100vw),21px);
    height: min(calc(15 / var(--vw-min) * 100vw),15px);
    -webkit-mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
    background-color: var(--color-yellow);
}
.music__snsItem.is-x .music__snsA::before {
    content: "";
    width: min(calc(15 / var(--vw-min) * 100vw),15px);
    height: min(calc(15 / var(--vw-min) * 100vw),15px);
    -webkit-mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
    background-color: var(--color-yellow);
}
.music__snsItem.is-tiktok .music__snsA::before {
    content: "";
    width: min(calc(15 / var(--vw-min) * 100vw),15px);
    height: min(calc(17 / var(--vw-min) * 100vw),17px);
    -webkit-mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
    background-color: var(--color-yellow);
}
.music__snsItem.is-insta .music__snsA::before {
    content: "";
    width: min(calc(16 / var(--vw-min) * 100vw),16px);
    height: min(calc(16 / var(--vw-min) * 100vw),16px);
    -webkit-mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
    background-color: var(--color-yellow);
}
@media screen and (max-width:768px){
    .music__snsItem.is-yt .music__snsA::before {
        width: calc(40 / var(--vw-min) * 100vw);
        height: calc(29 / var(--vw-min) * 100vw);
    }
    .music__snsItem.is-x .music__snsA::before {
        width: calc(28 / var(--vw-min) * 100vw);
        height: calc(30 / var(--vw-min) * 100vw);
    }
    .music__snsItem.is-tiktok .music__snsA::before {
        width: calc(28 / var(--vw-min) * 100vw);
        height: calc(33 / var(--vw-min) * 100vw);
    }
    .music__snsItem.is-insta .music__snsA::before {
        width: calc(30 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .music__contNavItem .music__contNavA:hover .music__contNav-arrow {
        transform: translateY(5px);
    }
    .music__contNavItem .music__contNavA:hover .music__contNav__tit-ja,
    .music__snsItem .music__snsA:hover {
       background-color: #000;
    }
}


/**
* img comment profile > only
**/
.music__artistimgWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (min-width: 769px) {
    .music__artistimgWrap{
        margin: min(calc(50 / var(--vw-min)* 100vw), 50px) 0 min(calc(74 / var(--vw-min)* 100vw), 74px);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .music__artistimgWrap img{
        width: 400px;
    }
    .music__commentWrap{
        margin: min(calc(50 / var(--vw-min)* 100vw), 50px) 0 min(calc(74 / var(--vw-min)* 100vw), 74px);
    }
}
@media screen and (max-width: 768px) {
    .music__artistimgWrap{
        margin: calc(40 / var(--vw-min)* 100vw) 0 calc(100 / var(--vw-min)* 100vw);
    }
    .music__artistimgWrap img{
        width: 75%;
    }
    .music__commentWrap{
        margin: calc(40 / var(--vw-min)* 100vw) 0 calc(100 / var(--vw-min)* 100vw);
    }
}

/**
* missionTabLists-music
**/
.missionTabLists-music {
	display: flex;
    justify-content: center;
    margin: min(calc(50 / var(--vw-min) * 100vw), 50px) auto min(calc(74 / var(--vw-min) * 100vw), 74px);
}
.missionTabItem-music {
	margin: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
}
.missionTabItem-music .js-txtSpan span:first-child {
	color: #000 !important;
}
.missionTabItem-music.linkBtn .linkA {
    font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
    padding: min(calc(15 / var(--vw-min) * 100vw), 15px) min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
    .missionTabLists-music{
        flex-direction: column;
    }
    .missionTabItem-music {
        margin: 0 calc(5 / var(--vw-min) * 100vw); 
        padding-bottom: calc(2 / var(--vw-min) * 100vw);       
    }
    .missionTabItem-music.linkBtn .linkA {
    padding: calc(20 / var(--vw-min) * 100vw) calc(70 / var(--vw-min) * 100vw);
    font-size: calc(24/ var(--vw-min) * 100vw);
}
}
.missionTabItem-arrow-music {
    width: min(calc(14 / var(--vw-min)* 100vw), 14px);
    height: min(calc(8 / var(--vw-min)* 100vw), 8px);
    display: block;
    position: absolute!important;
    right: min(calc(14 / var(--vw-min) * 100vw),14px);
    -webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    background-color: var(--color-yellow);
    transform: rotate(180deg);
    transition: .3s ease;
}
@media (hover: hover) and (pointer: fine){
    .missionTabItem-music a:hover .missionTabItem-arrow-music {
        transform: rotate(180deg) translateY(-5px);
    }
}

@media screen and (max-width:768px){
.mb{
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
}

.missionTabItem-music .linkA {
  color: #fff;
  transition: color 0.3s ease;
}

.missionTabItem-music.is-active .linkA {
  color: var(--color-yellow);
}

.missionTabItem-music .linkA {
  background-color: #000;
  color: #FFF;
  position: relative;
}

.missionTabItem-music .linkA:hover {
  background-color: var(--color-red);
  color: var(--color-yellow);
}

.missionTabItem-music.is-active .linkA {
  background-color: var(--color-red);
  color: var(--color-yellow);
}

.missionTabItem-music .linkA span.js-txtSpan {
  color: var(--color-yellow);
}

.missionTabItem-music .linkA span.js-txtSpan::first-letter {
  color: #000 !important;
}

.missionTabItem-music .linkA span.js-txtSpan.not_active::first-letter {
  color: var(--color-red) !important;
}

.missionTabItem-music.is-active .linkA span.js-txtSpan.not_active::first-letter {
  color: #000 !important;
}

.missionTabItem-music:hover  .linkA span.js-txtSpan.not_active::first-letter {
  color: #000 !important;
}