/**
 * search.css
 */

/* index
--------------------------------------------------*/
body#search #header {
	z-index: 20;
}
body#search #header #logo {
	visibility: hidden;
}
body#search #header #detailBack {
	position: fixed;
	top: 47px;
	left: 50%;
	margin-left: -479px;
}
body#search #detailContents .count {
	position: absolute;
	top: 55px;
	left: 218px;
	line-height: 1;
}
body#search #detailContents .entry {
	zoom: 1;
	max-width: 520px;
	margin-top: 37px;
}
body#search #detailContents .entry:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
body#search #detailContents .entry:first-child,
body#search #detailContents .count + .entry {
	margin-top: 0;
}
body#search #detailContents .entry .image {
	float: left;
	width: 217px;
}
body#search #detailContents .entry .text {
	color: #999999;
}
body#search #detailContents .entry .image + .text {
	margin-left: 240px;
}
body#search #detailContents .entry .text h2 {
	/*color: #666666;*/	
	color:#181818;
}
body#search #detailContents .entry .text .url {
	/*margin-top: 1.75em;*/
	margin-top: 0.5em;
	word-wrap: break-word;
}



/* max-max:1033px
--------------------------------------------------*/
@media only screen and (max-width:1033px) {
	body#search #header #detailBack {
		left: 38px;
		margin-left: 0;
	}
}



/* min-width:1002px
--------------------------------------------------*/
@media only screen and (min-width:1034px) {
	body#search #header #detailBack {
		left: 38px;
		margin-left: 0;
	}
}




/* min-width:1192px
--------------------------------------------------*/
@media only screen and (min-width:1192px) {
	body#search #header #detailBack {
		left: 50%;
		margin-left: -558px;
	}
}



/* SP
--------------------------------------------------*/
@media only screen and (max-width:640px) {
	body#search #header #logo {
		visibility: visible;
	}
	body#search #header #detailBack {
		display: none;
	}
	body#search #detailContents {
		padding-top: 57px;
	}
	body#search #detailContents .count {
		display: none;
	}
	body#search #detailContents .entry {
		width: auto;
	}
	body#search #detailContents .entry .image {
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	body#search #detailContents .entry .image img {
		width: 100%;
	}
	body#search #detailContents .entry .image + .text {
		margin-left: 0;
	}
}