/* カード、画像拡大
------------------------------------ */
.card {
  width: 467px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.pro_img {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 240px;	/*画像の幅*/
	height: 180px;	/*画像の高さ*/
	border-radius: 4px;
}
.pro_img img,.pro_img2 img,.pro_img3 img,.pro_img4 img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.pro_img img:hover,.pro_img2 img:hover,.pro_img3 img:hover,.pro_img4 img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	filter:alpha(opacity=80);/*透過％指定*/
-moz-opacity: 0.8;
opacity: 0.8;
}

.pro_img2 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 110px;	/*画像の幅*/
	height: 85px;	/*画像の高さ*/
	border-radius: 4px;
}

.pro_img3 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 220px;	/*画像の幅*/
	height: 163px;	/*画像の高さ*/
	border-radius: 4px 4px 0 0; /*上だけ丸くする*/
}

.pro_img4 {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 300px;	/*画像の幅*/
	height: 225px;	/*画像の高さ*/
	border-radius: 4px 4px 0 0; /*上だけ丸くする*/
}

.card-under {
  width: 220px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}

.card-cate {
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #370000;
}


a:link { 
	text-decoration: none!important;
	color:#4F1716!important;
}

a:visited { 
	text-decoration: none!important;
	color:#4F1716!important;
}

a:hover { 
	text-decoration: underline!important;
	color:#222!important;
}

a:active { 
	text-decoration: none!important;
	color:#222!important;
}