@charset "utf-8";
.fullWrap__sticky{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	padding-top:0;
	z-index:60;
}
@media screen and (max-width:768px){
	.fullWrap__sticky{
		top:calc(-300 / var(--vw-min) * 100vw);
	}
}
.fullWrap__stickyin{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:flex-end;
}
@media screen and (max-width:768px){
	.fullWrap__stickyin{
		display:block;
	}
}
.music{
	width:100%;
	display:flex;
	padding:min(calc(90 / var(--vw-min) * 100vw),90px) 0;
}
@media screen and (max-width:768px){
	.music{
		display:block;
		padding:calc(64 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.music:after{
	content:'';
	display:block;
	flex:1;
}
@media screen and (max-width:768px){
	.music:after{
		display:none;
	}
}
.music__left{
	flex:1;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
}
@media screen and (max-width:768px){
	.music__left{
		display:block;
		padding-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.music__leftInner{
	width: 100%;
	position:sticky;
	left:0;
	top:min(calc(90 / var(--vw-min) * 100vw),90px);
}
.music__title{
	height:min(calc(58 / var(--vw-min) * 100vw),58px);
	width:100%;
	-webkit-mask:url(../img/common/ti-music.svg) no-repeat center center / contain;
	mask:url(../img/common/ti-music.svg) no-repeat center center / contain;
	background:var(--color-green);
	margin-bottom:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.music__title{
		margin-bottom:0;
	}
}
.music__center{
	width:63.3333%;
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.music__center{
		width:100%;
		display:flex;
	}
}
.music__navLists {
	display: flex;
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.music__navLists {
		margin-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}
.music__navItem {
	width: calc(100% / 2);
	border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	border-right: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	border-left: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.music__navItem {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.music__navItem:nth-child(2n) {
	border-left: unset;
}
.music__navLink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: min(calc(10 / var(--vw-min) * 100vw),15px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.music__navLink {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.music__navItem.is-active {
	border-color: var(--color-green);
	background-color: var(--color-green);
}
@media (hover: hover) and (pointer: fine){
	.music__navItem:hover {
		border-color: var(--color-green);
		background-color: var(--color-green);
	}
}
.article__header {
	padding-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.article__header {
		padding-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.article__header_dec{
	width: 100%;
	position: relative;
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
}


.musicHeadImagesArea{
	position: relative;
	width: 100%;
	height: min(calc(400 / var(--vw-min) * 100vw), 480px);
	display: flex;
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
@media screen and (max-width:768px){
	.musicHeadImagesArea{
		height: calc(320 / var(--vw-min) * 100vw);
	}
}
.musicHeadImagesArea._three .musicHeadImage{
	width: calc(100% / 3);
	height: 100%;
	position: relative;
}
.musicHeadImage img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.musicDetailCont {
	display: flex;
	position: relative;
	padding-top: min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.musicDetailCont {
		display: block;
		padding-top: calc(70 / var(--vw-min) * 100vw);
	}
}
.musicDetail__l {
	width: 39.4737%;/* 300 */
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.musicDetail__l {
		width: 100%;
		margin-bottom: calc(64 / var(--vw-min) * 100vw);
	}
}
.musicDetail__img {
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	margin-top: max(calc(-20 / var(--vw-min) * 100vw),-20px);
	padding-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.musicDetail__img {
		margin-top: calc(-24 / var(--vw-min) * 100vw);
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
}
.musicDetail__img img {
	width: 100%;
	pointer-events: none;
}
.musicDetail__r {
	width: 60.5263%;
	padding-left: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.musicDetail__r.-w100{
	width: 100%;
	padding-left: 0;
}
@media screen and (max-width:768px){
	.musicDetail__r {
		width: 100%;
		padding-left: 0;
	}
}

.musicDetail__section{
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
@media screen and (max-width:768px){
	.musicDetail__section{
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
}

.musicDetail__sectionTitle{
	position: relative;
	line-height: 1;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.musicDetail__sectionTitle:after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-darkgray);
}
.musicDetail__sectionTitle--text{
	display: inline-block;
	padding-right: 0.5em;
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.musicDetail__sectionTitle{
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}


.musicDetail__box {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.musicDetail__box {
		margin-bottom: calc(64 / var(--vw-min) * 100vw);
	}
}
.musicDetail__titWrap {
	font-weight: 700;
	line-height: 1.5;
}
.musicDetail__name {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-green);
	display: block;
	margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.musicDetail__name {
		font-size: calc(30 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
}
.musicDetail__tit {
	font-size: min(calc(36 / var(--vw-min) * 100vw),36px);
	display: block;
}
@media screen and (max-width:768px){
	.musicDetail__tit {
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
}
.musicDetail__lists {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.musicDetail__lists {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
}
.musicDetail__item {
	margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.musicDetail__item {
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
}
.musicDetail__item-dt {
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.musicDetail__item-dt {
		margin-bottom: calc(15 / var(--vw-min) * 100vw);
	}
}
.musicDetail__h4 {
	color: #000;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	background-color: #fff;
	margin-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.musicDetail__h4 {
		margin-bottom: calc(15 / var(--vw-min) * 100vw);
	}
}
/**
* COMMENT MOVIE
**/
.movie__Link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.movie__ItemWrap {
	overflow: hidden;
    position: relative;
    padding-top: 56.25%;
	margin-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.movie__ItemWrap {
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
}
.movie__Link {
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
.movie__Link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--color-green);
    opacity: 0.75;
    z-index: 1;
	pointer-events: none;
}
.movie__LinkTexts{
	width:min(calc(138 / var(--vw-min) * 100vw),138px);
	height:min(calc(44 / var(--vw-min) * 100vw),44px);
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    margin:auto;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.movie__LinkTexts{
		width:calc(312 / var(--vw-min) * 100vw);
		height:calc(72 / var(--vw-min) * 100vw);
	}
	.movie__LinkTexts:before{
		content:'';
		display:block;
		width:calc(72 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movie__Link:hover .movie__LinkTexts{
		transform:scale(1.1);
	}
}
.movie__Link--text{
	display:block;
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	height:min(calc(29 / var(--vw-min) * 100vw),29px);
	-webkit-mask:url(../img/common/t-movieplay.svg) no-repeat left center / contain;
	mask:url(../img/common/t-movieplay.svg) no-repeat left center / contain;
	background:#fff;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.movie__Link--text{
		width:calc(126 / var(--vw-min) * 100vw);
		height:calc(50 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movie__Link:hover .movie__Link--text{
		background:var(--color-red);
	}
}
.movie__Link--circle{
	display:flex;
	width:min(calc(44 / var(--vw-min) * 100vw),44px);
	height:min(calc(44 / var(--vw-min) * 100vw),44px);
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid #fff;
	padding:min(calc(2 / var(--vw-min) * 100vw),2px);
	border-radius:50%;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.movie__Link--circle{
		width:calc(72 / var(--vw-min) * 100vw);
		height:calc(72 / var(--vw-min) * 100vw);
		padding:calc(3 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movie__Link:hover .movie__Link--circle{
		border-color:var(--color-red);
	}
}
.movie__Link--circle span{
	width:100%;
	height:100%;
	display:flex;
	background:#fff;
	border-radius:50%;
	position:relative;
	justify-content:center;
	align-items:center;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.movie__Link:hover .movie__Link--circle span{
		background:var(--color-red);
	}
}
.movie__Link--circle span:before{
	content:'';
	display:block;
	width:min(calc(7 / var(--vw-min) * 100vw),7px);
	height:min(calc(7 / var(--vw-min) * 100vw),7px);
	border-top:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	border-right:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-green);
	box-sizing:border-box;
	transform:translateX(max(calc(-1 / var(--vw-min) * 100vw),-1px)) rotate(45deg);
}
@media screen and (max-width:768px){
	.movie__Link--circle span:before{
		content:'';
		display:block;
		width:calc(12 / var(--vw-min) * 100vw);
		height:calc(12 / var(--vw-min) * 100vw);
		border-top:calc(3 / var(--vw-min) * 100vw) solid var(--color-green);
		border-right:calc(3 / var(--vw-min) * 100vw) solid var(--color-green);
		box-sizing:border-box;
		transform:translateX(calc(-2 / var(--vw-min) * 100vw)) rotate(45deg);
	}
}
@media (hover: hover) and (pointer: fine){
	.movie__Item:hover .movie__txt{
		color:var(--color-red);
	}
}