@charset "utf-8";
/* CSS Document */





.blog {width: 100%; margin: 0; float: left; padding: 40px; background-color: #fff;}
.blog-inner {width: 100%; padding: 0 0 40px 0; margin: 30px 0 0 0; float: left; border-bottom: 1px solid #999;}
.blog-inner h1 {width: 100%; margin: 0 0 20px 0; float: left;}
.blog-inner h1 a {margin: 0; float: left; color: #000; text-decoration: none}
.blog-inner h1 a:hover {color: red;}
.blog-inner .picture{ margin: 0; float: left; width: 27%; padding: 0 3% 0 0; height: 200px;}
.blog-inner img{ margin: 0; float: left; width: 100%; height: 200px;}
.blog-inner .text {margin: 0; float: left; width: 70%}
.blog-inner .text p {margin: 0; float: left;}


@media only screen and (max-width: 1024px){
	.wrapper {width: 100%;}
	.blog {width: 94%; padding: 3%;}
}

@media only screen and (max-width: 768px) {
	.wrapper {width: 100% !important;}
	.blog {width: 94%;}
}

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

@media only screen and (max-width: 480px) {
	.blog-inner .picture {width: 100%; margin: 0; padding: 0;}
	.blog-inner .text {width: 100%; margin: 20px 0 0 0;}
}

@media only screen and (max-width: 320px) {
	.blog-inner .picture {width: 100%; margin: 0; padding: 0;}
	.blog-inner .text {width: 100%; margin: 20px 0 0 0;}
}