@charset "utf-8";

#blog .blog_content{
	width: 100%;
}



#blog .blog_cont{
	width: 94%;
	border:solid 1px #959494;
	padding:3%;
	margin-bottom: 3%;
}
/*日付*/
#blog .blog_cont_data{
	width: 40%;
	padding-bottom:3%;
}
	#blog .blog_cont_data .blogdata{
		float:left;
		border-left: solid 3px #0057b9;
		padding-left: 2%;
	}
	#blog .blog_cont_data .data_arrow{
		width: 6%;
		float:left;
		margin-left: 16%;
	}
	#blog .blog_cont_data .blogd_ata_ttl{
		float:right;
	}
	#blog .blog_cont_data .blogd_ata_ttl a{
		color: #0057b9;
		text-decoration:underline;
	}
/*サムネ　テキスト*/	
#blog .blog_cont_under{
	width: 100%;
}
	#blog .blog_cont_under .sv_img{
		width: 25%;
		float:left;
		border: solid 1px #eee;
	}
	#blog .blog_cont_under .textbox{
		float:right;
		width:70%;
		padding-top: 3%;
	}
/*もっと見る*/
#blog .blog_cont .more_link{
	width: 12%;
	background-color: #0057b9;
	border-radius:50px;
	color:#fff;
	text-align:center;
	margin-left: 88%;
}
	#blog .blog_cont .more_link a{
		color:#fff;
		font-size:1rem;
		display:block;
		padding:3%;
	}
	#blog .blog_cont .more_link span{
		color: #fff;
		margin-right: 2%;
	}

	@media screen and (max-width: 1170px) {
		#blog .blog_cont_data{
			width: 100%;
			padding-bottom:3%;
		}
			#blog .blog_cont_data .blogdata{
				float:left;
				border-left: solid 3px #0057b9;
				padding-left: 2%;
			}
			#blog .blog_cont_data .data_arrow{
				width: 6%;
				float:left;
				margin-left: 16%;
			}
			#blog .blog_cont_data .blogd_ata_ttl{
				float:right;
			}
			#blog .blog_cont_data .blogd_ata_ttl a{
				color: #0057b9;
				text-decoration:underline;
			}
			
		#blog .blog_cont_under{
			width: 100%;
		}
			#blog .blog_cont_under .sv_img{
				width: 25%;
				float:left;
			}
			#blog .blog_cont_under .textbox{
				float:right;
				width:70%;
				padding-top: 3%;
			}	
			/*もっと見る*/
		#blog .blog_cont .more_link{
			width: 16%;
			margin-left: 84%;
		}
	}

	@media screen and (max-width: 600px) {
		#blog .blog_cont_data .data_arrow {
			width: 8%;
			margin-left: 16%;
		}
		#blog .blog_cont_under{
			width: 100%;
		}
			#blog .blog_cont_under .sv_img{
				width: 80%;
				float:none;
				margin:0 auto 3%;
			}
			#blog .blog_cont_under .textbox{
				float:none;
				width:100%;
				padding-top: 0;
			}	
		/*もっと見る*/
		#blog .blog_cont .more_link{
			width: 70%;
			margin:0 auto;
		}
		#blog .blog_cont .more_link a{
		font-size:1.4rem;
	}
	}