@charset "utf-8";
#album {
	text-align:center;
	background-color: #333;
	padding-bottom: 10px;
	padding-top: 20px;
}
#main #case #album p {
	margin-bottom: 20px;
}
.thumbs img{
	border: solid 1px #ccc;
}
.thumbs img:hover{
	border-color: #036;
}
#album ul{
	margin: 0 auto;
	text-indent:0px;
	display: table;
	border-collapse: separate;
	border-spacing: 5px;
}
#album li{
	display: table-cell;
	}
#main #case #middle {
	background-color: #666666;
	padding-top: 10px;
	padding-bottom: 15px;
}

#main .link {
	margin-bottom: 10px;
}

#main .link:before {
	content: "▶";
	color: #666;
	margin-right: 3px;
}
/*===============================================
画面の横幅が960pxまで
===============================================*/
@media screen and (max-width: 960px) {
#album li img {
	width: 95px;
}
}
/*===============================================
画面の横幅が600pxまで
===============================================*/
@media screen and (max-width: 600px) {
#album li img {
	width: 75px;
}
}
/*===============================================
画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
#album li img {
	width: 45px;
}
}
/*===============================================
画面の横幅が320pxまで
===============================================*/
@media screen and (max-width: 320px) {
#album li img {
	width: 45px;
}
}