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

#Recipe{
	background:#FBF8F2;
	border:solid 1px #F5E1CC;
	padding:16px 6px 26px 6px;
}

#Recipe h2{
	font-size:2.4lem;
	font-size:24px;
	color:#633D30;
	margin-bottom:12px;
}

.rec_photo{
	width:459px;
	border:solid 8px #EEE8E4;/* 475px */
	float:left;
	height:303px;
}
.rec_photo img {
	width:459px;
}

.rec_txt{
    width: 190px;
    /* float: right; */
    padding: 0 0 0 8px;
   
    position: absolute;
    bottom: 0;
    right: 0;
}


#How{
	padding-top:15px;
}

.rec_materials{
	width:312px;
	background:#FFF;
	float:left;
}

.rec_materials table{
	width:100%;
	border-left:solid 1px #F6F1DD;
	border-right:solid 1px #F6F1DD;
	border-bottom:solid 1px #F6F1DD;
}

.rec_materials th{
	width:60%;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:4px 0 4px 17px;
}

.rec_materials td{
	width:40%;
	padding:4px 0 4px 17px;
}

.rec_materials tr:nth-child(2n+1) {
    background: #FBF8EE;
}
.rec_mate_ttl{
	background:#8A644A;
	padding:4px 0 4px 17px;
	position:relative;
	
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	behavior: url(/shered/js/PIE.htc);
}

.rec_mate_ttl h3{
	color:#FFF;
	font-weight:normal;
}

.rec_make{
	width:348px;
	float:right;
}

.rec_make ol{
	list-style:none;
}

.rec_make li{
	padding:2px 0 32px 50px;
}

.no1{
	background:url(../img/bg_no1.gif) no-repeat left top;
}

.no2{
	background:url(../img/bg_no2.gif) no-repeat left top;
}

.no3{
	background:url(../img/bg_no3.gif) no-repeat left top;
}

.no4{
	background:url(../img/bg_no4.gif) no-repeat left top;
}

.no5{
	background:url(../img/bg_no5.gif) no-repeat left top;
}

.no6{
	background:url(../img/bg_no6.gif) no-repeat left top;
}

.no7{
	background:url(../img/bg_no7.gif) no-repeat left top;
}

.no8{
	background:url(../img/bg_no8.gif) no-repeat left top;
}

.no9{
	background:url(../img/bg_no9.gif) no-repeat left top;
}

.no10{
	background:url(../img/bg_no10.gif) no-repeat left top;
}

.no11{
	background:url(../img/bg_no11.gif) no-repeat left top;
}
.rec_make ul {
	list-style-type:none;
}
.rec_make ul li {
	padding: 0;
}

/* 複数レシピの場合 */
.rec_plural{
	margin:20px 0 0 0;
}

.rec_plural th{
	padding:4px 0 14px 0;
}

.rec_plural td{
	padding:0 0 0 24px;
    
}
.osusumeShouhin {


    height: auto;
}
.osusumeShouhin.nodress p{
    width: inherit!important;
    font-size: 18px;
}
.osusumeBg {
    background: #fff;
    padding: 15px 10px 25px 10px;
    border: 2px solid #92b616;
    border-radius: 10px;
}
.osusumeShouhin p{
/*    width: 211px!important;*/
}
.osusumeBg p{
    font-size: 16px!important;
}


.osusumeBg img {
	display: block;
	margin: 0 auto;
        width: 188px;


}
.osusumeBg p {
	text-align: center;
	margin-top:7px;
	line-height:1.2;
}

.osusumeBg3 {
	background-image:url(../img/bg_recipe_osusume.png);
	background-repeat: no-repeat;
	background-size: 172px 145px;
	height:145px;
	width:172px;
}
.osusumeBg3 img {
	display: block;
	margin: 0 auto;
	padding-top:15px;
	width:70%;
}
.osusumeBg3 p {
	text-align: center;
	margin-top:7px;
	line-height:1.2;
}

.osusumeBg02 {
	background-image:url(../img/bg_recipe_osusume02.png);
	background-repeat: no-repeat;
	background-size: 172px 115px;
	height:115px;
	width:172px;
}
.osusumeBg_border {
	background-color: #fff;
	border: 2px solid #a9d053;
	border-radius: 5px;
	text-align: center;
}
.osusumeShohin_name {

	line-height: 1.2;
	text-decoration: none;
}
.osusumeShohin_cyui {
	color: red;
	font-size: 11px;
	text-decoration: none;
}
.osusumeBg02 a {
	color: #1111cc;
}
.osusumeBg02 img {
	display: block;
	margin: 0 auto;
	padding-top:15px;
	width:70%;
}
.osusumeBg02 p {
	text-align: center;
	margin-top:7px;
	line-height:1.2;
}
.osusumeBg02long {
	background-image:url(../img/bg_recipe_osusume02_long.png);
	background-repeat: no-repeat;
	background-size: 172px 280px;
	height:280px;
	width:172px;
}
.osusumeBg02long img {
	display: block;
	margin: 0 auto;
	padding-top:15px;
	width:70%;
}
.osusumeBg02long p {
	text-align: center;
	margin-top:7px;
	line-height:1.2;
}

.osusumeBgteisi {
	background-image:url(../img/bg_recipe_osusumeTeisi.png);
	background-repeat: no-repeat;
	background-size: 172px 143px;
	height:143px;
	width:172px;
}
.osusumeBgteisi img {
	display: block;
	margin: 0 auto;
	padding-top:15px;
	width:70%;
}
.osusumeBgteisi p {
    text-align: center;
    margin: 5px;
    line-height: 1.2;
    font-size: 12px;
}
.rec_make_cyourimae > p {
	color:#a68974;
	text-align: center;
}
.rec_make_cyourimaeInner {
    background: #eee8e4;
    padding: 5px;
    width: 294px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.rec_make_cyourimaeInner img {
	display:block;
	margin: 0 auto;
}
.cyuigaki {
	padding-left: 10px;
}
.cyuigaki02 {
    background: #FBF8EE;
    border: solid 1px #F5E1CC;
    border-radius: 5px;
    width: 345px;
    margin-top: 15px;
}
.cyuigaki02_01 {
    font-size: 15px;
		font-weight: bold;
		line-height: 1;
    display: block;
		padding:10px 0 0 10px;
}
.cyuigaki02_02 {
		padding:4px 10px 4px 10px;
}
#zairyo_kakko {
	background:#fff;
}
#zairyo_kakko th {
	padding-left: 20px;
}
.recipe_setumei {
	padding: 13px 15px 0 15px;
}
/*レシピ写真の解説*/
.shasin_kaisetu {
	background-color: #FBF8F2;
	border: 1px solid #8A644A;
	border-radius: 5px;
	float:left;
	margin-top: 15px;
	width: 312px;
}
.shasin_kaisetu_inner > p {
	padding: 10px 15px;
}
.shasin_kaisetu_inner > p:nth-child(odd) {
	background-color: #fff;
}
.shasin_kaisetu_inner > p:last-child {
	border-radius: 0 0 5px 5px;
}
.shasin_kaisetu > p:nth-child(1) {
	background-color: #8A644A;
	color: #fff;
	padding: 4px 0 4px 17px;
}