@charset "UTF-8";

#recipeIndex {
	display:block;
	margin:45px auto 50px;}

#recipeIndex ul:before, ul:after {
  content: "";
  clear: both;
  display: block;}

#recipeIndex li {
	display:block;
	float:left;
	width:253px;
	min-height: 8em;
	margin-right:20px;
	background-color:#f7f8f1;
	border:1px #eee6d5 solid;
	border-radius:2px;
	padding:12px 8px;
	margin-bottom:20px;}
#recipeIndex li:nth-child(4n) {
	margin-right:0;}

#recipeIndex li.banner_list {
	display:block;
	float:left;
	width:236px;
	margin-right:0;
	background-color:#fff;
	border: none;
	border-radius: none;
	padding:0px;
	margin-bottom:10px;}

#recipeIndex.c1 li {
	background-color:#f8f3f1;
	border:1px #eed5d9 solid;}
#recipeIndex.c2 li {
	background-color:#f1f9ef;
	border:1px #e9f3cf solid;}
#recipeIndex.c3 li {
	background-color:#f0f2f8;
	border:1px #d2e6f0 solid;}
#recipeIndex li.right {
	margin-right:0;}
#recipeIndex li h3.recipe {
	display:block;
	position:relative;
	border-bottom:1px #e3dbcf solid;
	font-size:16px;
	color:#975c0b;
	font-weight:bold;
	line-height:1.2em;
	background-attachment:scroll;
	background-image:url(/images/food_nutrition/recipe/ico_index.gif);
	background-position:left 0.2em;
	background-repeat:no-repeat;
	padding-left:25px;
	padding-right:20px;
	padding-bottom:8px;
	margin-bottom:8px;}
#recipeIndex li h3.recipe a {
	}
#recipeIndex li h3.recipe.tline {
	padding-top:8px;
	line-height:1.5em;
	padding-bottom:13px;}
#recipeIndex li h3.recipe.ico2set {
	padding-right:85px;}
#recipeIndex a:link { color: #975c0b; text-decoration: none;}
#recipeIndex a:visited { color: #975c0b; text-decoration: none;}
#recipeIndex a:hover,
#recipeIndex a:active { color: #975c0b; text-decoration: none;}
#recipeIndex li h3.recipe span {
	position:absolute;
	right:0;
	top:0;
	width:40px;}
#recipeIndex li h3.recipe.ico2set span {
	position:absolute;
	right:0;
	top:0;
	width:85px;}
#recipeIndex li h3.recipe.ico2set span img {
	display:inline-block;
	padding:0 2px 0 0;}

#recipeIndex li h3.recipe span img,
#recipeIndex li h3.recipe.ico2set span img {
	display:none;}

#recipeIndex li img.recipeImg {
	display:block;
	padding:5px;
	border:1px #ecebe4 solid;
	background-color:#fff;
	margin:5px auto;}

.recipeR {
	display:block;
	float:right;
	width:355px;}
.recipeL {
	display:block;
	width:410px;
	float:left;}
.recipeL h3 {
	margin-bottom:15px;}

.materialBox {
	display:block;
	margin-bottom:25px;
	width:355px;}
.materialBox img {
	display:block;
	margin:0;
	padding:0;}
.materialBox .minner {
	display:block;
	background-attachment:scroll;
	background-image:url(/images/food_nutrition/recipe/material_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	padding:0px 10px;}
.materialBox .minner table {
	}
.materialBox .minner table td {
	padding:4px ;
	border-bottom:1px #e3dbcf solid;}

.materialBox .minner table td.txtR {
	padding-right:16px;}

h4.recipettl {
	display:block;
	margin-bottom:5px;
	border-bottom:1px #bda983  dotted;}
h4.recipettl img {
	display:inline-block;}
h4.recipettl em {
	display:inline-block;
	color:#975c0b;
	font-weight:bold;
	font-size:16px;
	line-height:2em;
	vertical-align:text-bottom;}
#recipeList {
	display:block;
	margin-bottom:25px;}	
#recipeList li {
	display:block;
	position:relative;
	padding-left:28px;
	border-bottom:1px #bda983  dotted;
	padding-bottom:5px;
	margin-bottom:5px;}
#recipeList li.noico {
	display:block;
	position:relative;
	padding-left:0;
	border-bottom:1px #bda983  dotted;
	padding:6px 0;
	margin-bottom:8px;}
