@charset "UTF-8";

/*
**************************************************************************
*	雪印メグミルク - 栗原はるみのミルクのある生活 - 今月のエッセイ
**************************************************************************/

/* Contents Layout
----------------------------------- */
#contentArea .wrp-content-area {
	width: 940px;
	margin: 0 auto;
}
#contentArea .content-mainarea.col2 {
	width: 100%;
	margin-right: 40px;
}
#contentArea .essay-box,
#contentArea .btn-box {
	width: 530px;
	float: left;
}
#contentArea .pic-box {
	width: 370px;
	float: right;
}

/* SP */
@media screen and (max-width: 736px) {
	#contentArea .wrp-content-area {
		width: 100%;
	}
	#contentArea .content-mainarea.col2,
	#contentArea .essay-box,
	#contentArea .pic-box,
	#contentArea .btn-box {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}


/* ContentMainArea
----------------------------------- */
#contentArea .content-mainarea.col2 .ttlbox .ttl {
	width: 100%;
	margin: 0 0 23px 30px;
	padding-top: 10px;
}
#contentArea .content-mainarea.col2 .ttlbox .ttl .txt {
	font-size: 216.67%; /* 26px */
	padding-left: 30px;
}
#contentArea .content-mainarea.col2 .ttlbox .ttl .txt .color2 {
	font-size: 76.92%; /* 20px */
}

/* SP */
@media screen and (max-width: 736px) {
	#contentArea .content-mainarea.col2 .ttlbox {
		/*direction: rtl;*/
		width: 100%;
	}
	#contentArea .content-mainarea.col2 .ttlbox .ttl {
		display: block;
		width: 87.5%;
		margin: 15px auto 10px;
	}
	#contentArea .content-mainarea.col2 .ttlbox .ttl .ttltop {
		display: table-cell;
		width: 70px;
	}
	#contentArea .content-mainarea.col2 .ttlbox .ttl .txt {
		display: table-cell;
		width: auto;
		font-size: 13px;
		text-align: left;
		vertical-align: top;
		padding: 4px 0 0 13px;
	}
	#contentArea .content-mainarea.col2 .ttlbox .ttl .txt .color2 {
		font-size: 12px;
	}
}


/* エッセイ文章
----------------------------------- */
#contentArea .essay-box {
	padding: 0 0 26px 0;
}
#contentArea .essay-box .txt {
	font-size: 133.33%; /* 16px */
	line-height: 1.8;
}

/* SP */
@media screen and (max-width: 736px) {
	#contentArea .wrp-essay-area {
		padding: 0 10px 12px;
	}
	#contentArea .essay-box {
		padding: 0 0 10px;
	}
	#contentArea .essay-box .txt {
		font-size: 13px;
	}
}


/* エッセイ画像
----------------------------------- */
/* SP */
@media screen and (max-width: 736px) {
	#contentArea .pic-box {
		box-sizing: border-box;
		/*padding: 0 10px;*/
	}
}


/* エッセイバックナンバーボタン
----------------------------------- */
#contentArea .btn-box .btn {
	display: table;
	width: 100%;
	height: 50px;
}
#contentArea .btn-box .btn .lnk-box {
	display: table-cell;
	font-size: 133.33%; /* 16px */
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e3e3e3;
	box-shadow: 0 0;
}

/* SP */
@media screen and (max-width: 736px) {
	#contentArea .btn-box {
		box-sizing: border-box;
		padding: 15px 0 0;
	}
	#contentArea .btn-box .btn {
		height: 35px;
	}
	#contentArea .btn-box .btn .lnk-box {
		font-size: 12px;
	}
}