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

 file name  :blog.css
 style info :ブログ

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

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

	overwrite

=============================== */
#main{
	position:relative;
}
#main .pager.upper{
	top:5px;
}

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

#main section{
}
#main article{
	border-bottom:1px solid #e0dfdf;
	margin-bottom:20px;
	padding-bottom:40px;
}
#main article header .secTtl{
	display:block;
	font-size:109%;
	margin-bottom:3em;
}
#main article header h1{
	font-size:150%;
	margin-bottom:1.8em;
	padding:0 20px;
}

/* post */
#main article .post{
	padding:0 20px;
	font-size:109%;
}
#main article .post p{
	margin-bottom:1.5em;
}
#main article .post a{
	outline:none;
}
#main article .post img{
	max-width:1000px;
	width:/***/auto; /* IE8用 */
	height:auto;
	vertical-align: middle;
	margin-bottom:1.5em;
}
#main article .post img.alignleft{
	float: left;
	margin: 0 24px 1.5em 0;
}
#main article .post img.alignright{
	float: right;
	margin: 0 0 1.5em 24px;
}
#main article .post img.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto 1.5em auto;
}
#main article .post img.size-full{
	margin-right:0;
	margin-left:0;
}


#main article .post figure.wp-caption{
	margin-bottom:1.5em;
}
#main article .post figure.alignleft{
	float: left;
	margin: 0 24px 1.5em 0;
}
#main article .post figure.alignright{
	float: right;
	margin: 0 0 1.5em 24px;
}
#main article .post figure.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto 1.5em auto;
}

#main article .post figure.wp-caption img{
	margin-bottom:0.8em;
}
#main article .post figure.wp-caption figcaption{
	font-size:84%;
	color:#888888;
}





#main .pagetop{
	text-align:right;
	padding:0 0 38px 0;
	margin-top:-12px;
}
#main .pagetop a{
	background:url(../images/common/ico.png) no-repeat 0 -76px;
	padding:0.2em 0 0.2em 20px;
}




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

	/* =============================
	
		overwrite
	
	=============================== */
	
	#main .pager.upper{
		margin-bottom:20px;
	}
	
	
	/* ============================== */

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



	#main .pagetop{
		padding:0 0 2em 0;
		margin-top:0;
		font-size:84%;
	}
	#main .pagetop a{
		background:url(../images/common/ico.png) no-repeat 0 -34px;
		background-size:500px 500px;
		padding:0.2em 0 0.2em 10px;
	}


}