@charset "utf-8";
.music{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.music{
		padding:calc(100 / var(--vw-min) * 100vw) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
.music__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.music__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.music__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.music__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) min(calc(50 / var(--vw-min) * 100vw),50px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.music__lists{
		margin:0 0 calc(-80 / var(--vw-min) * 100vw);
		display:block;
	}
}

.music__startdate{
	text-align: center;
}
.music__startdate img{
	width: 80%;
}
@media screen and (max-width:768px){
	.music__startdate img{
		width: 100%;
	}
}

.m__ttl{
	text-align: center;
	padding: 30px 0 50px;
}

.article__title{
	font-size:min(calc(44 / var(--vw-min) * 100vw),44px);
	line-height:1.75;
	color:var(--color-blue);
}

.article__title small{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height:1.75;
}

@media screen and (max-width:768px){
	.article__title{
		font-size:calc(44 / var(--vw-min) * 100vw);
		padding-bottom:calc(16 / var(--vw-min) * 100vw);
	}
	.m__ttl{
		text-align: center;
		padding: 10px 0 30px;
	}
}

.music__lists__top{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) max(calc(-30 / var(--vw-min) * 100vw),-30px);
	display:flex;
	flex-wrap:wrap;
	/* 2件以内の場合のみ下記適用 */
	justify-content:center;
	padding: 50px 0;
}
@media screen and (max-width:768px){
	.music__lists__top{
		margin:0 0 calc(-80 / var(--vw-min) * 100vw);
		display:block;
	}
}
.music__item{
	width:calc(100% / 2);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.music__item{
		width:100%;
		padding:0;
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
}
.music__itemLink{
	display:block;
	position:relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration:none;
	height:100%;
}
.music__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:var(--color-paleblue);
}
.music__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-blue);
	animation:newsLine-out 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.music__itemLink:after{
		width:calc(56 / var(--vw-min) * 100vw);
		animation:unset;
	}
}
.music__itemLink:hover:after{
	animation:newsLine-in 0.3s ease forwards;
}
.music__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:#fff;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.music__itemMark{
		width:calc(53 / var(--vw-min) * 100vw);
		height:calc(53 / var(--vw-min) * 100vw);
		margin:calc(-26.5 / var(--vw-min) * 100vw) 0 0 calc(-26.5 / var(--vw-min) * 100vw);
	}
}
.music__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:var(--color-paleblue);
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.music__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.music__itemLink:hover .music__itemMark:before{
	background:var(--color-paleblue);
	transition-delay:0.06s;
}
.music__number{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:var(--color-blue);
	margin-bottom:0.5em;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.music__number{
		margin-bottom:0;
	}
}
.music__itemLink:hover .music__number{
	color:var(--color-paleblue);
}
.music__number:after{
	content:'';
	display:block;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	height:min(calc(5 / var(--vw-min) * 100vw),5px);
	box-sizing:border-box;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform:rotate(45deg);
}
.music__itemLink:hover .music__number:after{
	border-color:var(--color-pareblue);
}
.music__number--no{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
	padding-top:0;
	line-height:1;
	margin-top:-0.5em;
	margin-right:0.5em;
}
@media screen and (max-width:768px){
	.music__number--no{
		font-size:calc(20 / var(--vw-min) * 100vw);
		display:block;
		padding-top:0;
		line-height:1;
		margin-top:-0.5em;
		margin-right:0.5em;
	}
}
.music__number--num{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
}
@media screen and (max-width:768px){
	.music__number--num{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.music__itemTitle{
	line-height:2;
	height:2em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	transition:all 0.3s ease;
	color:var(--color-blue);
	margin-bottom:1em;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.music__itemTitle{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.music__itemLink:hover .music__itemTitle{
	color:var(--color-paleblue);
}