#recipeList li span.ico {
	display:block;
	position:absolute;
	left:0px;
	top:0px;}

.one-pointBox { display: block;  position: relative; background-color: #ffb420; border-radius: 3px; padding: 5px; margin-bottom: 3rem;}
.one-pointBox h5 {margin-top: -20px; margin-bottom: -5px;padding: 0 10px;}
.one-pointBox span { display: block; background-color: #fff;border-radius: 3px; padding: 5px;}
.one-pointBox p {font-weight: bold; font-size: 1rem; margin-bottom: .6em; padding-top: .6em;}

.material-box {display: block; border: 1px #efeadd solid; border-radius: 4px; background-color: #f9f9f4; padding: 10px; margin-top: 30px; }
.material-box h4 {display: block;position: relative; padding-left: 50px; font-weight: bold; color: #975c0b; font-size: 1rem;}
.material-box h4 span {font-size: .875rem; color: #333; font-weight: normal; padding: 0 1em;}
.material-box h4 img {position: absolute; left: 0; bottom: 0;}
table.material-list {width: 100%; margin-top: 10px;}
table.material-list tr { border-bottom:1px #e6e1d7 solid;}
table.material-list td {padding: .3em ;}
table.material-list td.txtR {text-align: right; padding-right: 1em;}
table.material-list tr:last-child {border-bottom: none;}
h4.recipe-ttl {display: block;position: relative; padding-left: 50px; font-weight: bold; color: #975c0b; font-size: 1rem; margin-top: 20px;}
h4.recipe-ttl span {font-size: .875rem; color: #333; font-weight: normal; padding: 0 1em;}
h4.recipe-ttl img {position: absolute; left: 0; bottom: 0;}
.recipe-list {border-top:1px #bda983  dotted; margin-bottom: 40px;}
.recipe-list li {display:block;position:relative;padding-left:30px;border-bottom:1px #bda983  dotted;padding-top:.6em ;padding-bottom:.6em ;margin-bottom:0; line-height: 1.4;}
.recipe-list li.noico {
	display:block;
	position:relative;
	padding-left:0;
	border-bottom:1px #bda983  dotted;
	padding:6px 0;
	margin-bottom:8px;
}
.recipe-list li span.ico {
	display:block;
	position:absolute;
	left:0px;
	top:.65em;
}

.recipe-list_2 {
	border-top:1px #bda983  dotted;
}
.recipe-list_2 li {
	display:block;
	position:relative;
	padding-left:30px;
	border-bottom:1px #bda983  dotted;
	padding-top:.6em ;
	padding-bottom:.6em;
	margin-bottom:0;
	line-height: 1.4;
}
.recipe-list_2 li.noico {
	display:block;
	position:relative;
	padding-left:0;
	border-bottom:1px #bda983  dotted;
	padding:6px 0;
	margin-bottom:8px;
}
.recipe-list_2 li span.ico {
	display:block;
	position:absolute;
	left:0px;
	top:.65em;
}
.note {
	margin-bottom: 40px;
}

.recipe-list li span.ico {
	display:block;
	position:absolute;
	left:0px;
	top:.65em;}

table.tb-nutrition { font-size: .9375rem; width: 100%;
	margin-bottom:10px;
	border-top:1px #cfcfcf solid;
	border-left:1px #cfcfcf solid;}
table.tb-nutrition th { font-weight: normal;
	border-bottom:1px #cfcfcf solid;
	border-right:1px #cfcfcf solid;
	background-color:#e8e4dc;
	padding:.6em .3em;
	text-align:center;
	width:12%;
	line-height:1.3em;}
table.tb-nutrition td {
	border-bottom:1px #cfcfcf solid;
	border-right:1px #cfcfcf solid;
	background-color:#fff;
	padding:.6em .6em;
	text-align:center;
	line-height:1.3em;}

/*2024.06 brando追加*/

table.material-list tr.noborder {
	border: none;
}
table.material-list td.padding_b0 {
	padding-bottom: 0;
}
table.material-list td.padding_t0 {
	padding-top: 0;
}

/*2025.03 brando追加*/

span.ast_s {
	font-size: .8125rem;
}