@charset "UTF-8";

/* = recipe_top(/recipe/index.html)
----------------------------------------------- */
.recipe_top {
	margin: 7px -3px 0 0;
}
.ttl_recipe_sp,
.lead_recipe_top_sp {
	display: none;
}
.recipe_top .recipe_item {
	width: 670px;
	margin: 45px -25px 0 0;
	overflow: hidden;
}
.recipe_top .recipe_item .item {
	float: left;
	width: 310px;
	margin: 0 25px 59px 0;
	padding: 15px 0 0;
	border-top: 1px solid #dadada;
}
.recipe_top .recipe_item .item .item_header {
	height: 87px;
	overflow: hidden;
}
.recipe_top .recipe_item .item .item_ttl_01 {
	float: left;
	width: 250px;
	margin: 18px 0 0;
}
.recipe_top .recipe_item .item .item_ttl_02 {
	float: left;
	width: 250px;
	margin: 6px 0 0;
}
.recipe_top .recipe_item .item .item_ttl_02 img {
	margin-bottom: 3px;
}
.recipe_top .recipe_item .item .icn_new {
	float: right;
	width: 50px;
	margin: 20px 0 0;
}
.recipe_top .recipe_item .item .item_body {
	clear: both;
	overflow: hidden;
}
.recipe_top .recipe_item .item dl dt {
	display: inline;
}
.recipe_top .recipe_item .item dl dt img {
	display: block;
}
.recipe_top .recipe_item .item dl dd ul {
	overflow: hidden;
	margin: 6px -4px 3px 1px;
}
.recipe_top .recipe_item .item dl dd ul li {
	float: left;
	margin: 0 4px 0 0;
	background: #f8f8f8;
}
.recipe_top .recipe_item .item dl dd ul li img {
	padding: 0 1px;
	border: 1px solid #e0e0e0;
}
.recipe_top .recipe_item .item dl dd ul li img.icn_cheese {
	width: 76px;
	padding: 0 10px;
}
.recipe_top .recipe_item .item .pic {
	position: relative;
	width: 310px;
	height: 190px;
}
.recipe_top .recipe_item .item .pic img {
	border: 1px solid #efefef;
}
.recipe_top .recipe_item .item .pic .icn_read {
	position: absolute;
	right: 11px;
	bottom: 9px;
	border: none;
}

/* = recipe_detail(/recipe/recipe_yymm_nn.html)
----------------------------------------------- */
.recipe_detail {
	margin: 16px -3px 0 0;
}
.recipe_detail .recipe_item {
	position: relative;
	margin: -16px 0 0;
	z-index: 1;
}
.recipe_detail .recipe_item .item {
	width: 650px;
	margin: 0 0 38px;
}
.recipe_detail .recipe_item .item_header {
	overflow: hidden;
	margin: 0 0 20px;
}
.recipe_detail .recipe_item .item .catch img {
	width: 336px;
	height: auto;
}
.recipe_detail .recipe_item .item .item_ttl_01 {
	float: left;
	width: 598px;
	margin: 10px 0 0;
}
.recipe_detail .recipe_item .item .item_ttl_01_pc {
	float: left;
	width: 598px;
	margin: 10px 0 0;
}
.recipe_detail .recipe_item .item .item_ttl_01_sp {
	display: none;
}
.recipe_detail .recipe_item .item .icn_new {
	float: right;
	width: 50px;
	margin: 15px 0 0;
}
.recipe_detail .recipe_item .item_body {
	clear: both;
	overflow: hidden;
}
.recipe_detail .recipe_item .item .pic {
	float: left;
	width: 500px;
	height: 292px;
}
.recipe_detail .recipe_item .item .pic img {
	width: 498px;
	height: auto;
}
.recipe_detail .recipe_item .item dl {
	float: right;
	width: 123px;
}
.recipe_detail .recipe_item .item dl dt {
	display: inline;
}
.recipe_detail .recipe_item .item dl dt img {
	display: block;
	width: 121px;
	height: auto;
}
.recipe_detail .recipe_item .item dl dd ul {
	overflow: hidden;
	margin: 10px 0 0;
}
.recipe_detail .recipe_item .item dl dd ul li img {
	display: block;
	width: 98px;
	height: auto;
	margin: 0 0 8px;
	padding: 0 10px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8;
}
.recipe_detail .recipe_item .item dl dd ul li img.icn_cheese {
	width: 108px;
	padding: 0 5px;
}

.recipe_detail .howto {
	overflow: hidden;
	margin: 0 0 60px;
	color: #2a2a2a;
}
.recipe_detail .howto h2 {
	margin: 9px 0 12px;
}
.recipe_detail .howto .material {
	float: left;
	width: 240px;
	border-top: 1px solid #bdbdbd;
}
.recipe_detail .howto ul li {
	font-size: 12px;
	line-height: 22px;
}
.recipe_detail .howto dl {
	margin: 30px 0 0;
}
.recipe_detail .howto dl dt {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
}
.recipe_detail .howto .make {
	float: right;
	width: 380px;
	border-top: 1px solid #bdbdbd;
}
.recipe_detail .howto ol li {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 20px;
	padding: 0 0 0 38px;
}
.recipe_detail .howto ol li img {
	position: absolute;
	top: 2px;
	left: 12px;
}
.recipe_detail .message {
	overflow: hidden;
	margin: 0 0 65px;
}
.recipe_detail .message .txt_recipe_01_sp {
	display: none;
}
.recipe_detail .message p {
	float: left;
}
.recipe_detail .message .btn {
	float: right;
	width: 140px;
	margin: 22px 0 0;
}

