/*! blog.css */

/* =============================================================================
   ブログ用css
   ========================================================================== */

.blogBox {
	margin:0 0 0 6em;
}
.blogBox .blogTit {
	margin-bottom:1.5em;
	font-weight:normal;
	font-size:130%;
}
.blogBox .blogTxt {
}
.blogBox .blogTxt p {
	margin:0 0 1.5em 0;
}
.blogBox .blogDate {
	background:#fff2f3;
	text-align:right;
	padding:1.5em 2em;
	font-size:60%;
	margin-bottom:6em;
}
.nav-below {
	margin:0 0 0 6em;
}
.nav-below .nav-previous {
	float:left;
	font-size:75%;
	text-decoration:underline;
}
.nav-below .nav-next {
	float:right;
	font-size:75%;
	text-decoration:underline;
}
.nav-below:after {
  content: ""; 
  display: block; 
  clear: both;
}

@media screen and (min-width: 1280px){
}

@media screen and (max-width: 1280px){
}

@media screen and (max-width: 960px){
.nav-below {
	text-align:center;
	line-height:2;
}
.nav-below .nav-previous {
	float:none;
}
.nav-below .nav-next {
	float:none;
	display:block;
}

}
@media screen and (max-width: 640px){
.blogBox img {
	width:100%;
	height:auto;;
}
.blogBox .blogTit {
	font-size:110%;
}
.blogBox {
	margin:0 2em;
}
.nav-below {
	margin:0 2em 8em 2em;
}
}