/*------------------------------------------------------*
 * vol_xx index.css
 *------------------------------------------------------*/

/* すまいのエピソード
--------------------------------------------------------*/

#episode .tbl figure figcaption {
	font-weight: bold;
}

@media screen and ( min-width: 741px) {
	#episode .tbl {
		border-collapse: separate;
		border-spacing: 40px 0;
		table-layout: fixed;
	}
	#episode .tbl > .tbl-row > .tbl-col {
		width: 50%;
	}
	#episode .tbl figure img {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.text-left {
		text-align: left;
		max-width: 950px;
		margin: 10px auto !important;
	}

	.pdr20 {
		padding-right: 20px;
	}

	.pdl20 {
		padding-left: 20px;
	}
}
@media screen and ( max-width: 740px) {
	#episode .tbl > .tbl-row > .tbl-col {
		margin: 10px 0;
	}
	#episode .tbl figure img {
		margin-bottom: 5px;
	}
	.main-cnt .visual .message h4 {
		width: 160px;
	}
	.text.small {
		font-size: .85em;
	}
	.text.center {
		text-align: center !important;
	}
}
@media screen and ( max-width: 340px) {
	.text.small {
		font-size: .8em;
	}
	.text.center {
		text-align: center !important;
	}
}