/* for smartphone */
@media screen and (max-width: 767px) {
	/* recipe */
	.recipe_top{
		margin: 0 10px 20px;
	}
	#main .tagline_sp {
		margin: 2% 0 3%;
	}
	.ttl_recipe_pc,
	.lead_recipe_top_pc {
		display: none;
	}
	.ttl_recipe_sp,
	.lead_recipe_top_sp {
		display: block;
	}
	.ttl_recipe_sp {
		margin: 15px 0 0;
	}
	.recipe_top .recipe_item {
		width: 100%;
		margin: 18px 0 0;
	}
	.recipe_top .recipe_item .item .item_header {
		height: auto;
	}
	.recipe_top .recipe_item .item {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 25px;
		padding: 8px 0 0;
	}
	.recipe_top .recipe_item .item .catch {
		float: left;
		width: 250px;
	}
	.recipe_top .recipe_item .item .item_ttl_01 {
		margin: 6px 0 7px;
	}
	.recipe_top .recipe_item .item .item_ttl_01 img {
		width: 100%;
	}
	.recipe_top .recipe_item .item .item_ttl_02 {
		margin: 8px 0 18px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_02b {
		width: 191px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_02c {
		width: 154px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_04b {
		width: 245px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_04c {
		width: 131px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_05b {
		width: 197px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_05c {
		width: 137px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_06b {
		width: 232px;
	}
	.recipe_top .recipe_item .item .item_ttl_02 img.ttl_1404_06c {
		width: 84px;
	}
	.recipe_top .recipe_item .item .icn_new {
		margin: 5px 0 0;
	}
	.recipe_top .recipe_item .item dl dt img {
		width: 105px;
	}
	.recipe_top .recipe_item .item dl dd ul {
		margin: 6px -3px 2px 1px;
	}
	.recipe_top .recipe_item .item dl dd ul li {
		margin: 0 3px 0 0;
	}
	.recipe_top .recipe_item .item dl dd ul li img {
		width: 70px;
		padding: 0;
	}
	.recipe_top .recipe_item .item dl dd ul li img.icn_cheese {
		width: 76px;
		padding: 0 10px;
	}
	.recipe_top .recipe_item .item .pic .icn_read {
		width: 68px;
	}
	.recipe_top .recipe_item .item .pic {
		width: 100%;
		height: auto;
	}

	.recipe_detail {
		margin: 0 10px 0;
	}
	.recipe_detail .recipe_item {
		width: 100%;
		margin: 0;
	}
	.recipe_detail .recipe_item .item {
		width: 100%;
		margin: 0;
		border-top: 1px solid #dadada;
	}
	.recipe_detail .recipe_item .item_header {
		margin: 0 0 13px;
		padding: 10px 0 0;
	}
	.recipe_detail .recipe_item .item .catch img {
		width: 250px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01 {
		width: 250px;
		margin: 8px 0 7px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01 img {
		float: left;
		width: 250px;
		margin: 0 0 4px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01 img.ttl_1404_02b {
		width: 191px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01 img.ttl_1404_02c {
		width: 154px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_pc {
		display: none;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp {
		display: block;
		margin: 8px 0 7px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_04b {
		width: 245px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_04c {
		width: 131px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_05b {
		width: 197px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_05c {
		width: 137px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_06b {
		width: 232px;
	}
	.recipe_detail .recipe_item .item .item_ttl_01_sp img.ttl_1404_06c {
		width: 84px;
	}
	.recipe_detail .recipe_item .item .icn_new {
		width: 50px;
		margin: 5px 0 0;
	}
	.recipe_detail .recipe_item .item .pic {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 10px;
	}
	.recipe_detail .recipe_item .item .pic img {
		width: 100%;
	}
	.recipe_detail .recipe_item .item dl {
		float: none;
		width: 100%;
		margin: 0 0 25px;
	}
	.recipe_detail .recipe_item .item dl dt img {
		width: 105px;
	}
	.recipe_detail .recipe_item .item dl dd ul {
		margin: 6px -3px 2px 1px;
	}
	.recipe_detail .recipe_item .item dl dd ul li {
		float: left;
		margin: 0 3px 0 0;
	}
	.recipe_detail .recipe_item .item dl dd ul li img {
		display: inline;
		width: 70px;
		margin: 0;
		padding: 0;
	}
	.recipe_detail .recipe_item .item dl dd ul li img.icn_cheese {
		width: 76px;
	}
	.recipe_detail .howto {
		margin: 0;
	}
	.recipe_detail .howto .material {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
	.recipe_detail .howto .material h2 img {
		width: 107px;
	}
	.recipe_detail .howto .make {
		float: none;
		width: 100%;
		margin: 0 0 50px;
	}
	.recipe_detail .howto .make h2 img {
		width: 52px;
	}
	.recipe_detail .howto ol li {
		font-size: 12px;
		line-height: 22px;
		padding: 0 0 0 24px;
	}
	.recipe_detail .howto ol li img {
		width: 13px;
		left: 0;
	}
	.recipe_detail .message {
		margin: 0 0 30px;
	}
	.recipe_detail .message .txt_recipe_01_sp {
		display: block;
	}
	.recipe_detail .message .txt_recipe_01_pc {
		display: none;
	}
	.recipe_detail .message p {
		float: none;
	}
	.recipe_detail .message .btn {
		float: right;
		width: 140px;
	}
}