@charset "UTF-8";

/*レシピ index
---------------------------------------------------------- */

.recipe_author {
	clear: both;
	margin-bottom:30px;
	padding:30px 25px;
	background-color: #fff;
	border:2px solid #f7f1e5;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}

.recipe_author .ph {
	float: right;
	width:130px;
	margin-left:50px;
}

.recipe_author .txt {
	overflow:hidden;
	zoom:1;
}

.recipe_author .txt h3{
	margin-bottom:5px;
	color: #d80c18;
	font-size: 123.1%;
	line-height:1.4;
}

.recipe_author .txt h4{
	margin-bottom:8px;
	font-size: 108%;
}

.recipe_author .txt p{
	padding-top:15px;
	line-height:1.7;
	background: url(../img/common/line_dot01.png) top left repeat-x;
}

@media screen and (max-width: 738px) {
	.recipe_author {
		margin-bottom:30px;
		padding:25px 15px;
	}
	
	.recipe_author .ph {
		float: none;
		width:100%;
		margin: 0 0 10px;
		text-align: center;
	}
}


/*レシピ 詳細
---------------------------------------------------------- */

.recipe_detail {
	margin: 0 30px 40px;
}

.recipe_detail .detail_block01 {
	margin-bottom:50px;
}

.recipe_detail .detail_block01 h5 {
	margin-top:20px;
	font-size: 108%;
	color: #d80c18;
}

.recipe_detail .detail_block02 {
	clear: both;
	margin-bottom:40px;
}

.recipe_detail .detail_block02 .ph{
	float: left;
	width:204px;
	margin-right:30px;
	line-height:0;
}

.recipe_detail .detail_block02 .ph img{
	padding:7px;
	background-color: #fff;
	border:1px solid #f2e8d5;
}


.recipe_detail .detail_block02 .txt{
	overflow: hidden;
	zoom:1;
}

.recipe_detail .detail_block02 .txt .material_area {
	margin: 0 15px;
}

.recipe_detail .detail_block02 .txt .material_area p {
	margin-bottom:20px;
}

.recipe_detail .detail_block02 .txt .material_area table {
	margin-bottom:30px;
}

.recipe_detail .detail_block02 .txt .material_area th {
	width:35%;
	text-align: left;
}

.recipe_detail .cook_list li{
	margin-left:1.5em;
	list-style: none;
	text-indent:-1.5em;
}

.recipe_detail .cook_list li span{
	margin-right:0.5em;
	color: #d80c18;
}

.recipe_detail .recipe_point{
	clear: both;
	padding:20px 25px;
	background-color: #fff;
	border:2px solid #f7f1e5;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}

.recipe_detail .recipe_point h5{
	float: left;
	width:67px;
	margin-right:20px;
	line-height:0;
}

.recipe_detail .recipe_point .txt{
	padding-top:10px;
	overflow: hidden;
	zoom:1;
}

.recipe_detail .recipe_point .txt .stxt{
	float: left;
	width:647px;
	margin-right:15px;
}

.recipe_detail .recipe_point .txt h6{
	color: #d80c18;
	font-weight: normal;
}

@media screen and (max-width: 738px) {
	.recipe_detail {
		margin: 0 3% 30px;
	}
	
	.recipe_detail .detail_block01,
	.recipe_detail .detail_block02 {
		margin-bottom:30px;
	}
	
	.recipe_detail .detail_block01 h5 {
		margin-top:15px;
	}
	
	.recipe_detail .detail_block02 .ph{
		float: none;
		width:100%;
		margin:0 0 15px;
		text-align: center;
	}
	
	.recipe_detail .detail_block02 .txt .material_area {
		margin: 0 3%;
	}
	
	.recipe_detail .detail_block02 .txt .material_area p {
		margin-bottom:15px;
	}
	
	.recipe_detail .detail_block02 .txt .material_area table {
		margin-bottom:20px;
	}
	
	.recipe_detail .detail_block02 .txt .material_area th {
		width:auto;
	}
	
	.recipe_detail .recipe_point{
		clear: both;
		padding:15px 4%;
	}
	
	.recipe_detail .recipe_point h5{
		float: none;
		width:100%;
		margin:0 0 10px;
		text-align: center;
	}
	
	.recipe_detail .recipe_point .txt{
		padding-top:0;
	}
	
	.recipe_detail .recipe_point .txt .stxt{
		float: none;
		width:100%;
	}
	
	.recipe_detail .recipe_point .txt .phs{
		width:100%;
		margin-top:10px;
		text-align: center;
	}
}