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

/*
----------------------------------------*/
/* contents 2column
   2カラムレイアウト用のcss
   #codenameは指定の案件コードを使用すること
--------------------------------------*/

/* #codenameについて、
   cssプロパティの指定は変更しないでください */
#recipe {
	width:750px;

	line-height:180%;
	margin-bottom:20px;
	text-align:left;
}
#recipe #information{
	text-align:center;
	margin-right:5px;
	}

/*
----------------------------------------*/
/* contents
--------------------------------------*/

#recipe{margin-bottom: 5px;}
#edit_body{width:750px;}
#edit_body p{padding:0px;margin:0px;}

#edit_body h1,h2{font-weight:normal;padding:0px;margin:0px;text-decoration:none;}

#recipe_backnumber{width:750px; padding:0px;margin:0px;}
.recipe_bkn{float:left;padding:0px;margin:0px;width:375px;}
.recipe_bnr_l{float:left;padding:0px;margin:0px;width:370px;}
.recipe_bnr_r{float:right;padding:0px;margin:0px;width:370px;}

.recipe_pchef{margin-bottom:15px;}

#link_banner{width:750px; padding:0px;margin:0px;}
.link_b_left{width:375px; padding:0px;margin:0px;}

#recipe_comments{width:750px; padding:0px 0px 10px 0px;margin:0px; color:#5f5f5f;}



/*----------------
 base layout
--------------- */

/* reset */
h2,h3,h4,h5 {
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}
ul,li,dl,dd,dt {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}

/* clearfix */
clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { 
display: inline-block; 
}

/* cmp end */
#cmp_end_banner{margin-bottom:10px;}


/* オリジナル20131028 */
#recipe .ttlimage{
	position:relative;
	}
#recipe .ttlimage .subtxt{
  -webkit-text-size-adjust: 100%;
	position:absolute;
	left:295px;
	top:335px;
	width:420px;
	letter-spacing:0.1em;
	line-height:180%;
	color:#fff;
	font-size:15px;
	}
#recipe .ttlimage .subtxt_s{ /* 文字量多いときの分 */
  -webkit-text-size-adjust: 100%;
	position:absolute;
	left:275px;
	top:335px;
	width:465px;
	letter-spacing:0.1em;
	line-height:1.9;
	color:#fff;
	font-size:14px;
	}
#recipe .ttlimage .subtxt_blk{ /* 文字黒 */
	position:absolute;
	left:295px;
	top:335px;
	width:420px;
	letter-spacing:0.1em;
	line-height:180%;
	color:#463104;
	font-size:15px;
	}
#recipe .ttlimage .subtxt_bwn{  /* 文字茶 */
  -webkit-text-size-adjust: 100%;
	position:absolute;
	left:295px;
	top:335px;
	width:420px;
	letter-spacing:0.1em;
	line-height:180%;
	color:#c69c6d;
	font-size:15px;
	}
	
#recipe h2{
	margin-top:10px;
	margin-bottom:10px;
	}

#recipe #zairyo,#arrange,#howto,#carving{
	margin-bottom:20px;
	}
	

#recipe #zairyo .zairyolist{
	float:right;
	width:460px;
	}

#recipe #zairyo .zairyolist h3{
	background-color:#090;
	display:block;
	width:80px;
	height:20px;
	text-align:center;
	color:#fff;
    border-radius:4px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	}

#recipe #zairyo .zairyolist p{
	color:#693;
	line-height:120%;
	padding-top:10px;
	}


#recipe #zairyo .zairyolist ul{
	padding-top:10px;
	}

#recipe #howto span{
	display:block;
	}

#recipe #howto .steps_a {
	width:730px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
	}
	
#recipe #howto .steps_a li{
	float:left;
	margin-right:10px;
	width:175px;
	}
	
#recipe #howto .steps_a li.last{
	margin-right:0px;
	}

#recipe #howto .steps_b {
	width:730px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
	}
	
#recipe #howto .steps_b li{
	float:left;
	margin-right:12px;
	width:235px;
	}
	
#recipe #howto .steps_b li.last{
	margin-right:0;
	}


/* ******2項目20170728追記********* */
#recipe .sozai{
	margin-bottom:20px;
	}
	

#recipe .sozai .zairyolist{
	float:right;
	width:460px;
	}

#recipe .sozai .zairyolist h3{
	background-color:#090;
	display:block;
	width:80px;
	height:20px;
	text-align:center;
	color:#fff;
    border-radius:4px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
	}
#recipe .sozai .zairyolist p{
	color:#693;
	line-height:120%;
	padding-top:10px;
	}


#recipe .sozai .zairyolist ul{
	padding-top:10px;
	}

#recipe .tsukurikata span{
	display:block;
	}

#recipe .tsukurikata .steps_a {
	width:730px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
	}
	
