@charset "utf-8";
/* ===================================================================

 file name  :advertising.css
 style info :最新広告情報

=================================================================== */

/* =============================

	overwrite

=============================== */

#main {
	overflow:hidden;
}

/* ============================== */

#main .ltxt{
	margin-bottom:3.5em;
}
#main div.lists{
	margin-right:-16px;
	zoom:1;
}
#main div.lists article{
	width:236px;
	float:left;
	margin:0 16px 30px 0;
	border:1px solid #bfbfbf;
	position:relative;
	zoom:1;
}
#main div.lists article header{
	background:#ececec;
	padding:1em 10px;
}
#main div.lists article header h1{
	font-size:125%;
	font-weight:normal;
	line-height:1.3;
}
#main div.lists article header h1 span.ic-new{
	padding-right:6px;
}
#main div.lists article header h1 span.ic-new img{
	vertical-align:middle;
	margin-top:-5px;
}
#main div.lists article .detail{
	padding:16px 9px 46px 9px;
}
#main div.lists article.no-btn .detail{
	padding:16px 9px 16px 9px;
}
#main div.lists article .detail div.comment{
	font-size:109%;
	margin-bottom:1.5em;
}
#main div.lists article .detail p.add{
	font-size:109%;
	margin-bottom:0.5em
}
#main div.lists article .detail div.map{
	border:1px solid #bfbfbf;
	width:216px;
	height:144px;
}
#main div.lists article .detail p.maplink{
	text-align:right;
}

#main div.lists article .btn{
	position:absolute;
	left:9px;
	bottom:9px;
}
#main div.lists article .btn a{
	color:#FFF;
	width:218px;
	height:21px;
	padding-top:3px;
	display:block;
	text-decoration:none;
	text-align:center;
	background: rgb(77,194,190); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(77,194,190) 0%, rgb(60,173,170) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(77,194,190)), color-stop(100%,rgb(60,173,170))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(77,194,190) 0%,rgb(60,173,170) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc2be', endColorstr='#3cadaa',GradientType=0 ); /* IE6-9 */
}
#main div.lists article .btn a:hover{
	background: #019792;
}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){

	/* =============================
	
		overwrite
	
	=============================== */
	
	
	/* ============================== */

	#main .ltxt{
		margin-bottom:2em;
	}
	#main div.lists{
		margin-right:0;
	}
	#main div.lists article{
		width:100%;
		float:none;
		margin:0 0 15px 0;
		border:1px solid #bfbfbf;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#main div.lists article header{
		background:#ececec;
		padding:0.8em 10px;
	}
	#main div.lists article header h1{
		font-size:109%;
	}
	#main div.lists article header h1 span.ic-new{
		margin-right:3px;
		padding:0;
		width:24px;
		height:8px;
		background:url(../images/common/ico_new_sp.png) no-repeat;
		background-size:24px 8px;
		text-indent:-9999px;
		overflow:hidden;
		display:inline-block;
	}
	#main div.lists article header h1 span.ic-new img{
		display:none;
	}
	#main div.lists article .detail,
	#main div.lists article.no-btn .detail{
		padding:14px 13px;
	}
	#main div.lists article .detail .notes{
		float:left;
		width:100%;
		margin-right: -130px;
	}
	#main div.lists article .detail .inner{
		margin-right:130px;
	}
	#main div.lists article .detail div.comment,
	#main div.lists article .detail p.add{
		font-size:84%;
	}
	#main div.lists article .detail .info{
		width:115px;
		float:right;
	}
	#main div.lists article .detail div.map{
		width:100%;
		height:auto;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#main div.lists article .detail div.map img{
		width:100%;
		height:auto;
	}
	#main div.lists article .detail p.maplink{
		text-align:right;
		font-size:8px;
		padding:0.3em 0 0.5em 0;
	}

	#main div.lists article .btn{
		position:static;
	}
	#main div.lists article .btn a{
		width:100%;
		height:20px;
		padding-top:5px;
		font-size:84%;
	}


}