/* 家づくりコラム */

@media screen and (min-width: 641px){

#col {
	line-height: 150%;
	}

#col.top ul {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 50px auto;
	display: flex;
	flex-wrap: wrap;
	}

#col.top ul a {
	width: 21.875%;
	font-size: 12px;
	margin: 0px 4.166% 30px 0px;
	text-align: right;
	display: block;
	}

#col.top ul a:nth-child(4n) {
	margin: 0px 0px 30px 0px;
	}

#col.top ul ol {
	width: 100%;
	margin: 0px 0px 15px 0px;
	position: relative;
	overflow: hidden;
	}

#col.top ul a img {
	width: 100%;
	height: auto;
	}

#col.top ul a h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#col.det {
	width: 90%;
	max-width: 1000px;
	margin: 0px auto;
	}

#col.det .day {
	margin: -30px 0px 50px 0px;
	}

#col.det .main img {
	max-width: 100%;
	height: auto;
	}

#col.det .main a {
	color: #148AE3;
	text-decoration: underline;
	}

#col.det #mor {
	margin: 50px auto 0px auto;
	}

}

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

#col {
	line-height: 150%;
	}

#col.top ul {
	width: 90%;
	margin: 0px auto 50px auto;
	}

#col.top ul a {
	width: 100%;
	height: auto;
	margin: 0px 0px 30px 0px;
	text-align: right;
	display: block;
	}

#col.top ul ol {
	width: 100%;
	margin: 0px 0px 15px 0px;
	position: relative;
	overflow: hidden;
	}

#col.top ul a img {
	width: 100%;
	}

#col.top ul a h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#col.det {
	width: 90%;
	margin: 0px auto;
	}

#col.det .day {
	margin: 0px 0px 30px 0px;
	}

#col.det .main img {
	max-width: 100%;
	height: auto;
	}

#col.det .main a {
	color: #148AE3;
	text-decoration: underline;
	}

#col.det #mor {
	margin: 50px auto 0px auto;
	}

}