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

 file name  :news.css
 style info :お知らせ

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

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

	overwrite

=============================== */
#pageHeader{
	margin-bottom:13px;
}
#main{
	position:relative;
	padding-top:0;
}


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

#main .article-list{
	font-size:109%;
	margin-bottom:20px;
}
#main .article-list article{
	border-bottom:1px solid #e0dfdf;
	padding:2.5em 0 2em 0;
}
#main .article-list article header{
	position:relative;
	zoom:1;
}
#main .article-list article header time{
	background:url(../images/common/ico.png) no-repeat 10px 0.4em;
	display:block;
	padding:0 0 0 29px;
	position:absolute;
	left:0;
}
#main .article-list article header h1{
	color:#41b3af;
	margin-bottom:1.8em;
	padding-left:180px;
}
#main .article-list article header h1 span.ic-new{
	padding-right:9px;
}
#main .article-list article header h1 span.ic-new img{
	vertical-align:middle;
}


/* post */
#main .article-list article .post{
	padding-left:180px;
}
#main .article-list article .post p{
	margin-bottom:1.5em;
}
#main .article-list article .post a{
	outline:none;
}
#main .article-list article .post img{
	max-width:820px;
	width:/***/auto; /* IE8用 */
	height:auto;
	vertical-align: middle;
	margin-bottom:1.5em;
}

#main .article-list article .post .wp-caption{
	margin-bottom:1.5em;
}

#main .article-list article .post img.alignleft,
#main .article-list article .post .wp-caption.alignleft{
	float: left;
	margin: 0 24px 1.5em 0;
}
#main .article-list article .post img.alignright,
#main .article-list article .post .wp-caption.alignright{
	float: right;
	margin: 0 0 1.5em 24px;
}
#main .article-list article .post img.aligncenter,
#main .article-list article .post .wp-caption.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto 1.5em auto;
}
#main .article-list article .post .wp-caption img{
	margin-bottom:0.8em;
}
#main .article-list article .post .wp-caption figcaption,
#main .article-list article .post .wp-caption .wp-caption-dd{
	font-size:84%;
	color:#888888;
}

#main .article-list article .post img.size-full{
	margin-right:0;
	margin-left:0;
}





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

	#main .article-list{
		font-size:84%;
		margin-bottom:14px;
	}
	#main .article-list article{
		padding:2.5em 0 2em 0;
	}
	#main .article-list article header time{
		background:url(../images/common/ico.png) no-repeat 5px 0.4em;
		background-size:500px 500px;
		padding:0 0 0 15px;
		position:static;
	}
	#main .article-list article header h1{
		margin-bottom:1.2em;
		padding-left:15px;
	}
	#main .article-list 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 .article-list article header h1 span.ic-new img{
		display:none;
	}


	/* post */
	#main .article-list article .post{
		padding-left:15px;
	}
	#main .article-list article .post img{
		height:auto;
		max-width:100%;
		margin: 0 0 1.5em 0;
		padding:0;
		display:block;
	}
	#main .article-list article .post img.alignleft,
	#main .article-list article .post img.alignright,
	#main .article-list article .post .wp-caption.alignleft,
	#main .article-list article .post .wp-caption.alignright{
		float: none;
		margin: 0 0 1.5em 0;
	}
	#main .article-list article .post img.aligncenter,
	#main .article-list article .post .wp-caption.aligncenter,
	#main .article-list article .post .wp-caption.aligncenter img{
		float: none;
		margin: 0 auto 1.5em auto;
		text-align:center;
	}
	#main .article-list article .post .wp-caption{
		width:100% !important;
	}
	#main .article-list article .post .wp-caption figcaption,
	#main .article-list article .post .wp-caption-dd{
		font-size:8px;
	}


}