@charset "UTF-8";

/*PC*/
@media print, screen and (min-width: 768px)
{
	
.audiojs { 
	background: #4a4a4a;
	margin-top:20px;
 }

.audiojs .play-pause {
	border-right: none;
}

.audiojs .scrubber { 
	background: #7c7c7c;
	border-radius: 8px;
}

.audiojs .progress { 
	background: #ccc;
}
	
.audiojs .loaded { background: #000;}

.audiojs .time { 
	border-left: none;
}

.audiojs .error-message { 
	height: 24px;
	line-height: 24px; 
}
}

/*SP*/
@media screen and (max-width: 767px)
{
.audiojs { 
	width: 200px;
	height: 28px; 
	background: #4a4a4a;
	margin-top:10px;
	box-shadow: none;
 }

.audiojs .play-pause {
	width: 15px;
	height: 20px;
	padding: 0px 9px 0px 0px;
	border-right: none;
	margin: 0;
}

.audiojs .scrubber { 
	background: #7c7c7c;
	width: 34%;
	height: 10px;
	margin: 8px 0px 8px 0;
	border-radius: 8px;
}

.audiojs .progress { 
	height: 10px; 
	width: 0px; 
	background: #ccc;
}
	
.audiojs .loaded { height: 10px; background: #000;}

.audiojs .time { 
	float: left; 
	height: 28px; 
	line-height: 28px;
	text-shadow: none;
	border-left: none;
}

.audiojs .error-message { 
	height: 24px;
	line-height: 24px; 
}
}