@charset "utf-8";
/* CSS Document */

.shopBox{
	width:32.3%;
	margin:10px 0.5%;
	display:inline-block;
	vertical-align:top;
	padding:0.5%;
	border:#1b1216 1px solid;
	background-image: url(../../img/bg_black70.png);
	
}
.shopBox.wide{
	width:99%;
}

.shopBox .img{
	width:100%;
	padding:1% 0;
}
.shopBox img{
	width:100%;
	max-width:480px;
	display:block;
	margin:0 auto;
}
.shopBox.wide img{
	max-width:818px;
}
.shopBox h3{
	font-size:18px;
	margin-bottom:2px;
	padding:1%;
	background-image: url(../../img/second/sys_bg.png);
}
.shopBox h3.small{
	font-size:18px;
}
.shopBox h4{
	font-size:14px;
	padding:1%;
	background-color: #b700c2;
	letter-spacing:1px;
	margin-bottom:1%;
	text-shadow: none;
}
.shopBox .txt{
	width:100%;
	padding:1%;
}
.shopBox .txt strong{
	font-size:16px;
	padding:1%;
	margin-bottom:0.5em;
	border-left: #b700c2 5px solid;
	border-bottom: #b700c2 1px solid;
	display: block;
	text-shadow: none;
	font-weight: normal;
}
.shopBox .txt strong.list{
	border-left:none;
	padding:5px 1%;
	border-bottom:#b09123 1px dashed;
}
.shopBox .txt .txtBox{
	padding:0 1% 2%;
	font-size:13px;
}

.shopBox dl.cast dt{
	width:16em;
	float:left;
	clear:both;
}
.shopBox dl.cast dd{
	margin-left:16em;
	margin-bottom:0.3em;
}

#info ul.notes{
	margin:1%;
	padding-left:1em;
	font-size:11px;
}
#info ul.notes li{
	text-indent:-1em;
	line-height:1.3em;
}

.shopBox a{
	width: 90%;
	max-width: 500px;
	margin: 4% auto 2%;
	background-color: #333;
	color: #fff;
	padding:10px  1% ;
	text-align: center;
	display: block;
}
 .shopBox a:hover{
	text-decoration: none;
	background-color: #da00ee;
}

@media (max-width: 960px) {

}
@media (max-width: 786px) {
	.shopBox{
		width:49%;
	}

}

@media (max-width: 480px) {
	.shopBox{
		width:99%;
	}
	.shopBox dl.cast dt{
		width:100%;
		float:none;
		font-size:12px;
		color:#324632;
	}
	.shopBox dl.cast dd{
		margin-left:0;
	}
	.shopBox h3{
		font-size:16px;
	}
	.shopBox h3.small{
		font-size:14px;
	}
	.shopBox .txt strong{
		font-size:14px;
	}
	.shopBox .txt .txtBox{
		font-size:12px;
	}


}