@charset "utf-8";
/*-----------------------------------------------
 * MUSIC
-------------------------------------------------*/
.subSec__tit::before {
	content: "";
	width: min(calc(87 / var(--vw-min) * 100vw),87px);
	height: min(calc(104 / var(--vw-min) * 100vw),104px);
	display: block;
	position: absolute;
	top: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	right: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	-webkit-mask: url(../img/common/deco/deco_titRapier.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_titRapier.svg)no-repeat center/contain;
	background-color: var(--color-redD43);
}
@media screen and (max-width:768px){
	.subSec__tit::before {
		width: calc(75 / var(--vw-min) * 100vw);
		height: calc(90 / var(--vw-min) * 100vw);
		top: calc(-5 / var(--vw-min) * 100vw);
		right: calc(-18 / var(--vw-min) * 100vw);
	}
}
.subSec__bg-clip-in {
	background: url(../img/common/bg/bg_music.jpg)no-repeat top/cover;
}
@media screen and (max-width:768px){
	.subSec__bg-clip-in {
		background-size: calc(1200 / var(--vw-min) * 100vw) calc(594 / var(--vw-min) * 100vw);
	}
}

/**
 * content
 */
.music__cont {
	border-radius: min(calc(48 / var(--vw-min) * 100vw),48px) min(calc(48 / var(--vw-min) * 100vw),48px) 0 0;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.music__cont {
		border-radius: calc(72 / var(--vw-min) * 100vw) calc(72 / var(--vw-min) * 100vw) 0 0;
	}
}

/**
 * main
 */
.music__main {
	width: 100%;
	padding: min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.music__main {
		padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
	}
}

/**
 * visual
 */