#recipe .tsukurikata .steps_a li{
	float:left;
	margin-right:10px;
	width:175px;
	}
	
#recipe .tsukurikata .steps_a li.last{
	margin-right:0px;
	}

#recipe .tsukurikata .steps_b {
	width:730px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
	}
	
#recipe .tsukurikata .steps_b li{
	float:left;
	margin-right:12px;
	width:235px;
	}
	
#recipe .tsukurikata .steps_b li.last{
	margin-right:0;
	}

/* ******アプリテスト用********* */

#recipe #howto .steps_test {
	margin:0px 100px 10px 100px;
	}
	
#recipe #howto .steps_test li{
	margin-bottom:20px;}

#recipe #howto .steps_test li img {
	width:100%;
	height:auto;}


/* アレンジレシピ用*/

#recipe #arrange {
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	}
	
#recipe #arrange .ctn_photo{
	position:absolute;
	top:285px;
	left:0;
	z-index:100;
	}

.positionbase{
	position:relative;
	}

#recipe #arrange .ctn_photo_1311{
	position:absolute;	
	top:285px;
	left:0;
	z-index:100;
	}
	
#recipe #arrange .ctn_photo201405{
	position:absolute;
	top:250px;
	left:40px;
	width:240px;
	font-size:110%;
	line-height:150%;
	z-index:100;
	}

#recipe #arrange .photo01{
	background:url(/library/common/images/products/recipe/201311/arrange_photo01.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:70px;
	display:block;
	padding:280px 30px 0 30px;
	float:left;
	}

#recipe #arrange .photo01_201402{
	background:url(/library/common/images/products/recipe/201402/arrange_photo01.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:70px;
	display:block;
	padding:280px 30px 0 30px;
	float:left;
	}

#recipe #arrange .photo01_201404{
	background:url(/library/common/images/products/recipe/201404/arrange_photo01.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:70px;
	display:block;
	padding:280px 30px 0 30px;
	float:left;
	}

#recipe #arrange .photo02{
	background:url(/library/common/images/products/recipe/201311/arrange_photo02.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:70px;
	display:block;
	padding:280px 30px 0 20px;
	float:left;
	}
	
#recipe #arrange .photo02_201402{
	background:url(/library/common/images/products/recipe/201402/arrange_photo02.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:70px;
	display:block;
	padding:280px 30px 0 20px;
	float:left;
	}

#recipe #arrange .photo02_201404{
	background:url(/library/common/images/products/recipe/201404/arrange_photo02.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:70px;
	display:block;
	padding:280px 30px 0 20px;
	float:left;
	}

#recipe #arrange .ctn_photo201405{
	position:absolute;
	top:250px;
	left:40px;
	width:240px;
	font-size:110%;
	line-height:150%;
	z-index:100;
	}

#recipe #arrange .photo01_201406{
	background:url(/library/common/images/products/recipe/201406/arrange_photo01.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:70px;
	display:block;
	padding:270px 30px 10px 30px;
	float:left;
	}

#recipe #arrange .photo02_201406{
	background:url(/library/common/images/products/recipe/201406/arrange_photo02.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:70px;
	display:block;
	padding:270px 30px 10px 20px;
	float:left;
	}

#recipe #arrange .photo01_201407{
	background:url(/library/common/images/products/recipe/201407/arrange_photo01.jpg);
	background-repeat:no-repeat;
	width:315px;
	height:70px;
	display:block;
	padding:270px 30px 10px 30px;
	float:left;
	}

#recipe #arrange .photo02_201407{
	background:url(/library/common/images/products/recipe/201407/arrange_photo02.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:70px;
	display:block;
	padding:270px 30px 10px 20px;
	float:left;
	}
#recipe #arrange .photo02_201407 span,
#recipe #arrange .photo01_201407 span{
	color:#CF0104;}


/* アレンジレシピ　2014/07追加*/
#recipe #arrange .miniarrange{
	overflow:hidden;
	}

#recipe #arrange h3{
	font-size:160%;
	color:#22B061;
	padding-left:10px;
	padding-top:15px;
	}

#recipe #arrange .miniarrange .ttlcap{
	background-color:#22b061;
	color:#fff;
	padding:5px 0 2px 7px;
	display:block;
	width:210px;
	margin-left:10px;
	line-height:140%;
    border-radius:4px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    display: inline-block;
    position: relative;
	text-align:center;
    }
#recipe #arrange .miniarrange .ttlcap::before {
      content: "";
      display: inline-block;
      border: 5px solid transparent;
      border-top-color: #22b061;
      position: absolute;
      bottom: -8px;
      top: 100%;
	  left:100px;
    }
