@font-face {
	font-family: 'icomoon';
	src:url('/gold/recipe/css/fonts/icomoon.eot');
	src:url('/gold/recipe/css/fonts/icomoon.eot?#iefix-vfdd75') format('embedded-opentype'),
		url('/gold/recipe/css/fonts/icomoon.woff') format('woff'),
		url('/gold/recipe/css/fonts/icomoon.ttf') format('truetype'),
		url('/gold/recipe/css/fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* { margin:0; padding:0; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a { text-decoration:none; color:rgba(55,55,55,1.00); }

body { background: url(/gold/recipe/images/bg.jpg); }

header { background:rgba(255,255,255,1.00); width:320px; margin:0 auto 1em; }
header #header_inner { width:320px; margin:0 auto; }
header #header_inner h1 { clear:both; width:100%; text-align:center; }
header nav {
	text-align: center;
	background:#FFFFFF;
}
header nav ul {
	margin: 0;

	list-style-type: none;
}
header nav ul li {
	display: block;
	font-size:12px;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li a { display:block; padding:0.6em; border-bottom:rgba(255,255,255,1.00) 2px solid;}
header nav ul li a span { font-size:2em; margin-right:0.2em;}
header nav ul li a.home:hover { border-bottom:rgba(32,111,0,1.00) 2px solid; }
header nav ul li a.recipe:hover { border-bottom:rgba(255,118,0,1.00) 2px solid; }
header nav ul li a.column:hover { border-bottom:rgba(91,165,225,1.00) 2px solid; }
header nav ul li a.home span { color:rgba(32,111,0,1.00); }
header nav ul li a.recipe span { color:rgba(255,118,0,1.00); }
header nav ul li a.column span { color:rgba(91,165,225,1.00); }
header nav ul li ul {
	display: none;
}

div.Breadcrumb {
display:none;
width: 100%;
clear:both;
background:rgba(255,255,255,0.4);
}
div.Breadcrumb ul {
padding: 11px 0 11px 0;
width: 960px;
margin: 0 auto;
}
.cFix {
min-height: 1px;
}
div.Breadcrumb ul li {
display: inline;
float: left;
font-size: 12px;
color: #333;
padding:4px; 
}
div.Breadcrumb ul li.now { background:rgba(255,255,255,0.6); padding:2px 6px; border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;  }
.cFix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
footer { background:rgba(23,83,14,1.00); padding:3em 0; }
footer:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
footer div.inner { width:320px; margin:0 auto; font-size:12px; }
footer div.inner div.item { width:240px; margin:0 0 0 60px; float:left; }
footer div.inner div.item ul li { list-style:none; margin-bottom:1em; }
footer div.inner div.item ul li.big { font-size:14px; } 
footer div.inner div.item ul li a { color:rgba(255,255,255,1.00); }
footer div.inner div.item ul li a:hover { color:rgba(232,255,0,1.00); }

#content_wrap { width:320px; margin:0 auto; margin-bottom:20px; }
#content_wrap:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

#recipe_content { width:320px; margin:0 auto; padding:20px 0; background-color:rgba(255,255,255,1.00);  float:left; box-sizing:border-box;
/* box-shadow */
box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
-webkit-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
-moz-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
border-radius:3px; 
}
#right_c { width:320px; padding:10px 0; background:rgba(255,255,255,1.00); float:left;/* box-shadow */
box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
-webkit-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
-moz-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 1px 2px;
border-radius:3px; }
div.banner { width:100%; margin:10px 0; text-align:center; }
div.banner a img { width:300px; border-radius:3px; }
#recipe_content h1 { font-size:18px; width:90%; margin:1em; }
#recipe_content h1:first-line{ font-size: 10px;}
#recipe_content p.title { font-size:14px;  width:90%; margin:1em; font-weight:bold;}
#recipe_content h2 { font-size:12px; width:90%; margin:1em; font-weight:normal;}
#recipe_content #main_wrap p { font-size:small; width:90%; margin:1em; }
#recipe_content #main_wrap table#guide { width:80%; margin:0 auto;  }
#recipe_content #main_wrap table#guide th { color:rgba(255,255,255,1.00); -webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px; }
#recipe_content #main_wrap { padding-top:40px; background:url(../images/x.png) repeat-x; }
#recipe_content img#main { width:300px; border-radius:3px; margin:10px; }
#recipe_content #howto { clear:both; margin:2em auto; padding:2em; }
#recipe_content #ingredients { width:90%; margin:0 auto; }
#recipe_content #ingredients tbody tr:nth-child(even) { background-color:rgba(249,249,239,1.00); }
#recipe_content #ingredients tbody tr:nth-child(odd) { background-color:rgba(252,237,237,1.00) ;}
#recipe_content #ingredients tbody tr th { background:rgba(170,123,69,1.00); color:rgba(255,255,255,1.00);border-radius:3px; }


#related { clear:both; width:90%; margin:0 auto; padding-bottom:5px; border:1px solid rgba(247,236,224,1.00);border-radius:3px;}
#related ul { width:100%; margin:20px auto; }
#related ul li { list-style:none; width:90%; height:70px; padding:5px; position:relative;  margin:0 auto 1em; clear:both; font-size:14px; background:rgba(255,255,255,1.00);
/* border */
border:1px solid rgba(204,175,146,1.00);

/* border-radius */
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;

/* box-shadow */
box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 2px 3px;
-webkit-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 2px 3px;
-moz-box-shadow:rgba(219, 219, 219, 0.298039) 0px 0px 2px 3px;}
#related ul li:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #FF3E41;
border-right: solid 2px #FF3E41;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
#related ul li:hover { border:1px solid rgba(110,205,102,1.00); }
#related ul li a { display:block; width:95%; height:100%; color:rgba(51,25,14,1.00); }
#related ul li a:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#related ul li a:hover { color:rgba(248,104,104,1.00); }
#related ul li a img{ float:left; margin-right:12px; border-radius:3px;  }
#related ul li a h4 { float:left; width:60%; margin-top:3px; font-size:13px; }
#related ul li a p { float:left; width:95%; margin:0.6em 0 0 0.6em; height: 13px; font-size:12px; line-height:1.2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;}