@charset "UTF-8";

/* music
------------------------------------------ */
.music-area {}
.music-inner {
	background: url(../images/music/music-bg.png) no-repeat center -2.5% transparent;
	background-size: 100% auto;
}
.music-box {}
.music-box .d-box-body {
	margin: 0 auto;
	font-family: 'FOT-テロップ明朝 Pro D';
	letter-spacing: 3px;
}
.music-title {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.music-title:first-letter {
	color: #e02020;
}
.music-text {
	margin: 25px auto 65px;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}


/* theme
------------------------------------------ */
.theme-area {}
.theme-inner {}

.theme-title {
	margin-top: 35px;
}

.theme-img {
	width: calc(892 / 1000 * 100%);
	margin: 35px auto;
}

.theme-detail {
	padding: 0 60px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.theme-detail-product {
	margin-top: 55px;
	font-size: 4rem;
}
.theme-detail-artist {
	margin-top: 25px;
	font-size: 3rem;
}
.theme-detail-label {
	margin-top: 25px;
	font-size: 2.5rem;
}
.theme-detail-label br {
	display: none;
}

.theme-comment {
	margin-top: 45px;
	padding: 0 60px;
	font-weight: bold;
}
.theme-comment-title {
	font-size: 3rem;
}
.theme-comment-title:first-letter {
	color: #e02020;
}
.theme-comment-text {
	font-size: 2.2rem;
	letter-spacing: 1.5px;
	text-align: justify;
}


/* soundtrack
------------------------------------------ */
.soundtrack-area {
	margin-top: 55px;
}
.soundtrack-inner {
	padding-top: 55px;
	border-top: 1px solid #c1c1c1;
}
.soundtrack-box {}

.soundtrack-title {}

.soundtrack-img {
	width: calc(494 / 1000 * 100%);
	margin: 35px auto 30px;
}

.soundtrack-detail {
	padding: 0 60px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.soundtrack-detail-product {
	font-size: 4rem;
	line-height: 1.3;
}
.soundtrack-detail-date {
	margin-top: 10px;
	font-size: 2.5rem;
}
.soundtrack-detail-note {
	margin-top: 10px;
	font-size: 2.5rem;
	line-height: 1.6;
}



/* ---------------------------------
	SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	/* music
	------------------------------------------ */
	.music-area {}
	.music-inner {
		background-position: 50% -0.8%;
		background-size: 155% auto;
	}
	.music-box .d-box-body {}
	.music-title { font-size: 2rem; }
	.music-text { margin: 12px auto 30px; font-size: 1.5rem; }

	/* theme
	------------------------------------------ */
	.theme-area {}
	.theme-inner {}
	.theme-box {}
	.theme-title { margin-top: 15px; }
	.theme-img { width: 80%; margin: 20px auto; }
	.theme-detail { padding: 0 12%; }
	.theme-detail-product { margin-top: 15px; font-size: 2rem; }
	.theme-detail-artist { margin-top: 15px; font-size: 1.5rem; }
	.theme-detail-label { margin-top: 5px; font-size: 1.2rem; line-height: 1.4; }
	.theme-detail-label br { display: block; }
	.theme-comment { margin-top: 20px; padding: 0 8%; }
	.theme-comment-title { font-size: 1.5rem; }
	.theme-comment-text { font-size: 1.1rem; letter-spacing: 1px; }

	/* soundtrack
	------------------------------------------ */
	.soundtrack-area { margin-top: 8%; padding: 0 3%; }
	.soundtrack-inner { padding-top: 9%; }
	.soundtrack-box {}
	.soundtrack-img { width: 84%; margin: 30px auto 15px; }
	.soundtrack-detail { padding: 0; letter-spacing: 2px; }
	.soundtrack-detail-product { font-size: 1.7rem; line-height: 1.5; }
	.soundtrack-detail-date { margin-top: 5px; font-size: 1.2rem; }
	.soundtrack-detail-note { margin-top: 5px; font-size: 1.2rem; line-height: 1.6; }
}



/* ---------------------------------
 SP 〜 tablet（〜992px）
--------------------------------- */
@media screen and (min-width: 601px) and (max-width: 992px) {
	/* theme
	------------------------------------------ */
	.theme-detail-label { line-height: 1.4; }
	.theme-detail-label br { display: block; }

	/* soundtracks
	------------------------------------------ */
	.soundtrack-area { padding: 0 3%; }
	.soundtrack-detail-product { font-size: 3.5rem; }
	.soundtrack-detail-date { font-size: 2rem; }
	.soundtrack-detail-note { font-size: 2rem; }
}

@media screen and (max-width: 992px) {}



/* ---------------------------------
 PC（993px〜）
--------------------------------- */
@media screen and (min-width: 993px) {}