@charset "utf-8";
/*-----------------------------------------------
 * MUSIC
-------------------------------------------------*/
/**
* tab
**/
.subCont__tabLists {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
	gap: min(calc(16 / var(--vw-min) * 100vw),16px);
}
.subCont__tabList {
	display: flex;
	transition: transform .3s ease;
}
.subCont__tabLink {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: #fff;
	font-weight: 600;
	line-height: 1.73;
	letter-spacing: 0.04em;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background-color: var(--color-pink);
	text-decoration: none;
	padding: min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(70 / var(--vw-min) * 100vw),70px);
	transition: background-color .3s ease;
}
.subCont__tabLink::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: max(calc(-3 / var(--vw-min) * 100vw),-3px);
	right: max(calc(-3 / var(--vw-min) * 100vw),-3px);
	z-index: -1;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background-color: #6BBBD0;
}
@media screen and (max-width:768px){
	.subCont__tabLists {
		gap: calc(11 / var(--vw-min) * 100vw);
	}
	.subCont__tabLink {
		font-size: calc(12 / var(--vw-min) * 100vw);
		line-height: 2.17;
		border-radius: calc(100 / var(--vw-min) * 100vw);
		padding: calc(5 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.subCont__tabLink::before {
		right: calc(-2 / var(--vw-min) * 100vw);
		bottom: calc(-2 / var(--vw-min) * 100vw);
	}
}
.subCont__tabLink.--is-current {
	background-color: #000;
}
@media (hover: hover) and (pointer: fine){
	.subCont__tabList:hover {
		transform: scale(108%);
	}
	.subCont__tabLink:hover {
		background-color: #000;
	}
}
#television.sub__cont {
	margin-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
#streaming.sub__cont {
	margin-top: min(calc(78 / var(--vw-min) * 100vw),78px);
}
.sub__contHeadTit {
	font-family: var(--font-en-sub);
	font-style: italic;
	font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
	color: var(--color-pink);
	line-height: 1;
	letter-spacing: 0.02em;
	text-align: center;
	display: flex;
	align-items: center;
	margin-bottom: min(calc(11 / var(--vw-min) * 100vw),11px);
}
.sub__contHeadTit span {
	flex-shrink: 0;
	margin: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
.sub__contHeadTit::before,
.sub__contHeadTit::after {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	background-color: rgba(255,124,157,.5);
}
.sub__contHeadTxt {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: var(--color-pink);
	font-weight: 600;
	line-height: 1.81;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
.sub__contTit {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 600;
	line-height: 1.67;
	letter-spacing: 0.07em;
	display: flex;
	align-items: center;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
	background-color: var(--color-pink);
	padding: min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.sub__contTit::before {
	content: "";
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	-webkit-mask: url(../img/common/deco_glitter.svg)no-repeat center/contain;
	mask: url(../img/common/deco_glitter.svg)no-repeat center/contain;
	background-color: #fff;
	margin-right: min(calc(4 / var(--vw-min) * 100vw),4px);
}
.music__titWrap {
	color: var(--color-pink);
	font-weight: 600;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.music__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
	line-height: 1.38;
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw),8px);
}
.music__artist {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height: 1.6;
}
@media screen and (max-width:768px){
	#television.sub__cont {
		margin-top: calc(26 / var(--vw-min) * 100vw);
	}
	#streaming.sub__cont {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.sub__contHeadTit {
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.sub__contHeadTit span {
		margin: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.sub__contHeadTit::before,
	.sub__contHeadTit::after{
		height: calc(1 / var(--vw-min) * 100vw);
	}
	.sub__contHeadTxt {
		font-size: calc(12 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.sub__contTit {
		font-size: calc(14 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
		padding: calc(7 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.sub__contTit::before {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		margin-right: calc(5 / var(--vw-min) * 100vw);
	}
	.music__titWrap {
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.music__tit {
		font-size: calc(18 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.music__artist {
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * 楽曲詳細（CD情報）
-------------------------------------------------*/
.musicDetail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.music__l {
	width: min(calc(316 / var(--vw-min) * 100vw),316px);
	flex-shrink: 0;
}
.music__l-img {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.music__l-imgItem {
	width: 100%;
}
.music__l-img img {
	width: 100%;
	pointer-events: none;
}
.music__l-imgCap {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.03em;
	text-align: center;
	margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.music__l-img {
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.music__l-imgCap {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
}
.music__r {
	width: calc(100% - min(calc(356 / var(--vw-min) * 100vw),356px));
}
.music__r-tit {
	font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
	color: var(--color-pink);
	font-weight: 600;
	line-height: 1.65;
	letter-spacing: 0.03em;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
}
.music__r-txt {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 600;
	line-height: 1.73;
	letter-spacing: 0.03em;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.music__r-credit {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 600;
	line-height: 1.86;
	letter-spacing: 0.03em;
	display: flex;
}
.music__r-creditDt {
	color: var(--color-pink);
	display: flex;
	flex-shrink: 0;
}
.music__r-creditDt::after {
	content: ":";
	display: block;
	margin: 0 min(calc(4 / var(--vw-min) * 100vw),4px);
}
.music__r-subTit {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: var(--color-pink);
	font-weight: 600;
	line-height: 1.73;
	letter-spacing: 0.03em;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.mmusic__r-trackLists {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 600;
	line-height: 1.86;
	letter-spacing: 0.03em;
}
.musicBtn {
	display: flex;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.musicBtnA {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	color: #fff;
	font-weight: 600;
	line-height: 1.43;
	letter-spacing: 0em;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	padding: min(calc(11 / var(--vw-min) * 100vw),11px) min(calc(40 / var(--vw-min) * 100vw),40px);
	background-color: var(--color-pink);
	text-decoration: none;
	transition: background-color .3s ease;
}
.musicBtnA::before {
	content: "";
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(8 / var(--vw-min) * 100vw),8px);
	display: block;
	position: absolute;
	top: 0;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom: 0;
	margin: auto;
	-webkit-mask: url(../img/common/arrow_l.svg)no-repeat center/contain;
	mask: url(../img/common/arrow_l.svg)no-repeat center/contain;
	background-color: rgba(255,255,255,.8);
}
@media (hover: hover) and (pointer: fine){
	.musicBtnA:hover {
		background-color: #000;
	}
}
@media screen and (max-width:768px){
	.musicDetail {
		gap: calc(24 / var(--vw-min) * 100vw);
	}
	.music__l {
		width: 100%;
	}
	.music__r {
		width: 100%;
	}
	.music__r-tit {
		font-size: calc(15 / var(--vw-min) * 100vw);
		margin: 0 0 calc(12 / var(--vw-min) * 100vw);
	}
	.music__r-txt {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.music__r-credit {
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.music__r-creditDt::after {
		margin: 0 calc(4 / var(--vw-min) * 100vw);
	}
	.music__r-subTit {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(13 / var(--vw-min) * 100vw);
	}
	.mmusic__r-trackLists {
		font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
	}
	.musicBtn {
		margin-top: calc(16 / var(--vw-min) * 100vw);
		justify-content: center;
	}
	.musicBtnA {
		font-size: calc(13 / var(--vw-min) * 100vw);
		border-radius: calc(100 / var(--vw-min) * 100vw);
		padding: calc(8 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
	}
	.musicBtnA::before {
		width: calc(8 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
		right: calc(40 / var(--vw-min) * 100vw);
	}
}
.artistDetail {
	margin-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
.artistDetail-img {
	width: 100%;
}
.artistDetail-img img {
	width: 100%;
	pointer-events: none;
}
.artistBox {
	margin-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.artistDetail-tit {
	font-family: var(--font-en-sub);
	font-style: italic;
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	color: var(--color-pink);
	line-height: 1;
	letter-spacing: 0em;
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
}
.artistDetail-txt {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.03em;
}
@media screen and (max-width:768px){
	.artistDetail {
		margin-top: calc(56 / var(--vw-min) * 100vw);
	}
	.artistBox {
		margin-top: calc(23 / var(--vw-min) * 100vw);
	}
	.artistDetail-tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.artistDetail-txt {
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
}