@charset "utf-8";
#wrap{opacity: 1;}
footer{background-color: #000000;padding: 0 0 20px 0;}

h2{
	position: relative;
	margin: 0 auto;
	background-color: #000000;
	padding: 15px 0;
	width: 100%;
}
h2 img{
	position: relative;
	margin:  0 auto;
	width: 100%;
	max-width: 640px;
}

/* visual */
#visual{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	gap:0;
}
#visual .Img{
	position: relative;
	margin: 0;
	width: 100%;
	z-index: 1000;
}
#visual .Img img{margin: 0 auto; max-width: 100%;}
#visual .release{
	position: relative;
	margin: 0;
	padding: 30px 0 25px 0;
	width: 100%;
	background: #221918;
	background: linear-gradient(0deg,rgba(63, 41, 3, 1) 0%, rgba(34, 25, 24, 1) 100%);
}
#visual .release img{
	margin: 0 auto;
	width: calc(100% - 40px);
	max-width: 861px;
}
#visual .release::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-image: url("../img/dvd/bg_main01.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0 100%;
	mix-blend-mode: screen;
}

/* dvd */
#dvd .detail{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 30px);
	max-width: 1200px;
	padding: 40px 0 0 0;
}
#dvd .detail h3{
	position: relative;
	margin: 0 auto 20px auto;
	background-color: #feb534;
	color: #000000;
	padding: 8px 0;
	font-size: 120%;
	text-align: center;
	line-height: 1em;
	font-weight: 700;
}
#dvd .detail ul{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 20px);
}
#dvd .detail ul li{
	position: relative;
	margin: 0 auto 10px auto;
}
#dvd .detail .tokuten ul li{padding-left: 1.2em;}
#dvd .detail .tokuten ul li::before{
	position: absolute;
	top:0;
	left: 0;
	content: '・';
}
#dvd .detail .box{
	position: relative;
	margin: 0 auto 40px auto;
	background-color: rgba(22,14,4,0.50);
	border: solid 1px #4E3A00;
	padding: 5px 5px 20px 5px;
}
#dvd .detail .price span{
	font-size: 160%;
	font-weight: 700;
}
#dvd .detail .tracklist dl{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 20px);
	gap:10px 0;
}
#dvd .detail .tracklist dl dt{
	position: relative;
	margin: 0;
	width: 4.5em;
}
#dvd .detail .tracklist dl dd{
	position: relative;
	margin: 0;
	width: calc(100% - 4.5em);
}
#dvd .pub{
	position: relative;
	margin:0 auto;
	padding-bottom: 30px;
}
#dvd .pub dl{
	position: relative;
	margin:0 auto;
	padding-bottom: 20px;
	width: calc(100% - 30px);
	gap: 10px 0;
	text-align: center;
}
#dvd .pub dl dt{
	position: relative;
	margin: 0;
	width: 4em;
	border-bottom: solid 1px #ffffff;
	padding-bottom: 3px;
}
#dvd .pub dl dd{
	position: relative;
	margin: 0;
	width: 100%;
}

/* ----- pc ----- */
@media screen and (min-width: 799px) {
	footer{padding: 20px 0 30px 0;}

	h2{padding: 100px 0 25px 0;}

	/* visual */
	#visual{
		gap: 0 80px;
		background: #221918;
		background: linear-gradient(0deg,rgba(63, 41, 3, 1) 0%, rgba(34, 25, 24, 1) 100%);
	}
	#visual::after{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		background-image: url("../img/dvd/bg_main01.png"), url("../img/dvd/bg_main02.png");
		background-repeat: no-repeat, no-repeat;
		background-size: 60% auto, 60% auto;
		background-position: 0 100%, 100% 100%;
		mix-blend-mode: screen;
	}
	#visual .Img{width: calc(50% - 40px);}
	#visual .Img img{margin: 0 0 0 auto; max-width: 500px;}
	#visual .release{
		margin: 0;
		padding: 0;
		width:calc(50% - 40px);
		background: rgba(34, 25, 24, 0);
		background: linear-gradient(0deg,rgba(63, 41, 3, 0) 0%, rgba(34, 25, 24, 0) 100%);
	}
	#visual .release img{
		margin: 0;
		width: calc(100% - 120px);
		max-width: 600px;
	}
	#visual .release::after{display: none;}

	/* dvd */
	#dvd .detail{padding: 70px 0 0 0;}
	#dvd .detail h3{
		margin: 0 auto 30px auto;
		font-size: 130%;
	}
	#dvd .detail ul{
		width: calc(100% - 80px);
		max-width: 960px;
	}
	#dvd .detail ul li{font-size: 110%;}
	#dvd .detail .box{
		margin: 0 auto 60px auto;
		padding: 10px 10px 40px 10px;
	}
	#dvd .detail .price{text-align: center;}
	#dvd .detail .price span{font-size: 180%;}
	#dvd .detail .tracklist dl{max-width: 13em;}
	#dvd .pub{padding-bottom: 60px;}
	#dvd .pub dl{gap: 10px 15px;width: calc(27em + 20px);}
	#dvd .pub dl dt{text-align: center;border: solid 1px #858585;}
	#dvd .pub dl dd{
		width: auto;
		padding-bottom: 0;
		text-align: left;
	}

}