@charset "UTF-8";




/****************  for musics.html  ****************/

ol.mokuji {
	margin-left: 4em;
	font-size: 90%;
}

.music_content {
	width: 90%;
	margin: 0 auto 4em;
}

h2.music {
	background-color: yellow;
}

.music_albumart {
	height: 320px;
	max-width: calc(100% - 4em);
	margin-left: 2em;
}

h2 span.music_title {
	padding-left: 2em;
}

table.music_info,
table.music_info tr th,
table.music_info tr td {
	border: 1px ridge darkgreen;
	font-size: 12pt;
}

table.music_info {
	width: 100%;
}

table.music_info tr th {
	width: 8em;
}

table.music_info tr td {
	padding-top:    0.1em;
	padding-bottom: 0.1em;
	padding-left:   0.5em;
}








/********************************  responsive  ********************************/
@media screen and (max-width: 639px) {


	.music_albumart {
		margin-left: 0;
	}


}