/* 20160201バレンタイン */
#recipe #arrange .miniarrange.valentaine{
	background:url(/library/common/apphp/products/recipe/201602/valentaine_bg.gif) no-repeat left top;
	}
/* --------------- */
#recipe #arrange h3.partymenuTTL{
	color: #E22834;
	}
#recipe #arrange .miniarrange.partymenu .ttlcap{
	background-color: #F79F9F;
    }
#recipe #arrange .miniarrange.partymenu .ttlcap::before {
      content: "";
      display: inline-block;
      border: 5px solid transparent;
      border-top-color: #F79F9F;
      position: absolute;
      bottom: -8px;
      top: 100%;
	  left:100px;
    }
/* --------------- */

#recipe #arrange .miniarrange .miniphoto{
	width:429px;
	}

#recipe #arrange .miniarrange .left{
	float:left;
	margin-left:8px;
	}
#recipe #arrange .miniarrange .right{
	float:right;
	}

#recipe #arrange .miniarrange .minitxt01{
	width:290px;
	padding:20px 10px 0px 10px;
	}

#recipe #arrange .miniarrange .minitxt02{
	clear:both;
	display:block;
	margin:5px 20px;
	}

#recipe #arrange .miniarrange .longtxt{
	display:block;
	margin:10px 16px;
	font-size:120%;
	line-height:160%;
	}


/* カービング*/
	
#recipe #carving {
	width:750px;
	height:242px;
	margin-top:30px;
	}
#recipe #carving h2{
	float:left;
	}
#recipe #carving p{
	float:left;
	}

#recipe #bnr p{
	margin:20px;
	}
	
	
/* オリジナル20131029 リダイレクト用*/

#recipe_back{
	width:750px;
	font-size:100%;
	line-height:180%;
	margin-bottom:20px;
	text-align:left;
}

#recipe_back #ctn{
	width:710px;
	margin:20px;
}

#recipe_back #ctn_redirect{
	background-color:#f3f3f3;
	padding:30px;
	text-align:center;
	font-size:140%;
	margin-top:10px;
}

#recipe_back img{
	margin-top:20px;
}


/* 20131029 recipetop*/
#recipetop {
	width:750px;
	font-size:100%;
	line-height:180%;
	margin-bottom:20px;
	text-align:left;
}
#recipetop .cnt{
	text-align:center;
	background-color:#edd4d6;
	padding-bottom:10px;
}
#recipetop .mt10{
	margin-top:10px;}

#recipetop .note{
	text-align:left;
	margin-left:10px;
	color:#666;
	line-height:150%;
}

#recipetop table{
	margin:20px 0 0;
	border-collapse: collapse;
	width:100%;
	color:#333;
	font-size:110%;
}

#recipetop table th{
	color:#600;
	letter-spacing:0.1em;
	width:8em;
	}
#recipetop table th,
#recipetop table td{
	border-bottom:1px dotted #CCC;
	text-align: left;
	padding: 10px;

}

#recipetop #ctn_thumblist{
	width:740px;
	margin:0 0 5px 10px;
	overflow:hidden;
	}
#recipetop #ctn_thumblist li.box_thumbnail{	
	list-style:none;
	float:left;
	width:175px;
	margin:10px 10px 0 0;
	}
#recipetop #ctn_thumblist li.box_thumbnail a{
	display:block;
	width:173px;
	height:270px;
	overflow:hidden;
	border:1px solid #d8d8d8;
	line-height:130%;
	color:#996600;
	}
#recipetop #ctn_thumblist li.box_thumbnail a:hover{
	text-decoration:none;
	color:#666;
	background-color:#f6f6f6;
	}

#recipetop #ctn_thumblist .box_thumbnail .inbox{
	margin:7px;
	}
#recipetop #ctn_thumblist .box_thumbnail .inbox .days{
	font-size:90%;
	margin:4px 0;
	}
#recipetop #ctn_thumblist li.box_thumbnail h3{
	display:block;
	color:#099e2f;
	}
#recipetop #ctn_thumblist .box_thumbnail .inbox .product{
	font-size:90%;
	line-height: 1.3;
	margin:4px 0;
	}


#recipetop .bnr {
	background-color:#f2f2f2;
	width:750px;
	padding:17px 0;
	margin:30px 0;}
#recipetop .bnr ul {}
#recipetop .bnr li {
	float:left;
	margin-left:31px;}

/* プレミアム料理人ご紹介 */

#recipetop .profile {
	width:730px;
	margin:0 10px 20px;
	background:url(/library/common/images/products/recipe/top/bg_introduction.gif) repeat-y center top;}


#recipetop .profile .profileInner {
	width:650px;
	margin:0 20px;
	padding:0 20px 30px;
	font-size:90%;
	border-bottom:5px solid #eceef0;
	}
	
