/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


/* ==========================================================================
   BLOG+NEWS-page:article post_content
   ========================================================================== */

/* ==========================================================================
   post_contents
   ========================================================================== */

.post_contents p {
	margin-bottom:20px;
	min-height:1em;
}
.post_contents img {
	max-width:100% !important;
	height:auto !important;
}
.post_contents img.alignright {
	margin: 0 0 20px 5px;
	display: inline;
	float: right;
}
.post_contents img.alignleft {
	margin: 0 5px 20px 0;
	display: inline;
	float: left
}
.post_contents img.aligncenter {
	display: block;
	margin: 0 auto 20px;
}
.post_contents img.alignnone {
	margin: 0 5px 20px 0;
}
.post_contents strong {
	font-weight:bold !important;
}
.post_contents em {
	font-style:italic;
}
.post_contents ul {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:20px;
}
.post_contents ol {
	list-style-type:decimal;
	margin-left:20px;
	margin-bottom:20px;
}
.post_contents h1 {
	font-weight:bold;
	font-size: 24px;
	margin-bottom:10px;
}
.post_contents h2 {
	font-weight:bold;
	font-size: 20px;
	margin-bottom:10px;
}
.post_contents h3 {
	font-weight:bold;
	font-size: 16px;
	margin-bottom:10px;
}
.post_contents h4 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}
.post_contents h5 {
	font-size: 12px;
	margin-bottom:10px;
}
.post_contents h6 {
	font-size: 10px;
	margin-bottom:10px;
}
.post_contents a {
	color: #e20707;
	text-decoration: underline;
}
.post_contents a:hover {
	text-decoration: none;
}
.post_contents hr {
	margin-bottom:20px;
}
.video-container {
    position: relative;
    padding-top: 56.25%;
	margin:0;
	width: 100%;
}  
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media print, screen and (min-width: 820px) {
/* post_contents*/
/* --------------------------------------------------------------------------- */
.post_contents p {
	margin-bottom:10px;
}
.post_contents img.alignright {
	margin: 0 0 10px 10px;
}
.post_contents img.alignleft {
	margin: 0 10px 10px 0;
}
.post_contents img.aligncenter {
	margin: 10px auto;
}
.post_contents img.alignnone {
	margin: 0 10px 10px 0;
}
.post_contents ul {
	margin-left:30px;
	margin-bottom:10px;
}
.post_contents ol {
	margin-left:30px;
	margin-bottom:10px;
}
}

/* ==========================================================================
   old_post_content
   ========================================================================== */
article .old_post_content img {
	display:block;
	max-width: 100% !important;
    height: auto !important;

}
article .old_post_content .alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
article .old_post_content .alignright	{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
article .old_post_content .aligncenter {
	clear: both;
	display: block;
	margin: 25px auto;
}
article .old_post_content #toukoutype0,
article .old_post_content #toukoutype1 {
	overflow:hidden;
}
article .old_post_content #toukoutype0 img,
article .old_post_content #toukoutype1 img {
	width:100% !important;
	height:auto !important;
}

@media only screen and (max-width: 819px) {
	article .old_post_content #toukoutype0,
	article .old_post_content #toukoutype1 {
		clear:both;
	}
	article .old_post_content #toukoutext0,
	article .old_post_content #toukoutext1 {
		clear:both;
		margin-top:30px;
	}
	article .old_post_content img {
		clear:left;
	}
}
@media only screen and (min-width: 820px) {	
	article .old_post_content #toukoutype0 {	
		float:left;
		width:300px;
		margin-right:30px;
	}
	article .old_post_content #toukoutext0 {	
		float:left;
	}
}
@media only screen and (min-width: 1024px) {	
	article .old_post_content #toukoutext0 {	
		width:390px;
	}
}
