@charset "utf-8";
/* CSS Document */

.section-detail01 {
	overflow: hidden;
	padding: 15px 0 16px 0;
}

.banner-list01 {
	overflow: hidden;
	border-bottom: 1px solid #c1c1c1;
	padding: 14px 0 14px 0;
}
	.banner-list01 p {
		padding: 0 13px 0 13px;
		margin-bottom: 8px;
		color: #313131;
		font-weight: bold;
		line-height: 1.2;
	}
	.banner-list01 ul.banner01 {
		overflow: hidden;
	}
		.banner-list01 ul.banner01 li {
			text-align: center;
			margin-bottom: 10px;
		}
			.banner-list01 ul.banner01 li.last {
				margin-bottom: 0;
			}
	.banner-list01 ul.banner02 {
		overflow: hidden;
		text-align: center;
	}
		.banner-list01 ul.banner02 li {
			display: inline-block;
			margin: 0 0 10px 10px;
		}
			.banner-list01 ul.banner02 li:first-child {
				margin-left: 0;
			}
.banner-list01.type01 {
	padding: 14px 0 12px 0;
}
	.banner-list01.type01 p {
		margin-bottom: 10px;
	}
	
.sns-list01 {
	overflow: hidden;
	background: #e9edfa;
	padding: 9px 0 11px 0; 
	text-align: center;
	border-bottom: 2px solid #00249d;
}
	.sns-list01 li {
		display: inline-block;
		margin-right: 5px;
	}
		.sns-list01 li.last {
			margin-right: 0;
		}
		.sns-list01 li a {
			display: block;
		}
		.sns-list01 li a img {
			display: block;
		}
		
.recipe-detail-box01 {
	overflow: hidden;
	padding: 15px 0 20px 0;
}
	.recipe-detail-box01 .img01 {
		text-align: center;
		margin-bottom: 14px;
	}
	.recipe-detail-box01 ul {
		overflow: hidden;
		display: table;
		width: 100%;
		padding: 0 15px 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.recipe-detail-box01 ul li {
			display: table-cell;
			border-right: 1px dotted #959595;
			text-align: center;
			line-height: 1.3;
		}
			.recipe-detail-box01 ul li.last {
				border-right: none;
			}
				.recipe-detail-box01 ul li p:nth-child(1) {
					padding: 23px 0 2px 0;
					font-size: 65%;
					color: #595959;
					word-break: break-all; 
					position: relative;
				}
				.recipe-detail-box01 ul li p:nth-child(2) {
					padding: 0 0 2px 0;
					font-size: 86%;
					font-weight: bold;
					color: #595959;
					word-break: break-all; 
				}
					.recipe-detail-box01 ul li p:nth-child(2) span {
						font-weight: normal;
					}
				.recipe-detail-box01 ul li.icn-time p:nth-child(1):before {
					content: "";
					display: block;
					width: 16px;
					height: 16px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat center top;
					background-size: 132px 1054px;
					background-position: 0 -901px;
					left: 50%;
					top: 3px;
					margin-left: -8px;
					position: absolute;
				}
				.recipe-detail-box01 ul li.icn-energy p:nth-child(1):before {
					content: "";
					display: block;
					width: 14px;
					height: 18px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat center top;
					background-size: 132px 1054px;
					background-position: 0 -422px;
					left: 50%;
					top: 3px;
					margin-left: -8px;
					position: absolute;
				}
				.recipe-detail-box01 ul li.icn-calcium p:nth-child(1):before {
					content: "";
					display: block;
					width: 17px;
					height: 18px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat center top;
					background-size: 132px 1054px;
					background-position: 0 -300px;
					left: 50%;
					top: 4px;
					margin-left: -8px;
					position: absolute;
				}
				.recipe-detail-box01 ul li.icn-protein p:nth-child(1):before {
					content: "";
					display: block;
					width: 20px;
					height: 15px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat center top;
					background-size: 132px 1054px;
					background-position: 0 -1011px;
					left: 50%;
					top: 4px;
					margin-left: -8px;
					position: absolute;
				}
				.recipe-detail-box01 ul li.icn-salt p:nth-child(1):before {
					content: "";
					display: block;
					width: 19px;
					height: 19px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat center top;
					background-size: 132px 1054px;
					background-position: 0 -1028px;
					left: 50%;
					top: 1px;
					margin-left: -8px;
					position: absolute;
				}
	.recipe-detail-box01 .caption01 {
		padding: 5px 15px 0;
		text-align: right;
		font-size: 86%;
	}

				
.comment-box01 {
	margin: 0 15px 20px 63px;
	padding: 7px 10px 8px 10px;
	color: #535353;
	font-size: 86%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #a2d8f2;
	min-height: 30px;
	position: relative;
}
	.comment-box01:before {
		content: "";
		display: block;
		width: 34px;
		height: 54px;
		background: url(/sp/recipe/detail/img/parts/parts.png) no-repeat left top;
		background-size: 45px 417px;
		background-position: 0 0px;
		left: -49px;
		top: 4px;
		position: absolute;
	}
	.comment-box01.vis-milk:before				{	left: -49px;	background-position: 0 0px;		width: 34px; height: 54px; }	/* 牛乳				 */
	.comment-box01.vis-butter:before			{	left: -57px;	background-position: 0 -56px;	width: 44px; height: 54px; } 	/* バター				 */
	.comment-box01.vis-yogurt:before			{	left: -54px;	background-position: 0 -112px;	width: 44px; height: 55px; }  	/* ヨーグルト			 */
	.comment-box01.vis-6pcheese:before			{	left: -55px;	background-position: 0 -169px;	width: 38px; height: 46px; }	/* 6Pチーズ			 */
	.comment-box01.vis-slicedcheese:before		{	left: -55px;	background-position: 0 -217px;	width: 45px; height: 45px; } 	/* スライスチーズ		 */
	.comment-box01.vis-camembertcheese:before	{	left: -56px;	background-position: 0 -264px;	width: 42px; height: 48px; } 	/* カマンベールチーズ		 */
	.comment-box01.vis-cream:before				{	left: -57px;	background-position: 0 -314px;	width: 44px; height: 47px; } 	/* クリーム			 */
	.comment-box01.vis-sakechee:before			{	left: -54px;	background-position: 0 -363px;	width: 39px; height: 55px; } 	/* さけるチーズ			 */

	.comment-box01:after {
		content: "";
		display: block;
		width: 13px;
		height: 22px;
		background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
		background-size: 132px 1054px;
		background-position: 0 -380px;
		left: -13px;
		top: 13px;
		position: absolute;
	}
.recipe-detail-box01 .js-target-detail .inline-area{	
	display:none;
}
.recipe-detail-box01 .js-target-detail .img01 a{
	position:relative;
}
.recipe-detail-box01 .js-target-detail .img01 a:after{
	position: absolute;
	content: "";
	width: 76px;
	height: 76px;
	top:35px;
	left:70px;
	cursor: pointer;
	background: url(/sp/recipe/common/img/icon-play.png) no-repeat;
	background-size:76px 76px;
	display:block;
}
/* YouTubeの画面サイズを保持するためです */
#cboxLoadedContent div .mv-area iframe{
	width:100% !important;
	height:232px !important;
}