.src_area .srcresult article {
	margin-top: 1%;
	padding: 1% 1% 1.5%;
	border-bottom: solid 1px .aaa;
}

.src_area .srcresult article a {
	display: block;
	padding: 1%;
	border-radius: 0.5rem;
}

.src_area .srcresult article a:hover {
	background: .f0f0f0;
}

.src_area .srcresult article .image {
	float: left;
	width: 40%;
}

.src_area .srcresult article .image img {
	display: block;
	float: left;
	border-radius: 0.5rem;
}

.src_area .srcresult article .image .photo {
	width: 31.33%;
	margin: 1%;
}

.src_area .srcresult article .data {
	float: right;
	width: 58%;
}

.src_area .srcresult article .data p {
	margin-top: 1%;
	color: .000;
}

.src_area .srcresult article .data .area {
	padding-bottom: 2%;
	border-bottom: dotted 1px .555;
	text-align: left;
}

.src_area .srcresult article .data .area span {
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.5rem 0.8rem;
	border-radius: 0.3rem;
	background: .999;
	line-height: 100%;
	text-align: center;
	font-size: 1.3rem;
	color: .fff;
}

.src_area .srcresult article .data .name {
	margin-top: 2%;
	font-size: 2rem;
	color: .ec82c3;
}

.src_area .srcresult article .data .namesub {
	margin-top: 0.7rem;
	line-height: 100%;
	font-size: 1.2rem;
	color: .777;
}

.src_area .srcresult article .data .price {
	margin-top: 2%;
}

.src_area .srcresult article .data .cc {
	margin-top: 2%;
	margin-bottom: 1%;
	padding: 0.7rem;
	border: solid 1px .ddd;
	background: .fff;
	font-size: 1.3rem;
	line-height: 150%;
}

@media screen and (min-width: 650px) {
	.src_area .srcresult article .image {
		width: 55%;
	}

	.src_area .srcresult article .image img {
		width: 38%;
		margin: 1%;
	}

	.src_area .srcresult article .image .photo {
		width: 18%;
		margin: 1%;
	}

	.src_area .srcresult article .data {
		width: 43%;
	}
}