@charset "utf-8";
/*-----------------------------------------------
 * MUSIC
-------------------------------------------------*/
.articleContent{
	width: 100%;
	position: relative;
	padding-top: min(calc(58 / var(--vw-min) * 100vw), 58px);
}
/**
* category
**/
.music__categoryArea{
	width: 100%;
	position: relative;
}
.music__categoryArea:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255,255,255,20%);
	margin: auto;
}
.music__categoryLists{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.music__categoryLists{
		margin-bottom:calc(50 / var(--vw-min) * 100vw);
	}
}
.music__categoryList{
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.music__category--link{
	display: block;
	position: relative;
	transform: skewX(-16deg);
	background-color: var(--color-black);
	color:#fff;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	text-decoration: none;
	text-align: center;
	min-width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	line-height: 1;
	font-weight: 700;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	transition: all 0.3s ease;
}
.music__category--link.--active {
	color:#000;
	background:var(--color-red);
}
@media screen and (hover:hover){
	.music__category--link:hover {
		color:#000;
		background:var(--color-red);
	}
}
.music__category--link.--soon {
	color:#6b6b6b;
	cursor:default;
	background:#000;
}
.music__category--link.--soon:before {
	content:'COMING SOON';
	font-family: var(--font-en);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	transform:skewX(16deg);
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.music__category--link.--soon:hover:before {
		opacity:1;
		transform:skewX(16deg);
	}
}
.music__category--text{
	display: block;
	transform: skewX(16deg);
	transition: all 0.3s ease;
}

@media screen and (hover:hover){
	.music__category--link.--soon:hover .music__category--text{
		opacity:0;
	}
}
.music__category--deco{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.music__category--deco:before,
.music__category--deco:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	background-color: rgba(255,255,255,.2);
	transition: all 0.3s ease;
}
.music__category--deco:before{
	left: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.music__category--deco:after{
	right: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.music__category--link.--active .music__category--deco:before,
.music__category--link.--active .music__category--deco:after{
	background-color:rgba(0,0,0,.2);
}
@media screen and (hover:hover){
	.music__category--link:not(.--soon):hover .music__category--deco:before,
	.music__category--link:not(.--soon):hover .music__category--deco:after{
		background-color:rgba(0,0,0,.2);
	}
}
@media screen and (max-width:768px){
	.music__categoryList{
		margin: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.music__category--link{
		padding: calc(20 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
		min-width: calc(200 / var(--vw-min) * 100vw);
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
	.music__category--deco:before,
	.music__category--deco:after{
		width: calc(6 / var(--vw-min) * 100vw);
	}
}
.music__subCategoryArea {}
.music__subCategoryLists {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width:min(calc(1060 / var(--vw-min) * 100vw),1060px);
	margin:0 auto min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.music__subCategoryLists {
		width:calc(700 / var(--vw-min) * 100vw);
		margin:0 auto calc(30 / var(--vw-min) * 100vw);
	}
}
.music__subCategoryItem {
	width:calc(100% / 4);
	padding:0 min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.music__subCategoryItem {
		width:calc(100% / 2);
		padding:0 calc(15 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
}
.music__subCategoryLink {
	width:100%;
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background:rgba(0,0,0,.5);
	border:1px solid rgba(255,255,255,.2);
	text-decoration: none;
	font-weight: 700;
}
@media screen and (max-width:768px){
	.music__subCategoryLink {
		height:calc(80 / var(--vw-min) * 100vw);
	}
}
.music__subCategoryLink span {
	position: relative;
	display: block;
	transition: all 0.3s ease;
}
.music__subCategoryLink:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(var(--color-red), var(--color-red)) right bottom / 0 100% no-repeat;
	transition: background-size 0.4s;
	opacity:.5;
}
@media screen and (hover:hover) and (pointer: fine){
	.music__subCategoryLink:not(.--soon):hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}
.music__subCategoryLink.--active::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
.music__subCategoryLink.--soon {
	color:#6b6b6b;
	cursor: default;
}
.music__subCategoryLink.--soon:before {
	content:'COMING SOON';
	font-family: var(--font-en);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	transition: all 0.3s ease;
	font-size:min(calc(21 / var(--vw-min) * 100vw),21px);
	padding-top:min(calc(2 / var(--vw-min) * 100vw),2px);
}
@media screen and (hover:hover){
	.music__subCategoryLink.--soon:hover span{
		opacity:0;
	}
}
@media screen and (hover:hover){
	.music__subCategoryLink.--soon:hover:before {
		opacity:1;
	}
}
.musicBlock{}
@media screen and (max-width:768px){
	.musicBlock{
	}
}

/* musicBlock__ttl */
.musicBlock__ttlWrap{
	text-align: center;
	margin-bottom: min(calc(9 / var(--vw-min) * 100vw),9px);
	position: relative;
	width: 100%;
	overflow: hidden;
}
.musicBlock__ttlWrap::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: calc(50% - min(calc(115 / var(--vw-min) * 100vw), 115px));
	height: 2px;
	background-color: var(--color-red);
}
.musicBlock__ttlWrap::after{
	display: block;
	content: "";
	position: absolute;
	right: -2px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: calc(50% - min(calc(115 / var(--vw-min) * 100vw), 115px));
	height: 2px;
	background-color: var(--color-red);
}
@media screen and (max-width:768px){
	.musicBlock__ttlWrap{
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.musicBlock__ttlWrap::after,
	.musicBlock__ttlWrap::before{
		width: calc(50% - calc(135 / var(--vw-min) * 100vw));
	}
}

.musicBlock__ttl{
	font-family: var(--font-en);
	font-size: min(calc(34 / var(--vw-min) * 100vw), 34px);
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: min(calc(230 / var(--vw-min) * 100vw),230px);
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	position: relative;
	line-height: 1;
	margin: 0 auto;
	white-space: nowrap;
}
.musicBlock__ttl::after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: 100%;
	height: 100%;
	border-right: 2px solid var(--color-red);
	border-left: 2px solid var(--color-red);
	transform: skew(-15deg);
}
@media screen and (max-width:768px){
	.musicBlock__ttl{
		font-size: calc(34 / var(--vw-min) * 100vw);
		width:calc(270 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
		padding-left:0.25em;
	}
}
.musicBlock__ttlJa {
	display: block;
	line-height:1;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	text-align: center;
	font-weight: 700;
	margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.musicBlock__ttlJa {
		font-size:calc(24 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
		padding-left:0.25em;
	}
}
.musicBlock__inner {
	width:min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin:0 auto min(calc(80 / var(--vw-min) * 100vw),80px);
	display: flex;
}
@media screen and (max-width:768px){
	.musicBlock__inner {
		width:calc(670 / var(--vw-min) * 100vw);
		margin:0 auto calc(100 / var(--vw-min) * 100vw);
		display:block;
	}
}
.musicBlock__thumb {
	width:min(calc(442 / var(--vw-min) * 100vw),442px);
	border:1px solid rgba(255,255,255,.2);
	background:#000;
}
@media screen and (max-width:768px){
	.musicBlock__thumb {
		margin:0 auto;
	}
}
.musicBlock__thumb img {
	width:100%;
}
.musicBlock__texts {
	padding-left:min(calc(80 / var(--vw-min) * 100vw),80px);
	flex:1;
}
@media screen and (max-width:768px){
	.musicBlock__texts {
		padding-left:0;
	}
}
.musicBlock__salesdate {
	display: table;
	margin:0 0 min(calc(12 / var(--vw-min) * 100vw),12px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	position: relative;
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	font-weight: 900;
	padding:0 0.15em;
	line-height:1.25;
	letter-spacing: 0.06em;
}
@media screen and (max-width:768px){
	.musicBlock__salesdate {
		margin: calc(36 / var(--vw-min) * 100vw) auto calc(26 / var(--vw-min) * 100vw);
		height:calc(36 / var(--vw-min) * 100vw);
		font-size:calc(30 / var(--vw-min) * 100vw);
	}
}
.musicBlock__salesdate span {
	position: relative;
}
.musicBlock__salesdate:before {
	content:'';
	position: absolute;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	background:var(--color-red);
}
.musicBlock__names {
	display: flex;
	flex-wrap: wrap;
	font-weight: 700;
	align-items: flex-end;
	margin-bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.musicBlock__names {
		display: block;
		margin-bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
	}
}
.musicBlock__artistName {
	font-size:min(calc(26 / var(--vw-min) * 100vw),26px);
	display: block;
	padding-bottom:min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
	.musicBlock__artistName {
		font-size:calc(30 / var(--vw-min) * 100vw);
		display: block;
		padding-bottom:0;
		text-align: center;
	}
}
.musicBlock__musicName {
	font-size:min(calc(40 / var(--vw-min) * 100vw),40px);
	display: block;
	margin-left:0.25em;
}
@media screen and (max-width:768px){
	.musicBlock__musicName {
		font-size:calc(50 / var(--vw-min) * 100vw);
		margin-left:0;
		line-height:1.2;
		text-align: center;
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}
.musicBlock__creators {
	font-weight: 700;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	margin-bottom:min(calc(46 / var(--vw-min) * 100vw),46px);
}
@media screen and (max-width:768px){
	.musicBlock__creators {
		font-size:calc(24 / var(--vw-min) * 100vw);
		margin-bottom:calc(42 / var(--vw-min) * 100vw);
		display: flex;
		flex-wrap: wrap;
	}
}
.musicBlock__creator {
	display: flex;
}
@media screen and (max-width:768px){
	.musicBlock__creator {
		min-width:50%;
		padding-right:0.75em;
	}
}
.musicBlock__creator dt {
	white-space: nowrap;
}
.musicBlock__creator dt:after {
	content:'：';
	margin:0 0.45em;
}
.musicBlock__creator dd {
	flex:1;
}
.musicBlock__btnList {
	width:min(calc(300 / var(--vw-min) * 100vw),300px);
	margin-bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:#000;
}
@media screen and (max-width:768px){
	.musicBlock__btnList {
		width:calc(320 / var(--vw-min) * 100vw);
		margin:0 auto calc(30 / var(--vw-min) * 100vw);
	}
}
.musicBlock__btnLink {
	display: flex;
	width:100%;
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	background:var(--color-red);
	justify-content: center;
	align-items: center;
	color:#fff;
	text-decoration: none;
	font-weight: 700;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.musicBlock__btnLink {
		height:calc(80 / var(--vw-min) * 100vw);
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.musicBlock__btnLink:before {
	content:'';
	position: absolute;
	right:min(calc(18 / var(--vw-min) * 100vw),18px);
	top:50%;
	width:min(calc(12 / var(--vw-min) * 100vw),12px);
	height:min(calc(12 / var(--vw-min) * 100vw),12px);
	margin-top:max(calc(-6 / var(--vw-min) * 100vw),-6px);
	-webkit-mask:url(../img/common/icon_blank.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_blank.svg) no-repeat center center / contain;
	background: #fff;
}
@media screen and (hover:hover){
	.musicBlock__btnLink:hover {
		background:rgba(218,0,0,.5);
	}
}
.musicBlock__profile-comment {
	width:min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin:0 auto;
	border:1px solid rgba(255,255,255,.2);
	padding:min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(40 / var(--vw-min) * 100vw),40px) 0;
	background:rgba(0,0,0,.5);
}
@media screen and (max-width:768px){
	.musicBlock__profile-comment {
		width:calc(670 / var(--vw-min) * 100vw);
		padding:calc(40 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) 0;
	}
}
.musicBlock__profile {
	display: flex;
	padding-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.musicBlock__profile {
		display:block;
		padding-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}
.musicBlock__profileImg {
	width:min(calc(430 / var(--vw-min) * 100vw),430px);
}
@media screen and (max-width:768px){
	.musicBlock__profileImg {
		width:100%;
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
}
.musicBlock__profileImg img {
	width:100%;
	height:auto;
	display: block;
}
.musicBlock__profileTexts {
	padding-left:min(calc(50 / var(--vw-min) * 100vw),50px);
	flex:1;
}
@media screen and (max-width:768px){
	.musicBlock__profileTexts {
		padding-left:0;
		flex:1;
	}
}
.musicBlock__profileName {
	font-size:min(calc(26 / var(--vw-min) * 100vw),26px);
	font-weight: 700;
	margin-bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.musicBlock__profileName {
		font-size:calc(30 / var(--vw-min) * 100vw);
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
		text-align: center;
	}
}
.musicBlock__profileText {
	font-weight: 700;
}
@media screen and (max-width:768px){
	.musicBlock__profileText {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.musicBlock__comment {
	border-top:1px solid rgba(255,255,255,.2);
	padding:min(calc(40 / var(--vw-min) * 100vw),40px) 0;
}
.musicBlock__commentTitle {
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	font-family: var(--font-en);
	line-height:.67;
	margin-bottom:min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.musicBlock__commentTitle {
		font-size:calc(40 / var(--vw-min) * 100vw);
		margin-bottom:calc(20 / var(--vw-min) * 100vw);
		font-weight: 700;
	}
}
.musicBlock__commentText {
	font-weight: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.musicBlock__commentText {
		font-size:calc(20 / var(--vw-min) * 100vw);
		font-weight: 700;
	}
}