.music__visual {
	margin-bottom: 0;
}
.music__body .music__sns {
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.music__body .music__sns {
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}

/**
 * artist swiper
 */
.music__artistSwiper {
	width: 100%;
	overflow: hidden;
}
.music__artistImg {
	width: 100%;
}
@media screen and (max-width:768px){
	.music__artistImg {
		width: 100%;
	}
}
.music__artistImg img {
	width: 100%;
	height: auto;
	display: block;
}

/**
 * artist pager
 */
.music__artistPager {
	position: static;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: min(calc(10 / var(--vw-min) * 100vw),10px);
	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.music__artistPager {
		gap: calc(10 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__artistPager .music__artistPagerItem {
	width: min(calc(28 / var(--vw-min) * 100vw),28px);
	height: min(calc(28 / var(--vw-min) * 100vw),28px);
	margin: 0;
	opacity: 1;
	border-radius: 0;
	background-color: rgba(212, 57, 79, 0.35);
	-webkit-mask: url(../img/common/deco/deco_star2.png)no-repeat center/contain;
	mask: url(../img/common/deco/deco_star2.png)no-repeat center/contain;
	transition: background-color .6s var(--easing-outquart);
}
@media screen and (max-width:768px){
	.music__artistPager .music__artistPagerItem {
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}
.music__artistPager .music__artistPagerItem.is-active {
	background-color: var(--color-redD43);
}
@media (hover: hover) and (pointer: fine){
	.music__artistPager .music__artistPagerItem:hover {
		background-color: var(--color-redD43);
	}
}

/**
 * sns
 */
.music__sns {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.music__sns {
		flex-direction: row;
		flex-wrap: nowrap;
        justify-content: space-between;
		gap: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__sns-site {
	flex-shrink: 0;
	text-align: center;
}
.music__sns-site .music__sns-link {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-redD43);
	font-weight: 700;
	line-height: 1;
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: opacity .3s ease;
}
@media screen and (max-width:768px){
	.music__sns-site .music__sns-link {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.music__sns-site .music__sns-link::after {
	content: "";
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: min(calc(11 / var(--vw-min) * 100vw),11px);
	display: block;
	-webkit-mask: url(../img/common/deco/icon_blank.svg)no-repeat center/contain;
	mask: url(../img/common/deco/icon_blank.svg)no-repeat center/contain;
	background-color: var(--color-redD43);
	margin-left: min(calc(10 / var(--vw-min) * 100vw),10px);
	transition: transform .3s var(--easing-outquart);
}
@media screen and (max-width:768px){
	.music__sns-site .music__sns-link::after {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
		margin-left: calc(8 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.music__sns-site .music__sns-link:hover {
		opacity: .7;
	}
	.music__sns-site .music__sns-link:hover::after {
		transform: scale(1.1);
	}
}
.music__snsLists {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.music__snsLists {
		gap: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__snsItem .music__sns-link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .3s ease;
}
.music__snsItem .music__sns-link::after {
	content: "";
	display: block;
	background-color: var(--color-redD43);
	transition: transform .3s var(--easing-outquart), opacity .3s ease;
}
.music__snsItem.--x .music__sns-link::after {
	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_x.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
}
.music__snsItem.--tiktok .music__sns-link::after {
	width: min(calc(18 / var(--vw-min) * 100vw),18px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	-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;
}
.music__snsItem.--insta .music__sns-link::after {
	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_Instagram.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
}
.music__snsItem.--yt .music__sns-link::after {
	width: min(calc(22 / var(--vw-min) * 100vw),22px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
	-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;
}
@media screen and (max-width:768px){
	.music__snsItem.--x .music__sns-link::after {
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
	}
	.music__snsItem.--tiktok .music__sns-link::after {
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.music__snsItem.--insta .music__sns-link::after {
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
	}
	.music__snsItem.--yt .music__sns-link::after {
		width: calc(44 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.music__snsItem .music__sns-link:hover {
		opacity: .7;
	}
	.music__snsItem .music__sns-link:hover::after {
		transform: scale(1.1);
	}
}

/**
 * sub title / song
 */
.music__subTit {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.music__subTit {
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}
.music__subTit-read {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.music__subTit-read {
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
.music__subTit-read::before {
	content: "";
	width: min(calc(134 / var(--vw-min) * 100vw),134px);
	height: min(calc(37 / var(--vw-min) * 100vw),37px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_c-read.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_c-read.svg)no-repeat center/contain;
	background-color: var(--color-redD43);
}
@media screen and (max-width:768px){
	.music__subTit-read::before {
		width: calc(163 / var(--vw-min) * 100vw);
		height: calc(46 / var(--vw-min) * 100vw);
	}
}
.music__subTit-ja {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: var(--color-black);
	font-weight: 700;
	line-height: 1;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.music__subTit-ja {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.music__subTit-en {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: var(--color-redD43);
	font-weight: 700;
	line-height: 1;
}
@media screen and (max-width:768px){
	.music__subTit-en {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__song {
	text-align: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-redD43);
}
@media screen and (max-width:768px){
	.music__song {
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
}
.music__song-artist {
	font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
	color: var(--color-redD43);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.music__song-artist {
		font-size: calc(36 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.music__song-title {
	font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
	color: var(--color-black);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.music__song-title {
		font-size: calc(56 / var(--vw-min) * 100vw);
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.music__song-credit {
	display: inline-flex;
	flex-direction: column;
	gap: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.music__song-credit {
		gap: calc(12 / var(--vw-min) * 100vw);
	}
}
.music__song-credit-item {
	display: flex;
	justify-content: center;
}
.music__song-credit-dt,
.music__song-credit-dd {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	color: var(--color-black);
	line-height: 1.8;
}
@media screen and (max-width:768px){
	.music__song-credit-dt,
	.music__song-credit-dd {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__song-credit-dt {
    color: var(--color-redD43);
	font-weight: 700;
    display: flex;
    align-items: center;
}
.music__song-credit-dt::after {
    content: "：";
    display: inline-block;
}
.music__streaming {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.music__streaming {
		margin-top: calc(36 / var(--vw-min) * 100vw);
	}
}
.music__streaming .linkBtn {
	display: flex;
	justify-content: center;
}
.music__streaming .linkA {
	background-color: #fff;
}
.music__streaming .linkA__blank {
	width: min(calc(14 / var(--vw-min) * 100vw),14px);
	height: min(calc(11 / var(--vw-min) * 100vw),11px);
	position: absolute;
	top: 0;
	right: min(calc(28 / var(--vw-min) * 100vw),28px);
	bottom: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/icon_blank.svg)no-repeat center/contain;
	mask: url(../img/common/deco/icon_blank.svg)no-repeat center/contain;
	background-color: #000;
	transition: .6s var(--easing-outquart);
}
@media screen and (max-width:768px){
	.music__streaming .linkA__blank {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
		right: calc(28 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.music__streaming .linkA:hover {
		color: #fff;
		background-color: #000;
	}
	.music__streaming .linkA:hover .linkA__blank {
		background-color: #fff;
		transform: scale(1.1);
	}
}
.music__streamingNote {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	color: var(--color-black);
	line-height: 1.8;
	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.music__streamingNote {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}

/**
 * body (news detail)
 */
.music__body {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 2;
	padding: min(calc(40 / var(--vw-min) * 100vw),40px) 0 0;
}
@media screen and (max-width:768px){
	.music__body {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.music__body p:not(:last-child) {
	margin-bottom: 1.5em;
}
.music__sectionHead {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-redD43);
	font-weight: 700;
	line-height: 1.6;
	display: block;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
	padding-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.music__sectionHead {
		font-size: calc(28 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		padding-bottom: calc(12 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}
.music__sectionHead:first-of-type {
	margin-top: 0;
}
.music__sectionSub {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height: 1.6;
	display: flex;
	align-items: center;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.music__sectionSub {
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__sectionSub::before {
	content: "";
	width: min(calc(30 / var(--vw-min) * 100vw),30px);
	height: min(calc(32 / var(--vw-min) * 100vw),32px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_star2.png)no-repeat center/contain;
	mask: url(../img/common/deco/deco_star2.png)no-repeat center/contain;
	background-color: var(--color-redD43);
	margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.music__sectionSub::before {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		margin-right: calc(8 / var(--vw-min) * 100vw);
	}
}