@charset "UTF-8";
/*
 music.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

/* music-inner
========================================== */
.music-inner{
	padding: 43px 0 63px;
}
.music-inner .d-box-title{
	background: url(../images/music/music-title.png) no-repeat;
	background-size: cover;
	background-position: left bottom;
	height: 0;
	padding-top: 9.4%;
}
.music-inner .music-box-body{
	margin-top: 58px;
	border: 4px solid #1f140d;
	background: url(../images/common/surwed-bg-05.png);
	padding: 56px 0 78px;
	position: relative;
}
.music-inner .music-box-body:before{
	display: block;
	content: '';
	background: rgba(255,255,255,.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.music-inner .music-box-txt{
	background: url(../images/music/music-txt.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	text-indent: -9999px;
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.music-inner{
		padding: 4.6875% 3.125% 6.25%;
	}
	.music-inner .d-box-title{
		background: url(../images/music/music-title-sp.png) no-repeat;
		background-size: cover;
		background-position: left bottom;
		padding-top: 15.6%;
	}
	.music-inner .music-box-body{
		margin-top: 1.5625%;
		padding: 5.625% 4.6875% 11.71875%;
		border: 2px solid #1f140d;
	}
	.music-inner .music-box-txt{
		background: url(../images/music/music-txt-sp.png) no-repeat;
		background-size: cover;
		width: 100%;
		padding-top: 285.2%;
		height: 0;
	}
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px){
	.music-inner .music-box-txt{
		width: 750px !important;
		height: 1636px !important;
		padding-top: 0 !important;
	}
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){
	.music-inner .music-box-txt{
		width: 80%;
		height: 0;
		padding-top: 174.5%;
	}
}