@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:238px;
	float:left;
	margin:0 16px 20px 0;
	background:#f9f9f9;
}
#main div.lists article time{
	display:block;
	color:#FFF;
	background:#4dc2be;
	font-size:92%;
	padding:0.4em 10px;
	line-height:1.1;
}
#main div.lists article .inner{
	padding:0 14px;
	border-left:1px solid #adadad;
	border-right:1px solid #adadad;
	border-bottom:1px solid #adadad;
}
#main div.lists article .inner header{
	padding:1.3em 0;
}
#main div.lists article .inner header h1{
	font-size:109%;
	font-weight:normal;
}
#main div.lists article .inner header h1 span.ic-new{
	padding-right:9px;
}
#main div.lists article .inner header h1 span.ic-new img{
	vertical-align:middle;
}

#main div.lists article .inner .post figure{
	margin-bottom:14px;
	zoom:1;
	text-align:center;
}
#main div.lists article .inner .post figure span{
	position:relative;
	display:block;
	background:#FFF;
	border:1px solid #adadad;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);
}
#main div.lists article .inner .post figure img{
	padding:8px;
}
#main div.lists article .inner .post figure figcaption{
	text-align:right;
	padding:0.3em 0 0 0;
}



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

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

#main .ltxt{
	margin-bottom:2em;
}
	#main div.lists{
		margin-right:0;
	}
	#main div.lists article{
		width:48.3333%;
		margin:0 0 15px 0;
		background:#f9f9f9;
	}
	#main div.lists article:nth-child(even){
		margin-right:0;
		float:right;
	}
	#main div.lists article:nth-child(odd){
		clear:both;
	}

	#main div.lists article time{
		font-size:8px;
		padding:0.4em 8px;
	}
	#main div.lists article .inner{
		padding:0 8px;
	}
	#main div.lists article .inner header{
		padding:0.8em 0;
	}
	#main div.lists article .inner header h1{
		font-size:84%;
	}
	#main div.lists article .inner 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 .inner header h1 span.ic-new img{
		display:none;
	}

	#main div.lists article .inner .post figure{
		margin-bottom:8px;
	}
	#main div.lists article .inner .post figure span{
		width:100%;
		max-width:170px;
		margin:0 auto;
	}
	#main div.lists article .inner .post figure img{
		padding:4px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		max-width:100%;
		max-height:90px;
	}
	#main div.lists article .inner .post figure figcaption{
		font-size:8px;
	}


}