@charset "utf-8";
.musicContBox .page_deco._item1 {
    top: unset;
	bottom:min(calc(50 / var(--vw-min) * 100vw), 50px);
    left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.musicContBox .page_deco._item3 {
	top:min(calc(100 / var(--vw-min) * 100vw), 100px);
    right: min(calc(10 / var(--vw-min) * 100vw), 10px);
	/*animation:10s linear infinite rotation1;*/
}
@media screen and (max-width:767px){ 
	.musicContBox .page_deco._item1,
	.musicContBox .page_deco._item3 {
		display: none;
	}
}

@media screen and (max-width: 767px) {
    .sub .section_area {
        padding-top: calc(100 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * Music
-------------------------------------------------*/
/* ttl */
.page__ttl_en{
	display: block;
	background: url(../img/common/ttl/ttl_music_en.svg)no-repeat center center / contain;
	width: min(calc(356 / var(--vw-min) * 100vw),356px);
	height:min(calc(152 / var(--vw-min) * 100vw),152px);
	position: relative;
}
.page__ttl_en .ttl_entxt{
	position: absolute;
	right: max(calc(-16 / var(--vw-min)* 100vw),-16px);
	bottom: min(calc(16 / var(--vw-min)* 100vw),16px);
	background: url(../img/common/ttl/title_entxt_long.svg) no-repeat center center / contain;
	width: min(calc(220 / var(--vw-min)* 100vw), 220px);
	height: min(calc(9 / var(--vw-min)* 100vw),9px);
}

@media screen and (max-width:767px){ 
	.page__ttl_en{
		width: calc(410 / var(--vw-min) * 100vw);
		height: calc(176 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.page__ttl_en .ttl_entxt {
		right: calc(-16 / var(--vw-min)* 100vw);
		bottom: calc(22 / var(--vw-min) * 100vw);
		width: calc(268 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}
.pageLinkLists{
	display: flex;
	justify-content: center;
}
.pageLinkLists .linkItem{
	width: min(calc(240 / var(--vw-min)* 100vw), 240px);
}
.pageLinkLists .linkItem__txt{
	padding: 0;
}
@media screen and (max-width:767px){ 
	.pageLinkLists{
		padding: 0 calc(48 / var(--vw-min)* 100vw);
	}
	.pageLinkLists .linkLists{
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.linkLists .linkItem{
		width: calc((100% - calc(14 / var(--vw-min)* 100vw)) / 2);
	}
	.sub .pageLinkLists .linkItem {
        margin-bottom: calc(24 / var(--vw-min) * 100vw);
        margin-right: 0;
    }
}
/*-----------------------------------------------
 * musicArea
-------------------------------------------------*/
.musicArea{
	position: relative;
	z-index: 10;
}
.area__inner{
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:767px){ 
	.musicArea{
		padding-top: calc(120 / var(--vw-min) * 100vw);
	}
}
.musicContBox{
	margin-bottom: min(calc(120 / var(--vw-min) * 100vw),120px);
	position: relative;
}
@media screen and (max-width:767px){ 
	.musicContBox{
		position: relative;
		margin-bottom: min(calc(120 / var(--vw-min) * 100vw),120px);
	}
}
.musicCont__ttlWrap{
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
	position: relative;
}
.musicCont__ttl{
	display: block;
	width:  min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: 0 auto;
	text-align: left;
}
.musicContBox__discTtl{
	display: flex;
	flex-direction: column;
	font-size:min(calc(32 / var(--vw-min) * 100vw),32px);
	font-weight: 600;
	position: relative;
	z-index: 1;
}
.musicContBox__cmtTtl{
	font-size:min(calc(32 / var(--vw-min) * 100vw),32px);
	font-weight: 600;
	position: relative;
	z-index: 2;
}
.musicContBox__artist{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 500;
	display: block;
}
@media screen and (max-width:767px){ 
	.musicCont__ttlWrap{
		margin-bottom:calc(28 / var(--vw-min) * 100vw);
	}
	.musicContBox__cmtTtl,
	.musicContBox__discTtl{
		font-size:calc(50 / var(--vw-min) * 100vw);
		line-height:calc(70 / var(--vw-min) * 100vw);
		padding: 0 calc(48 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.musicContBox__artist{
		font-size:calc(32 / var(--vw-min) * 100vw);
		line-height:calc(52 / var(--vw-min) * 100vw);
	}
}
.musicContBox__bgTtl{
	position: absolute;
	top: max(calc(-24 / var(--vw-min) * 100vw),-24px);
	left: max(calc(-36 / var(--vw-min) * 100vw),-36px);
	width:min(calc(354 / var(--vw-min) * 100vw),354px);
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
	background: url(../img/common/ttl/ttl_music_information.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){ 
	.musicContBox__bgTtl{
		position: absolute;
		top: calc(-88 / var(--vw-min) * 100vw);
		left: unset;
		right:0;
		width:calc(428 / var(--vw-min) * 100vw);
		height:calc(96 / var(--vw-min) * 100vw);
	}
}
/*line*/
.musicCont__ttlWrap::before,
.musicCont__ttlWrap::after{
	display: block;
	content: "";
	height: 1px;
	background-color: var(--color-blue);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 300;
}
.musicCont__ttlWrap::before{
	width: calc((100% - min(calc(1020 / var(--vw-min) * 100vw),1020px))/2);
	left: 0;
}
.musicCont__ttlWrap::after{
	right: 0;
	width: calc(((100% - min(calc(1000 / var(--vw-min) * 100vw),1000px))/2) + (min(calc(1000 / var(--vw-min) * 100vw),1000px) - min(calc(120 / var(--vw-min) * 100vw),120px)));
}
.musicContBox._ed .musicCont__ttlWrap::after{
	right: 0;
	width: calc(((100% - min(calc(1000 / var(--vw-min) * 100vw),1000px))/2) + (min(calc(1000 / var(--vw-min) * 100vw),1000px) - min(calc(110 / var(--vw-min) * 100vw),110px)));
}
@media screen and (max-width:767px){ 
	.musicCont__ttlWrap::before{
		width: calc(40 / var(--vw-min) * 100vw);
	}
	.musicCont__ttlWrap::after{
		width: calc(100vw - calc(250 / var(--vw-min) * 100vw));
	}
	.musicContBox._ed .musicCont__ttlWrap::after{
		width: calc(100vw - calc(230 / var(--vw-min) * 100vw));
	}
}
.musicContBox__ttl__en{
	color: var(--color-blue);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing:min(calc(0.32 / var(--vw-min) * 100vw),0.32px);
}
@media screen and (max-width:767px){ 
	.musicContBox__ttl__en{
		font-size:calc(26 / var(--vw-min) * 100vw);
		margin-left:calc(48 / var(--vw-min) * 100vw);
	}
}

.musicContBox._comment .musicContBox__ttl__en{
	color: #FF91D2;
}
/*line*/
.musicContBox._comment .musicCont__ttlWrap::before,
.musicContBox._comment .musicCont__ttlWrap::after{
	background-color:#FF91D2;
}
.musicContBox._comment .musicCont__ttlWrap::after{
	width: calc(((100% - min(calc(1000 / var(--vw-min) * 100vw),1000px))/2) + (min(calc(1000 / var(--vw-min) * 100vw),1000px) - min(calc(180 / var(--vw-min) * 100vw),180px)));
}
@media screen and (max-width:767px){ 
	.musicContBox._comment .musicCont__ttlWrap::after{
		width: calc(100vw - calc(360 / var(--vw-min) * 100vw));
	}
}
.musicCont__ttl{
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
.musicContBox._streaming .onairCont__ttl{
	margin-top: max(calc(-40 / var(--vw-min) * 100vw),-40px);
}
.ttl_musicinfomation{
	background: url(../img/common/ttl/ttl_music_information.svg) no-repeat center center/contain;
	width:min(calc(354 / var(--vw-min) * 100vw),354px);
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
	position: absolute;
	left:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	top:max(calc(-16 / var(--vw-min) * 100vw),-16px);
}
@media screen and (max-width:767px){ 
	.ttl_musicinfomation{
		width:calc(428 / var(--vw-min) * 100vw);
		height:calc(94 / var(--vw-min) * 100vw);
		left:unset;
		right: 0;
		top:calc(-96 / var(--vw-min) * 100vw);
	}
}
.musicContBox__name{
	position: relative;
	display: inline-block;
	padding-right: min(calc(160 / var(--vw-min) * 100vw),160px);
}
.ttl_comment{
	background: url(../img/common/ttl/ttl_music_comment.svg) no-repeat center center/contain;
	width:min(calc(172 / var(--vw-min) * 100vw),172px);
	height:min(calc(56 / var(--vw-min) * 100vw),56px);
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin: auto;
}
@media screen and (max-width:767px){ 
	.musicContBox__name{
		display: block;
		padding-right: 0;
	}	
	.ttl_comment{
		width:calc(256 / var(--vw-min) * 100vw);
		height:calc(96 / var(--vw-min) * 100vw);
		right:calc(-48 / var(--vw-min) * 100vw);
		top:calc(10 / var(--vw-min) * 100vw);
	}
}

.musicContBox_inner{
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:767px){ 
	.musicContBox_inner{
		width: 100%;
		padding: 0 0;
	}
}

.itemDetailBox{
    display: flex;
	justify-content: flex-end;
    position: relative;
	padding-bottom:  min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin-top:max(calc(-16 / var(--vw-min) * 100vw),-16px);
}
@media screen and (max-width:767px){ 
	.itemDetailBox{
		flex-direction: column;
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
		margin-top:unset;
		position: relative;
	}
	.itemDetailBox::after{
		display: block;
		width: 100vw;
		height: calc(100% - calc(414 / var(--vw-min) * 100vw));
		background-color: rgb(237, 249, 255,0.7);
		content: "";
		left:0;
		bottom: 0;
		position: absolute;
		z-index: -1;
	}
}


.leftBlock._musicImg{
    width: min(calc(440 / var(--vw-min) * 100vw), 440px);
    margin-right:min(calc(80 / var(--vw-min) * 100vw), 80px);
	position: absolute;
	left: 0;
	top:  min(calc(80 / var(--vw-min) * 100vw), 80px);
	z-index: 1;
}
@media screen and (max-width:767px){ 
	.leftBlock._musicImg{
		width: 100%;
		margin-right:0;
		position: relative;
		left: unset;
		top: unset;
	}
}

.itemDetail__txtWrap{
    width: min(calc(480 / var(--vw-min) * 100vw), 480px);
    width: min(calc(760 / var(--vw-min) * 100vw), 760px);
	background-color: rgb(237, 249, 255,0.7);
	padding-left: min(calc(280 / var(--vw-min) * 100vw), 280px);
	padding-top:  min(calc(78 / var(--vw-min) * 100vw), 78px);
	padding-bottom:  min(calc(110 / var(--vw-min) * 100vw), 110px);
    position: relative;
}
@media screen and (max-width:767px){ 
	.itemDetail__txtWrap{
		width: 100%;
		padding-left: unset;
		padding-top: unset;
		padding-bottom: unset;
		position: unset;
	}
}
.itemDetail__txtWrap.rightBlock::after{
	display: block;
	width: calc((100vw - min(calc(1000 / var(--vw-min) * 100vw),1000px)) / 2);
	height: 100%;
	background-color: rgb(237, 249, 255,0.7);
	content: "";
	right:calc(-1 * (100vw - min(calc(1000 / var(--vw-min) * 100vw), 1000px)) / 2);
	bottom: 0;
	position:absolute;
}
@media screen and (max-width:767px){ 
	.itemDetail__txtWrap.rightBlock::after{
		display: none;
	}
}
/* img */
.img{
  overflow: hidden;
}
.img img{
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px){ 
	.img{
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
/* txt */
.itemDetail__txt{
    font-size:min(calc(18 / var(--vw-min) * 100vw), 18px);
    letter-spacing: 0.04em;
    line-height: calc(30/18);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
    font-weight: 700;
}
.itemDetail__txt:last-child{
    margin-bottom: 0;
}
@media screen and (max-width:767px){
    .itemDetailBox{
        flex-direction: column;
    }
    .leftBlock{
        width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
    .rightBlock{
        width: 100%;  
		padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
    .itemDetail__txt{
        font-size:calc(24 / var(--vw-min)* 100vw);
        line-height: 2;
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
    }
}


.item__linkBtnWrap{
	position: absolute;
	left:min(calc(64 / var(--vw-min)* 100vw), 64px);
	bottom: 0;
}
.page__moreBtn{
	width: min(calc(315 / var(--vw-min)* 100vw), 312px);
	height: min(calc(56 / var(--vw-min)* 100vw), 56px);
	background: linear-gradient(90deg, #B8E7FF 0%, #50C3FF 50%, #338EE4 100%) repeat left top / 100% auto;
	border-radius:min(calc(100 / var(--vw-min)* 100vw), 100px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: relative;
	font-family: var(--font-en);
	font-weight: 500;
	text-decoration: none;
	transition: all .4s ease;
}
@media screen and (hover:hover){
	.page__moreBtn:hover{
		background: linear-gradient(90deg, #B8E7FF 0%, #50C3FF 50%, #338EE4 100%) repeat 50% top / 200% auto;
	}
}
@media screen and (max-width:767px){ 
	.item__linkBtnWrap{
		position: relative;
		left:0;
		right: 0;
		margin: auto;
		bottom: unset;
		margin-top: calc(48 / var(--vw-min)* 100vw);
	}
	.page__moreBtn{
		width: calc(480 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
.page__moreBtn_txt{
	font-size:min(calc(16 / var(--vw-min)* 100vw), 16px);
	font-weight: 500;
	letter-spacing: 0.04em;
	font-family: var(--font-en);
}
.arrowBtn2_r {
    position: absolute;
    right: min(calc(20 / var(--vw-min) * 100vw), 20px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: min(calc(24 / var(--vw-min) * 100vw), 24px);
    height: min(calc(5 / var(--vw-min) * 100vw), 5px);
    -webkit-mask: url(../img/common/ic/icon_arrow.svg) no-repeat center center / contain;
    mask: url(../img/common/ic/icon_arrow.svg) no-repeat center center / contain;
    background-color:#FFF;
    transition: all .4s ease;
}
@media screen and (max-width:767px){ 
	.page__moreBtn_txt{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
	.arrowBtn2_r {
		right: calc(40 / var(--vw-min) * 100vw);
		width:calc(48 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}



.itemDetail__ttl{
	font-size:min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height:min(calc(32 / var(--vw-min) * 100vw), 32px);
	letter-spacing: min(calc(0.8 / var(--vw-min) * 100vw), 0.8px);
	color: var(--color-blue);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 600;
}
@media screen and (max-width:767px){ 
	.itemDetail__ttl{
		font-size:calc(32 / var(--vw-min) * 100vw);
		line-height:calc(50 / var(--vw-min) * 100vw);
		letter-spacing:calc(0.96 / var(--vw-min) * 100vw);
	}
}
.itemDetail__ttl2{
	background-color: var(--color-blue);
	color: #FFF;
	display: inline-block;
	padding:0 min(calc(10 / var(--vw-min) * 100vw), 10px);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 600;
}
.itemDetail__txt{
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 500;
	letter-spacing: min(calc(0.64 / var(--vw-min) * 100vw), 0.64px);
}
.itemDetail__list{
	margin-bottom: 2em;
}
.listItem{
	display: flex;
}
.listItem dt{
	color: var(--color-blue);
	padding-right:min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.listItem dt::after{
	content: ":";
	position: absolute;
	right: min(calc(10 / var(--vw-min) * 100vw), 10px);
	top: 0;
	bottom: 0;
	margin: auto;
}
.sTtl{
	color: var(--color-blue);
	font-weight: 600;
}

/* comment */
.cmtBox{
	display: flex;
	background-color: rgb(255, 238, 247,0.7);
	padding:min(calc(68 / var(--vw-min) * 100vw), 68px) 0 min(calc(80 / var(--vw-min) * 100vw), 80px) 0;
	position: relative;
	margin-top: max(calc(-24 / var(--vw-min) * 100vw), -24px)
}
.cmtBox._ph{
	margin-bottom: min(calc(240 / var(--vw-min) * 100vw), 240px);
}
@media screen and (max-width:767px){ 
	.cmtBox{
		padding:0;
		flex-direction: column-reverse;
		background-color: unset;
		position: relative;
		z-index: 1;
	}
	.cmtBox._ph{
		margin-bottom: min(calc(240 / var(--vw-min) * 100vw), 240px);
	}
}
.cmtBox::after{
	display: block;
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	height: 100%;
	background-color: rgb(255, 238, 247,0.7);;
	content: "";
	right:max(calc(-80 / var(--vw-min) * 100vw), -80px);
	bottom: 0;
	position:absolute;
}
.cmtBox::before{
	display: block;
	width: calc((100vw - min(calc(1000 / var(--vw-min) * 100vw),1000px)) / 2);
	height: 100%;
	background-color:rgb(255, 238, 247,0.7);
	content: "";
	left:calc(-1 * (100vw - min(calc(1000 / var(--vw-min) * 100vw), 1000px)) / 2);
	bottom: 0;
	position:absolute;
	z-index: -2;
}
@media screen and (max-width:767px){ 
	.cmtBox::after{
		display: none;
	}
	.cmtBox::before{
		width: 100vw;
		height: 100%;
		left:0;
		bottom: 0;
		z-index: -1;
	}
	.cmtBox._ph::before{
		height: calc(100% - calc(414 / var(--vw-min) * 100vw));
		padding: 0;
	}	
}

.cmtBox._ph .cmtBox__txt{
	width: min(calc(480 / var(--vw-min) * 100vw), 480px);
}
.cmtBox__ph{
	width: min(calc(440 / var(--vw-min) * 100vw), 440px);
	position: absolute;
	right: 0;
	top: min(calc(68 / var(--vw-min) * 100vw), 68px);
}
@media screen and (max-width:767px){ 
	.cmtBox._ph .cmtBox__txt{
		width: 100%;
		padding-bottom:calc(96 / var(--vw-min) * 100vw);
	}
	.cmtBox__ph{
		width: 100%;
		position: relative;
		right: unset;
		top: unset;
	}
	.cmtBox__txt{
		padding:calc(40 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
	}
}