#recipetop .profile .kameyama {
	border-bottom:1px solid #dcdcdc;
	padding-bottom:12px;
	margin-bottom:15px;}
#recipetop .profile .profileInner dt.photo {
	float:left;
	margin-right:5px;
	background-color:#9C0;
	height:129px;}
#recipetop .profile .profileInner dt.profileName {
	color:#c85b13;
	margin:20px 0 12px;}
#recipetop .profile .profileInner dd {
	color:#5c5c5c;
	line-height:1.4;
	}
#recipetop .profile .profileInner dt.logo {
	float:left;
	margin-right:5px;
	}
	
#recipetop #information{
	text-align:center;
	margin-right:5px;
	}

#recipetop #menulist{
	background:url(/library/common/images/products/recipe/top/menu_bg.gif) no-repeat center top;
	width:750px;
	height:40px;
	display:block;
	overflow:hidden;
	}
#recipetop #menulist ul{
	margin-top:3px;
	margin-left:135px;
	width:600px;
	margin-right:15px;
	background-color:#396;
	display:block;
	}
#recipetop #menulist ul li{
	float:left;
	}


/* ワンポイントアドバイス */
#recipe #onepoint,
#recipe #onepoint_new{
	margin-top:20px;
	overflow:hidden;
	}

#recipe #onepoint_new p{
	background-image:url(/library/common/images/products/recipe/share/onepoint_bg.gif);
	background-repeat:no-repeat;
	width:690px;
	height:150px;
	padding:3px 30px;
	font-size:15px;
	line-height:190%;
	}
#recipe #onepoint_new .nanami{
	display:inline;
	color:#B74143;
	}
#recipe #onepoint_new .teach{
	display:inline;
	color:#1F8B00;
	}

#recipe #onepoint_new .t_ctn{
	background-image:url(/library/common/images/products/recipe/share/onepoint_bg.gif);
	background-repeat:no-repeat;
	width:700px;
	height:150px;
	padding:3px 30px;
	font-size:15px;
	line-height:180%;
	}
	
#recipe #onepoint_new .box_nanami{
	overflow:hidden;
	clear:both;
	}
	
#recipe #onepoint_new .box_kameyama{
	overflow:hidden;
	clear:both;
	}
	
#recipe #onepoint_new .n_nanami,
#recipe #onepoint_new .n_kameyama{
	float:left;
	color:#B74143;
	text-align:right;
	width:70px;
	}	

#recipe #onepoint_new .onepointtxt{
	float:left;
	margin-left:10px;
	}
	
#recipe #onepoint_new .n_kameyama{
	color:#1F8B00;
	}
	
#recipe #onepoint_new .box_nanami .onepointtxt{
	color:#B74143;
	}
	
/* ワンポイントアドバイス リニューアル　201408*/
#recipe #onepointadvice {
  -webkit-text-size-adjust: 100%;
  }
#recipe #onepointadvice .left{
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
	}


#recipe #onepointadvice .box_kmym{
	color:#6E6E6E;
	}

#recipe #onepointadvice .box_nnm{
	color:#F42D00;
	}


#recipe #onepointadvice .txt{
	border-bottom:1px dotted #B5B5B5;
	line-height:2.0em;
	font-size:1.2em;
	}
#recipe #onepointadvice .t_ctn {
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	}

#recipe #onepointadvice .t_ctn .imgnanaco{
	position:absolute;
	bottom:1px;
	left:670px;
	width:54px;
	height:71px;
	z-index:100;
	}

/* 2項目目のワンポイントアドバイス 20170728追記*/
#recipe .teach {
  -webkit-text-size-adjust: 100%;
  }
#recipe .teach .left{
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
	}

#recipe .teach .box_kmym{
	color:#6E6E6E;
	}

#recipe .teach .box_nnm{
	color:#F42D00;
	}


#recipe .teach .txt{
	border-bottom:1px dotted #B5B5B5;
	line-height:2.0em;
	font-size:1.2em;
	}
#recipe .teach .t_ctn {
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	}

#recipe .teach .t_ctn .imgnanaco{
	position:absolute;
	bottom:1px;
	left:670px;
	width:54px;
	height:71px;
	z-index:100;
	}

/* 1ページに複数メニューを掲載する場合 */
#menu_special {
	padding:20px 0 0;}
.menu_spe_2clm {
	overflow:hidden;}
.menu_spe_2clm li {
	float:left;
	width:375px;
	text-align:center;}
.menu_spe_ttl {
	text-align:center;
	padding:30px 0 0;}

/* アプリ紹介バナーを追加 */
.bnrApp {
	padding-top:20px;
	text-align:center;}
	
/* TOP用バナーエリア追加 */
.bnrApp_top {
	padding:15px 0;
	overflow:hidden;
	text-align:center;}
	
/* MARGIN */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}


.center {text-align:center;}