@charset "utf-8";
.article {

}

.article h2 { color: #00a0e9; font-size: 1.4em; margin-top: 0; }
.article .date { color: #898888; }
.article .txt { color: #fff; line-height: 1.5em; letter-spacing: 1px; font-size: 1.1em; }
.article .txt iframe { margin-top: .5em; margin-bottom: .5em; }
.article .txt img { max-width: 100%; height:auto; }

@media (min-width: 768px) {
	.article .txt iframe { width: 100%; height: 20em; }
}
@media (min-width: 1024px) {
	
}
@media (min-width: 1170px) {
	.article .txt iframe { width: 100%; height: 30em; }
}
@media (max-width: 767px) {
	header { padding: .5em 0 0 0; }
	.article .txt iframe { width: 100%; height: 35em; }
  
}
@media (max-width: 640px) {
	.article .txt iframe { width: 100%; height: 30em; }
  
}
@media (max-width: 480px) {
	.article .txt iframe { width: 100%; height: 15em; }
  
}