@charset "UTF-8";

@import url("default.css");
@import url("layout_contents.css");
@import url("navi_recipe.css");
@import url("navi.css");

/* -------------------------
  サブナビ
------------------------- */

#navArea ul.subNav li a:hover {
	background:#B0FF8C url(../img/arrow_subnav.gif) 18px 7px no-repeat;
	color:#666;
}

/* -------------------------
  topLinkTbl--recipe_top--
------------------------- */

#topLinkTbl {
	width: 760px;
	border-spacing: 0px 10px;
}

#topLinkTbl tr th,
#topLinkTbl tr th a {
	height: 46px;
	margin: 0;
}
#topLinkTbl tr th {
	padding: 0 0 0 23px;
	font-weight: 100;
}
#topLinkTbl tr th:nth-child(odd){
	width: 390px;
}
#topLinkTbl tr th:nth-child(even){
	width: 370px;
}

#topLinkTbl tr th#ctg01{
	background: url(../../recipe/img/menu_recipe-none.svg) no-repeat;
	background-size: 760px 46px;
	background-position: 0 0;

	height: 45px;
	
    font-size: 14px;
    text-align: left;
	line-height: 40px;

	padding: 0px 0px 0px 23px;
	font-weight: 100;
}

#topLinkTbl tr th#ctg02,
#topLinkTbl tr th#ctg03 {
	background: url(../../recipe/img/menu_recipe.svg) no-repeat;
	background-size: 760px 46px;
	background-position: 0 0;

	height: 45px;
	
    font-size: 14px;
    text-align: left;
	line-height: 42px;

	padding: 0px 0px 0px 23px;
	font-weight: 100;
}
#topLinkTbl tr th {
	padding: 0 0 0 23px;
	font-weight: 100;
	color: #666;
}


#topLinkTbl tr th#ctg02:hover,
#topLinkTbl tr th#ctg03:hover {
	background-position: -390px 0;
}

#topLinkTbl tr th#ctg02 a,
#topLinkTbl tr th#ctg03 a{
	color: #666;
}
#topLinkTbl tr th#ctg02 a:hover,
#topLinkTbl tr th#ctg03 a:hover{
	color: #ff0e0d;
}

#topLinkTbl tr th a {
	display: block;
	text-indent: 0;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#topLinkTbl tr td{
	width: 370px;
	margin: 0;
	background: #FFFFFF;
	vertical-align:top;
}
#topLinkTbl tr td ul { 
	padding: 0 0 5px 0;
}

#topLinkTbl tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_recipe.gif) 11px 7px no-repeat;
	float:left;
}


#topLinkTbl tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}


/* -------------------------
  topLinkTbl02--sort--
------------------------- */

/*#topLinkTbl02 {
	width: 760px;
	padding:10px 0 0 0;
}*/
/*--修正 / 20200930------------------------------------------------------------------------------------------*/
#topLinkTbl02 { width:760px; padding:0; }

#topLinkTbl02 tr th,
#topLinkTbl02 tr th a {
	height: 35px;
	margin: 0;
}

#topLinkTbl02 tr th a {
	background: url(../../recipe/img/menu_sub.svg) no-repeat;
	background-position: 0 0;
	background-size: cover;

	width: 347px;
	height: 35px;

    margin: 0 0 10px 0;
	padding-left: 23px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
	color: #666;
	line-height: 35px;
}

#topLinkTbl02 tr th a:hover{
	background-position: -390px 0;
	color: #ff0e0d;
}


#topLinkTbl02 tr th a {
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#topLinkTbl02 tr th#title {
	width: 390px;
	vertical-align:top;
	text-align:left;
}

#topLinkTbl02 tr td{
	width: 370px;
	margin: 0;
	padding: 0 0 15px 0;
	background: #FFFFFF;
	vertical-align:top;
}

#topLinkTbl02 tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl02 tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_recipe.gif) 11px 7px no-repeat;
	float:left;
}

#topLinkTbl02 tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl02 tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}

/* -------------------------
  topLinkTbl03--theme--
------------------------- */
#topLinkTbl03 { 
	width:760px; padding:0; 
}

#topLinkTbl03 tr th,
#topLinkTbl03 tr th a {
	height: 35px;
	margin: 0;
}

#topLinkTbl03 tr th a {
	background: url(../../recipe/img/menu_sub.svg) no-repeat;
	background-position: 0 0;
	background-size: cover;

	width: 347px;
	height: 35px;

    margin: 0 0 8px 0;
	padding-left: 23px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
	color: #666;
	line-height: 35px;
}
#topLinkTbl03 tr th a:hover{
	background-position: -390px 0;
	color: #ff0e0d;
}
#topLinkTbl03 tr th#ctg04 a {
	background: url(../../recipe/img/menu_sub.svg) no-repeat;
	background-size: cover;
	background-position: 0 0;

	width: 347px;
	height: 35px;

	margin: 0 0 8px 0;
	padding-left: 16px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
	color: #666;
	line-height: 35px;
}
#topLinkTbl03 tr th#ctg04 a:hover {
	background-position: -390px 0;
	color: #ff0e0d;
}

#topLinkTbl03 tr th a {
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#topLinkTbl03 tr th#title {
	width: 390px;
	vertical-align:top;
	text-align:left;
}

#topLinkTbl03 tr td{
	width: 370px;
	margin: 0;
	padding: 0 0 15px 0;
	background: #FFFFFF;
	vertical-align:top;
}

#topLinkTbl03 tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl03 tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_recipe.gif) 11px 7px no-repeat;
	float:left;
}

#topLinkTbl03 tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl03 tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}


/* -------------------------
  THUMBNAIL
------------------------- */

#listTbl01 {
	width: 250px;
	margin: 0 5px 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl01Last {
	width: 250px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl01 tr td,
#listTbl01Last tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl01 tr td img,
#listTbl01Last tr td img{
	padding: 5px 0;
}

#listTbl01 tr th,
#listTbl01Last tr th{
	width: 240px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #68AF11;
}


#listTbl02 {
	width: 250px;
	margin: 0 5px 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl02Last {
	width: 250px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl02 tr td,
#listTbl02Last tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl02 tr td img,
#listTbl02Last tr td img{
	padding: 5px 0;
}


#listTbl02 tr th,
#listTbl02Last tr th{
	width: 240px;
	height: 40px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #68AF11;
}

/* -------------------------
  VEGEMEN　BACKNUMBER
------------------------- */

#listBg_g{
    background-color: #E2F4D2;
	width: 720px;
    padding: 10px;
	margin-bottom: 20px;
}


#listBg_r{
    background-color: #FFE7E5;
	width: 720px;
    padding: 15px 20px 10px 20px;
	margin-bottom: 20px;
}






#listTbl01_g {
	width: 250px;
	margin: 0 5px 8px 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl01_gLast {
	width: 250px;
	margin: 0 0 8px 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl01_g tr td,
#listTbl01_gLast tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl01_g tr td img,
#listTbl01_gLast tr td img{
	padding: 5px 0;
}

#listTbl01_g tr th,
#listTbl01_gLast tr th{
	width: 240px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #22942B;
}


#listTbl02_g {
	width: 250px;
	margin: 0 5px 8px 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl02_gLast {
	width: 250px;
	margin: 0 0 8px 0;
	border: 5px solid #E2F4D2;
	float:left;
}

#listTbl02_g tr td,
#listTbl02_gLast tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl02_g tr td img,
#listTbl02_gLast tr td img{
	padding: 5px 0;
}

#listTbl02_g tr th,
#listTbl02_gLast tr th{
	width: 240px;
	height: 40px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #22942B;
}







#listTbl01_r {
	width: 250px;
	margin: 0 5px 8px 0;
	border: 5px solid #FFE7E5;
	float:left;
}

#listTbl01_rLast {
	width: 250px;
	margin: 0 0 8px 0;
	border: 5px solid #FFE7E5;
	float:left;
}

#listTbl01_r tr td,
#listTbl01_rLast tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl01_r tr td img,
#listTbl01_rLast tr td img{
	padding: 5px 0;
}

#listTbl01_r tr th,
#listTbl01_rLast tr th{
	width: 240px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #E20A16;
}



#listTbl02_r {
	width: 250px;
	margin: 0 5px 8px 0;
	border: 5px solid #FFE7E5;
	float:left;
}

#listTbl02_rLast {
	width: 250px;
	margin: 0 0 8px 0;
	border: 5px solid #FFE7E5;
	float:left;
}

#listTbl02_r tr td,
#listTbl02_rLast tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl02_r tr td img,
#listTbl02_rLast tr td img{
	padding: 5px 0;
}

#listTbl02_r tr th,
#listTbl02_rLast tr th{
	width: 240px;
    height: 40px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #E20A16;
}




.list_month_g{
   background-image: url(../../recipe/vege/back/img/month_bg_g.gif);
    background-repeat: no-repeat;
   color: #22942B;
   font-size: 14px;
   font-weight: bolder;
   margin-bottom: 10px;
   padding-bottom: 5px;
   padding-left: 40px;
   border-bottom: #22942B 2px dotted;
}

.list_month_r{
    background-image: url(../../recipe/vege/back/img/month_bg_r.gif);
	background-repeat: no-repeat;
   color: #E20A16;
   font-size: 14px;
   font-weight: bolder;
   margin-bottom: 10px;
   padding-bottom: 5px;
   padding-left: 40px;
   border-bottom: #E20A16 2px dotted;
}


/* -------------------------
  VEGEMEN
------------------------- */

#hdr{
  width: 760px;
  height: 130px;
  margin-bottom: 30px;
}

#btn_back{
  width: 180px;
  margin-top: 30px;
  margin-bottom: 20px;
  float: left;
}
#btn_back2{
  width: 180px;
  margin-top: 30px;
  margin-bottom: 20px;
}

#summary {
  width: 520px;
  height: 100px;
  background-image: url(../../recipe/vege/img/summary_bg.gif);
  background-repeat: no-repeat;
  margin: 0 20px 0 0;
  color: #663300;
  line-height: 24px;
  font-weight: bold;
  padding: 0 0 0 0;
  float: left;
}
#summary p {
	margin: 20px 0 20px 200px;
	vertical-align: middle;
}

#recipe{
 width: 720px;
 margin: 20px;
 padding: 10px;
}


/*ラーメン---------------------------------------------------------------------- */
.tit_noodle{
   width: 560px;
   font-size: 18px;
   font-weight: bold;
   color: #CC0033;
   padding: 5px 0px;
   border-bottom: #CC0033 2px dotted;
}


/*うどん---------------------------------------------------------------------- */
.tit_udon{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #FF6600;
   padding: 5px 0px;
   border-bottom: #FF6600 2px dotted;
}


/*そば---------------------------------------------------------------------- */
.tit_soba{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #339933;
   padding: 5px 0px;
   border-bottom: #339933 2px dotted;
}



/*パスタ---------------------------------------------------------------------- */
.tit_pasta{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #F74E84;
   padding: 5px 0px;
   border-bottom: #F74E84 2px dotted;
}



/*焼そば---------------------------------------------------------------------- */
.tit_yakisoba{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #6699CC;
   padding: 5px 0px;
   border-bottom: #6699CC 2px dotted;
}



/*冷し中華---------------------------------------------------------------------- */
.tit_chinese{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #1EB6FF;
   padding: 5px 0px;
   border-bottom: #1EB6FF 2px dotted;
}

/*そうめん---------------------------------------------------------------------- */
.tit_somen{
   width: 570px;
   font-size: 18px;
   font-weight: bold;
   color: #003398;
   padding: 5px 0px;
   border-bottom: #003398 2px dotted;
}


.yasai{
   width: 150px; 
   height: 50px;
   background-image: url(../../recipe/vege/img/yasai_bg.gif);
   background-repeat: no-repeat;
   font-size: 16px;
   font-weight: bold;
   color: #006600;
   text-align: center;
}

.vege_contents{
    background-color: #FFF;
    margin-top:0px;
	margin-bottom:auto;
}

.photo{
   width: 372px;
   vertical-align: top;
   padding-right: 30px;
}

.zairyo{
   width: 318px;
   /*height: 290px;*/
   vertical-align: top;
   margin: 0 0 10px 0;
}

.zairyo_1{
   width: 235px;
   vertical-align: top; 
   font-size: 12px; 
   padding: 2px 2px 2px 3px;
   border-bottom: #666 1px dotted;
}

.zairyo_2{
   width: 70px;
   vertical-align: top;  
   font-size: 12px; 
   padding: 2px 2px 2px 0px;
   text-align: right;
   border-bottom: #666 1px dotted;
}

.zairyo_3{
   width: 20px;
   font-size: 12px; 
   font-weight: bolder;
   text-align: center;
   border-bottom: #666 1px dotted;
   background-color:#ebebeb;
}



.zairyoS_1{
   width: 245px;
   vertical-align: top; 
   font-size: 12px; 
   padding: 0 2px 0 3px;
   border-bottom: #666 1px dotted;
}

.zairyoS_2{
   width: 60px;
   vertical-align: top;  
   font-size: 12px; 
   padding: 0 2px 0 0px;
   border-bottom: #666 1px dotted;
}

.zairyoS_3{
   width: 20px;
   font-size: 12px; 
   font-weight: bolder;
   text-align: center;
   border-bottom: #666 1px solid;
   background-color:#ebebeb;
}


.tsukurikata{
   width: 470px;
   margin-right: 20px;
}

.tsukurikata_1{
   width: 30px;
   vertical-align: top;  
   font-size: 12px; 
   font-weight: bolder;
   line-height: 18px;
   padding: 8px 0px;
   border-bottom: #666 1px dotted;
}

.tsukurikata_2{
   width: 380px;
   vertical-align: top;  
   font-size: 12px; 
   line-height: 18px;
   padding: 8px 8px 8px 0px;
   border-bottom: #666 1px dotted;
}

.shohin_tit{
   width: 228px;
   height:25px;
   font-size: 12px;
   color: #663300;
   text-align: center;
}

.shohin{
   border-right: #663300 1px solid;
   border-left:  #663300 1px solid;
   width: 228px;
   padding: 5px 0px;
   font-size: 14px;
   line-height: 16px;
   color: #663300;
   font-weight: bolder;
   text-align: center;
}

.shohin_photo{
   width: 228px;
   height: 30px;
   text-align: center;
   padding: 0 3px;
   border-right: #663300 1px solid;
   border-left:  #663300 1px solid;
}

.shohin_shosai{
   width: 228px;
   font-size: 12px;
   line-height: 14px;
   color: #663300;
   vertical-align: middle;
   padding: 8px 0px;
   text-align: center;
   border-right: #663300 1px solid;
   border-left:  #663300 1px solid;
}



/* -------------------------
  RECIPE SYOSAI（種類別など共通レシピ）
------------------------- */
#category_rcp{
  margin: 20px 10px 10px 0;
  color: #FF9900;
  float: left;
}

#category_rcp_withIcon { margin:10px 0 10px 0; height:42px; color:#FF9900; position:relative; }
	#category_rcp_withIcon .cate_img { position:absolute; bottom:0; left:0; }
	#category_rcp_withIcon .cate_miyako { position:absolute; bottom:0; right:65px; }
	#category_rcp_withIcon .icon_miyako02 { width:50px; position:absolute; bottom:-8px; right:5px; }

/*--カロリー表示のみ--*/
#ss_rcp { margin:20px 0 10px 0; color:#68AF11; border:#68AF11 1px dotted; text-align:center; overflow:hidden; }
	#ss_rcp th { width:100px; padding:10px 20px; color:#68AF11; line-height:1.4; background-color:#E2F4D2; text-align:center; font-weight:normal; font-size:12px; vertical-align:middle; }
		#ss_rcp th span { font-size:10px; }
	#ss_rcp td { width:200px; padding:10px 20px; color:#68AF11; line-height:1.4; font-size:14px; background-color:#FFF; text-align:center; vertical-align:middle; }
		#ss_rcp td span { font-size:18px; font-weight:bold; }

/*--カロリー表示 / 「糖質量」「食塩相当量」表示--*/
#css_rcp { width:380px; margin:20px 0 10px 0; color:#68AF11; border:#68AF11 1px dotted; text-align:center; overflow:hidden; box-sizing:border-box; }
	#css_rcp th { width:23%; padding:10px 10px; color:#68AF11; line-height:1.4; background-color:#E2F4D2; text-align:center; font-weight:normal; font-size:11px; vertical-align:middle; }
		#css_rcp th span { font-size:10px; }
	#csss_rcp td { width:27%; padding:10px 10px; color:#68AF11; line-height:1.4; font-size:13px; background-color:#FFF; text-align:center; vertical-align:middle; }
		#css_rcp td span { font-size:17px; font-weight:bold; }

/*--2019.09.03 たんぱく質・脂質・炭水化物表示--*/
.componentList { width:380px; }
	.componentList li { width:120px; float:left; text-align:center; }
		.componentList li p { padding-top:3px; }
		.componentList .inner p { padding:0; color:#fff; font-size:14px; font-weight:bold; line-height:1.1em; }
			.componentList .inner p span { font-size:12px; font-weight:normal; }
	/*--たんぱく質--*/
	.componentList .protein { padding:0 10px 0 0; }
		.componentList .protein .licontainer { border:#e95465 1px dotted; padding:1px; }
		.componentList .protein .inner { background:#e95465; padding:8px 0 5px 0; }
	/*--脂質--*/
	.componentList .fat { padding:0 0 0 0; }
		.componentList .fat .licontainer { border:#0075c2 1px dotted; padding:1px; }
		.componentList .fat .inner { background:#0075c2; padding:8px 0 5px 0; }
	/*--炭水化物--*/
	.componentList .carbohydrate { padding:0 0 0 10px; }
		.componentList .carbohydrate .licontainer { border:#009d81 1px dotted; padding:1px; }
		.componentList .carbohydrate .inner { background:#009d81; padding:8px 0 5px 0; }

/*--2020.10.07　たんぱく質・脂質・炭水化物表示（糖質量等記載のため追記）--*/
.componentList_CR { width:380px; }
	.componentList_CR li { float:left; text-align:center; }
		.componentList_CR li p { padding-top:3px; }
		.componentList_CR .inner p { padding:0; color:#fff; font-size:14px; font-weight:bold; line-height:1.1em; }
			.componentList_CR .inner p span { font-size:12px; font-weight:normal; }
	/*--たんぱく質--*/
	.componentList_CR .protein { width:49%; margin:0 1% 0 0; }
		.componentList_CR .protein .licontainer { border:#e95465 1px dotted; padding:1px; }
		.componentList_CR .protein .inner { background:#e95465; padding:8px 0 5px 0; }
	/*--脂質--*/
	.componentList_CR .fat { width:49%; margin:0 0 0 1%; }
		.componentList_CR .fat .licontainer { border:#0075c2 1px dotted; padding:1px; }
		.componentList_CR .fat .inner { background:#0075c2; padding:8px 0 5px 0; }
	/*--炭水化物--*/
	.componentList_CR .carbohydrate { width:100%; margin:10px 0 0 0; }
		.componentList_CR .carbohydrate .licontainer { border:#009d81 1px dotted; padding:1px; }
		.componentList_CR .carbohydrate .inner { width:48.5%; float:left; background:#009d81; padding:15px 0 12px 0; }
		.componentList_CR .carbohydrate .innerRight { width:51.5%; float:left; padding:0 10px; box-sizing:border-box; }
			.componentList_CR .carbohydrate .innerRight .carbohydrateTop { padding:5px 10px 3px 10px; border-bottom:#009d81 1px dotted; }
			.componentList_CR .carbohydrate .innerRight .carbohydrateBottom { padding:4px 10px 0 10px; }
			.componentList_CR .carbohydrate .innerRight .tle { width:60%; float:left; padding:0; text-align:left; }
			.componentList_CR .carbohydrate .innerRight .num { width:40%; float:left; padding:0; text-align:right; }


#vegemen_icon{
  width: 80px;
  margin: 20px 0 10px 0;
  float: right;
}

#mama_icon{
  width: 142px;
  margin: 10px 0 5px 0;
  float: right;
}


#tit_rcp{
  width: 740px;
  font-size: 14px;
  color: #FFF;
  padding: 3px 10px 2px 10px;
  background-color: #68AF11;
}

#tit_tsukurioki{
  width: 740px;
  font-size: 14px;
  color: #FFF;
  margin-top: 30px;
  padding: 3px 10px 2px 10px;
  background-color: #fbb947;
}

#rcp01{
 width: 760px;
 margin-top: 20px;
}


#rcp_tsukurioki{
 width: 740px;
 margin-top: 20px;
}

#rcp_ph{
  width: 380px;
  margin: 0 20px 10px 0;
  float: left;  
}

/*--動画リンクボタン--*/
#rcp_ph .movieLinkBtn { width:100%; margin:10px 0 0 0; text-align:center; }
	#rcp_ph .movieLinkBtn a { color:#fff; text-decoration:none; }
	#rcp_ph .movieLinkBtn p { padding:12px 10px 10px 10px; font-size:13px; line-height:1.4em; background:#68AF11; }
		#rcp_ph .movieLinkBtn p span { font-size:15px; }
#rcp_ph .movieLinkBtn:hover p { color:#fff; background:#f41313; }

#rcp_zairyo{
  width: 360px;
  float: left;  
  margin-bottom: 20px;
}

#zairyo_tit{
  width: 348px;
  color: #68AF11;
  padding: 2px 0 1px 10px;
  background-color: #E2F4D2;
  border: #68AF11 1px dotted;
  margin-bottom: 10px;
}

#zairyo_tsukurioki_tit{
  width: 348px;
  color: #FF6600;
  padding: 2px 0 1px 10px;
  background-color: #feeed1;
  border: #FFcc00 1px dotted;
  margin-bottom: 10px;
}

.rcp_zairyo{
   width: 360px;
   vertical-align: top;  
}

.rcp_zairyo_1{
   width: 275px;
   vertical-align: top; 
   font-size: 12px; 
   padding: 2px 1px 2px 5px;
   border-bottom: #999 1px dotted;
}

.rcp_zairyo_2{
   width: 60px;
   vertical-align: top;  
   font-size: 12px; 
   padding: 2px 0px 2px 0px;
   border-bottom: #999 1px dotted;
}

.rcp_zairyo_3{
   width: 20px;
   font-size: 12px; 
   font-weight: bolder;
   text-align: left;
   border-bottom: #999 1px dotted;
   text-align: center;
   background-color: #E2F4D2;
   color: #68AF11;
}



.rcp_zairyoS_1{
   width: 275px;
   vertical-align: top; 
   font-size: 12px; 
   padding: 0 1px 0 5px;
   border-bottom: #999 1px dotted;
}

.rcp_zairyoS_2{
   width: 60px;
   vertical-align: top;  
   font-size: 12px; 
   padding: 0;
   border-bottom: #999 1px dotted;
}

.rcp_zairyoS_3{
   width: 20px;
   font-size: 12px; 
   font-weight: bolder;
   text-align: left;
   border-bottom: #999 1px solid;
   text-align: center;
   background-color: #E2F4D2;
   color: #68AF11;
}




#rcp_tsukurikata{
  width: 760px;
  margin: 10px 0;
}

#rcp_tsukurikata_tit{
  width: 740px;
  margin: 10px 0;
  color: #68AF11;
  padding: 2px 10px 1px 10px;
  background-color: #E2F4D2;
  border: #68AF11 1px dotted;
}

#rcp_tsukurioki_tsukurikata{
  width: 354px;
  float: right;
  margin: 0;
}

#rcp_tsukurioki_tsukurikata_tit{
  width: 354px;
  margin: 0 0 10px;
  color: #ff6600;
  padding: 2px 10px 1px 10px;
  background-color: #feeed1;
  border: #ffcc00 1px dotted;
}

.rcp_tsukurikata_1{
 width: 30px;
 vertical-align: top; 
 font-size: 12px; 
 padding: 2px 0;
 border-bottom: #999 1px dotted;
}

.rcp_tsukurikata_2{
 width: 730px;
 vertical-align: top; 
 font-size: 12px; 
 padding: 2px 0;
 border-bottom: #999 1px dotted;
}


#btn_osusume {
 width: 250px;
 height: 30px;
 margin-top: 20px;
 margin-left: 510px;
}
#btn_osusume2 {
 width: 250px;
 height: 30px;
 margin-top: 5px;
 margin-left: 510px;
}
#btn_osusume3 {
	 width: 510px;
	 height: 30px;
	 margin-top: 20px;
	 margin-left: 250px;
	 text-align: right;
}
/*--2015.12.28 ２商品お奨めの場合--*/
.btn_osusume4 { width:300px; float:right; }
	.btn_osusume4 p { width:300px; text-align:center; border:1px solid #68ae11; padding:5px 0 3px 0; background:#FFF; }
	.btn_osusume4 p:hover { background:#68ae11; color:#FFF; }
	.btn_osusume4 a { color:#68ae11; text-decoration:none; display:block; }
	.btn_osusume4 a:hover { text-decoration:none; color:#FFF; }

/*--2022.12.15 作り方動画--*/
.btn_MV { width:380px; float:center; }
	.btn_MV p { width:380px; text-align:center; border:1px solid #68ae11; padding:5px 0 3px 0; background:#FFF; }
	.btn_MV p:hover { background:#68ae11; color:#FFF; }
	.btn_MV a { color:#68ae11; text-decoration:none; display:block; }
	.btn_MV a:hover { text-decoration:none; color:#FFF; }



.font_s{
 font-size: 10px; 
}




/* -------------------------
  今月のお奨めレシピ
------------------------- */
.recipeBox {
	margin: 0 0 28px 0;
	padding: 20px 18px 18px 18px;
	background: #FFF8E0;
}

.recipeBox div.fansanko {
	text-align: right;
	margin: -30px 0 0 0;
	height: 62px;
	line-height: 100%;
}
.recipeBox div.icon {
	text-align: right;
	float: right;
	margin: 0;
	line-height: 100%;
}
.recipeBox h2 {
	width: 724px;
	border-bottom: 2px dashed #FF6600;
	color: #330000;
	font-weight: bold;
	font-size: 20px;
}
.recipeBox h2.mmt20 {
	width: 724px;
	border-bottom: 2px dashed #FF6600;
	color: #330000;
	font-weight: bold;
	font-size: 20px;
	margin: -20px 0 0 0;
}

/*------------------*/
.recipeBox .hitokotoBox {
	margin: 14px 0 0 0;
}

.recipeBox .hitokotoBox p {
	line-height: 1.5;
	color: #330000;
	font-size: 13px;
}
.recipeBox .hitokotoBox p span {
	margin: 0 .5em 0 0;
	font-weight: bold;
	color: #330000;
}

/*------------------*/
.recipeBox .zairyoBox {
	margin: 22px 0 0 0;
}
.recipeBox .zairyoBox div {
	width: 376px;
	float: left;
	margin: 0 16px 0 0;
}
.recipeBox .zairyoBox table {
	width: 328px;
	float: left;
	color: #330000;
}

.recipeBox .zairyoBox table th {
	width: 215px;
	padding: 4px 0 5px 5px;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
}
.recipeBox .zairyoBox table th a {
	color: #d5271a;
}
.recipeBox .zairyoBox table th a:hover {
	text-decoration: none;
}

.recipeBox .zairyoBox table th.group {
	width: 20px;
	padding: 4px 0 5px 0;
	font-size: 12px;
	background:#FAD6A2;
	text-align: center;
	color: #FF6600;
}
.recipeBox .zairyoBox table th strong {
	font-weight: bold;
	font-size: 14px;
}

.recipeBox .zairyoBox table td {
	padding: 4px 0 5px 0;
	text-align: right;
	border-bottom: 1px dashed #9a7e7e;
}

/*------------------*/
.recipeBox .howtoBox {
	margin: 18px 0 0 0;
	padding: 8px 18px 18px 18px;
	background: #ffffff;
}
.recipeBox .howtoBox table {
	width: 444px;
	float: left;
	margin: 0 24px 0 0;
}
.recipeBox .howtoBox table th {
	width: 20px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
	vertical-align: top;
	color: #330000;
}
.recipeBox .howtoBox table th strong {
	font-weight: bold;
	font-size: 14px;
}
.recipeBox .howtoBox table td {
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
	color: #330000;
}
.recipeBox .howtoBox .item {
	width: 220px;
	float: left;
	color: #330000;
}
.recipeBox .howtoBox .item p {
	text-align: center;
	line-height: 1.4;
}
.recipeBox .howtoBox .item p.picks {
	padding: 2px 0 3px 0;
	font-size: 13px;
	background: #f6e6ad;
	color: #473434;
	font-weight: bold;
}
.recipeBox .howtoBox .item p a {
	color: #d5271a;
}
.recipeBox .howtoBox .item p a:hover {
	text-decoration: none;
}

.recipeBox .howtoBox .item div {
	margin: 8px 0 8px 0;
	text-align: center;
}


.recipeBox_tsukurioki {
	margin: -20px 0 28px 0;
	padding: 20px 18px 30px 18px;
	background: #eafbed;
}

.recipeBox_tsukurioki h2 {
	width: 724px;
	border-bottom: 2px dashed #006600;
	color: #330000;
	font-weight: bold;
	font-size: 20px;
}

/*------------------*/
.recipeBox_tsukurioki .zairyoBox {
	width: 320px;
	float: left;
	margin: 25px 0 0 0;
}
.recipeBox_tsukurioki .zairyoBox div {
	margin: 0 16px 0 0;
}
.recipeBox_tsukurioki .zairyoBox table {
	width: 320px;
	float: left;
	color: #330000;
}

.recipeBox_tsukurioki .zairyoBox table th {
	width: 170px;
	padding: 4px 0 5px 5px;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
}
.recipeBox_tsukurioki .zairyoBox table th a {
	color: #d5271a;
}
.recipeBox_tsukurioki .zairyoBox table th a:hover {
	text-decoration: none;
}

.recipeBox_tsukurioki .zairyoBox table th.group {
	width: 20px;
	padding: 4px 0 5px 0;
	font-size: 12px;
	background:#caeacf;
	text-align: center;
	color: #006600;
}
.recipeBox_tsukurioki .zairyoBox table th strong {
	font-weight: bold;
	font-size: 14px;
	color: #006600;
}

.recipeBox_tsukurioki .zairyoBox table td {
	padding: 4px 0 5px 0;
	text-align: right;
	border-bottom: 1px dashed #9a7e7e;
}

/*------------------*/
.recipeBox_tsukurioki .howtoBox {
	width: 320px;
	float: right;
	margin: 18px 0 0 0;
	padding: 8px 18px 18px 18px;
	background: #ffffff;
}
.recipeBox_tsukurioki .howtoBox table {
	float: right;
	margin: 0 24px 0 0;
}
.recipeBox_tsukurioki .howtoBox table th {
	width: 20px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
	vertical-align: top;
	color: #330000;
}
.recipeBox_tsukurioki .howtoBox table th strong {
	font-weight: bold;
	font-size: 14px;
	color: #006600;
}
.recipeBox_tsukurioki .howtoBox table td {
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: 1px dashed #9a7e7e;
	color: #330000;
}

/* -------------------------
  テーマ別レシピ
------------------------- */
.fansBox {
	margin: 0 0 -48px 0;
	z-index: 10;
}
.fansBox div.fansanko {
	text-align: right;
	position: relative;
	top: -54px;
	right: 10px;
	height: 48px;
	line-height: 100%;
}


h1#recipe_theme {
	width: 760px;
	margin: 13px 0 15px 0;
	padding: 0 0 13px 0;
    border_bottom: none;
}

#listTbl_theme01 {
	width: 250px;
	margin: 0 5px 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #FFF2B1;
	float:left;
}

#listTbl_theme01Last {
	width: 250px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #FFF2B1;
	float:left;
}

#listTbl_theme01 tr td,
#listTbl_theme01Last tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl_theme01 tr td img,
#listTbl_theme01Last tr td img{
	padding: 5px 0;
}

#listTbl_theme01 tr th,
#listTbl_theme01Last tr th{
	width: 240px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #FFBA04;
}

#listTbl_theme02 {
	width: 250px;
	margin: 0 5px 8px 0;
	padding: 0 0 0 0;
	border: 5px solid #FFF2B1;
	float:left;
}

#listTbl_theme02Last {
	width: 250px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #FFF2B1;
	float:left;
}

#listTbl_theme02 tr td,
#listTbl_theme02Last tr td{
	width: 240px;
	margin: 0;
	padding: 3px 0 5px 0;
	color:#FF0000;
	text-align:center;
	vertical-align:middle;
	line-height:220%;
	border: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#listTbl_theme02 tr td img,
#listTbl_theme02Last tr td img{
	padding: 5px 0;
}


#listTbl_theme02 tr th,
#listTbl_theme02Last tr th{
	width: 240px;
	height: 40px;
	margin: 0;
	padding: 4px 0;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	line-height:120%;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #FFBA04;
}



/* -------------------------
  ルビ設定
------------------------- 
ruby {
    display: inline;
    position: relative;
    top: 0;
    bottom: 0;
    padding: 0;
    line-height: 1em;
    }

rp {
    display: none;
    }

rt {
    /*display: inline;
    position: absolute;
    top: -1em;
    left: 0;
    font-size: 65%;
    line-height: 0.5em;
    white-space: nowrap;
    text-indent: 0;
    }*/

a:link rt,
a:visited rt {
    text-decoration: none;
    }
.spanRuby {
    font-size: 65%;
    line-height: 0.5em;
}


/*--------------------------
ソートページ改修版
--------------------------*/
.sortTable { }
	.sortTable td { position:relative; }
	.sortTable .vege_icon { position:absolute; top:136px; left:12px; }


/*--------------------------
レシピ詳細ページ改修版
--------------------------*/

/*--材料--*/
.zairyoBox_detail {
	margin: 0 0 0 0;
}
.zairyoBox_detail div {
	width: 360px;
	float: left;
	margin: 0 16px 0 0;
}
.zairyoBox_detail table {
	width: 360px;
	float: left;
}

.zairyoBox_detail table th {
	width: 275px;
	padding: 2px 1px 2px 5px;
	text-align: left;
	border-bottom:1px dotted #9a7e7e;
	font-weight: normal;
}
.zairyoBox_detail table th a {
	color: #d5271a;
}
.zairyoBox_detail table th a:hover {
	text-decoration: none;
}

.zairyoBox_detail table th.group {
	width: 20px;
	padding: 4px 0 5px 0;
	font-size: 12px;
	text-align: center;
    background-color: #E2F4D2;
    color: #68AF11;
	font-weight: bolder;
	
}
.zairyoBox_detail table th strong {
	font-weight: normal;
	font-size: 14px;
}

.zairyoBox_detail table td {
	width:60px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	border-bottom:1px dotted #9a7e7e;
}

.zairyoBox_detail table td table{
/*	width: 320px;
	margin: 20px 0 20px 20px;
	position: relative;
*/
	background-color:#FFF7F7;
	margin: -3px 0 -3px 0;
}

/*
.zairyoBox_detail table td table th.group {
	width: 20px;
	padding: 4px 0 5px 0;
	font-size: 12px;
	text-align: center;
    background-color: #FDF2E4;
    color: #FF9900;
	font-weight: bolder;
	
}
*/
.zairyoBox_detail table td table th.group02 {
	width: 320px;
	padding: 3px 1px 3px 10px;
	font-size: 12px;
	text-align: left;
    background-color: #FCE8E9;
    color: #F55290;
	font-weight: normal;
	border-bottom: none;
	
}

.zairyoBox_detail table td table td {
	width:60px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	border-bottom:1px dotted #F55290;
}

/*--作り方--*/
.howtoBox_detail {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff;
}
.howtoBox_detail table {
	float: left;
	margin: 0 0 0 0;
}
.howtoBox_detail table th {
	width: 30px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: #999 1px dotted;
	vertical-align: top;
	font-weight: normal;
}
.howtoBox_detail table th strong {
	font-weight: normal;
	font-size: 14px;
}
.howtoBox_detail table td {
	width: 730px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: #999 1px dotted;
}
.howtoBox_detail .item {
	width: 220px;
	float: left;
	color: #330000;
}
.howtoBox_detail .item p {
	text-align: center;
	line-height: 1.4;
}
.howtoBox_detail .item p.picks {
	padding: 2px 0 3px 0;
	font-size: 13px;
	background: #f6e6ad;
	color: #473434;
	font-weight: bold;
}
.howtoBox_detail .item p a {
	color: #d5271a;
}
.howtoBox_detail .item p a:hover {
	text-decoration: none;
}

.howtoBox_detail .item div {
	margin: 8px 0 8px 0;
	text-align: center;
}


/*--材料--*/
.zairyoBox_tsukurioki_detail {
	margin: 0 0 0 0;
}
.zairyoBox_tsukurioki_detail div {
	width: 348px;
	float: left;
	margin: 0 16px 0 0;
}
.zairyoBox_tsukurioki_detail table {
	width: 348px;
}

.zairyoBox_tsukurioki_detail table th {
	width: 185px;
	padding: 2px 1px 2px 5px;
	text-align: left;
	border-bottom:1px dotted #9a7e7e;
	font-weight: normal;
}
.zairyoBox_tsukurioki_detail table th a {
	color: #d5271a;
}
.zairyoBox_tsukurioki_detail table th a:hover {
	text-decoration: none;
}

.zairyoBox_tsukurioki_detail table th.group {
	width: 20px;
	padding: 4px 0 5px 0;
	font-size: 12px;
	text-align: center;
    background-color: #feeed1;
    color: #FF6600;
	font-weight: bolder;
	
}
.zairyoBox_tsukurioki_detail table th strong {
	font-weight: normal;
	font-size: 14px;
}

.zairyoBox_tsukurioki_detail table td {
	width:70px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	border-bottom:1px dotted #9a7e7e;
}

/*--作り方--*/
.howtoBox_tsukurioki_detail {
	width: 354px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff;
}
.howtoBox_tsukurioki_detail table {
	margin: 0 0 0 0;
}
.howtoBox_tsukurioki_detail table th {
	width: 30px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: #999 1px dotted;
	vertical-align: top;
	font-weight: normal;
}
.howtoBox_tsukurioki_detail table th strong {
	font-weight: normal;
	font-size: 14px;
}
.howtoBox_tsukurioki_detail table td {
	width: 318px;
	padding: 4px 0 5px 0;
	text-align: left;
	border-bottom: #999 1px dotted;
}


/*--一口メモ--*/
.memo_detail {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background: #ffffff;
}


/*--レシピ扉ページ--*/

#monthlyArea{
	width: 760px;
	margin-bottom: 20px;
	position: relative;
}


#monthlyInner{
	width: 740px;
	margin: 10px 0 0 0;
	padding: 15px 10px;
	background: #fffbec;
	overflow: hidden;
	position: relative;
}

.monthBlock{
	width: 360px;
	position: relative;
}

#leftClm{
	float: left;
}

#rightClm{
	float: right;
}

.monthTitle{
	width: calc(100% - 23px);
	height: 46px;
}

.monthTit span{
    background: url(../../recipe/img/menu_recipe-3.svg) no-repeat;
	height: 46px;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    color: #666;
	line-height: 42px;
	padding-left:23px;
}

.monthBlock .monthTit{
	margin-bottom: 12px;
	padding: 0 0 0 12px;
	background: url(../img/arrow_recipe.gif) 0px 5px no-repeat;
	border-bottom: 1px dotted #66cc66;
	font-size: 13px;
}

.monthBlock .monthTit a{
	color: #666;
	text-decoration: none;
}

.monthBlock .monthBox{
	width: 360px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.monthBlock .monthBox .monthPic{
	float: left;
}

.monthBlock .monthBox .monthPic .monthcooking {
	padding: 8px 8px 25px 15px;
	background-image: url(../../recipe/month/img/menu.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 215px 177px;
}
.monthBlock .monthBox .monthPic .monthcooking img {
	width: 192px;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
}

.monthBlock .monthBox .monthProduct{
	width: 140px;
	float: right;
}

.monthBlock .monthBox .monthProduct .productTit{
	width: 140px;
	font-size: 11px;
	padding: 2px 0;
	text-align: center;
	background: #fffaba;
}

/*-------------------------------
　通販商品表示（サイズ自動調整）
-------------------------------*/
.monthBlock .monthBox .monthProduct .productLink{
	width: 140px;
	height: 150px;
	padding: 5px 0;
	text-align: center;
	background: #fff;
	display:flex; justify-content:center;
	align-items:center;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}
.monthBlock .monthBox .monthProduct .productLink a { position:absolute; top:0; left:0; width:100%; height:100%; }
.monthBlock .monthBox .monthProduct .productLink:hover img { opacity:0.5!important; }
.monthBlock .monthBox .monthProduct .productLink img { opacity:0; transition:0.1s ease-in-out; }

/*.monthBlock .monthBox .monthProduct .productLink img{
	width: 140px;
	height: auto;
}*/

.monthBlock .monthBox .monthProduct .productLink a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor: pointer;
}

.monthBlock .monthBtn{
	margin: 0 auto;
	text-align: center;
}

.monthBlock .monthBtn a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer;
}

.monthBlock .monthBtnMv{
	margin: 0 auto;
	padding: 6px 0;
	text-align: center;
}

.monthBlock .monthBtnMv a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer;
}

.monthrecipeBtn{
	width: 240px;
	height: 30px;
	border: solid #65cc66 1px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.monthrecipeBtn a{
	font-size: 13px;
	padding: 2px 0 0 0;
	color: #65cc66;
    text-decoration: none;
    display: block;
}
.monthrecipeBtn img{
	width: 14px;
	height: 5px;
	padding: 0 5px 0 0;
}

/*--200806加筆 / メニュー一覧「糖質量」「食塩相当量」表示--*/
.componentDisplay { position:absolute; bottom:42px; left:12px; }

	.componentDisplay .displayWrap { padding:1px; }
	.componentDisplay .dataSugar { border:#20a533 1px dotted; }
	.componentDisplay .dataSalt { border:#1c3bda 1px dotted; }

	.componentDisplay .displayInner { padding:8px 10px 6px 10px; width:70px; }
		.componentDisplay .dataSugar .displayInner { background:#20a533; }
		.componentDisplay .dataSalt .displayInner { background:#1c3bda; }

		.componentDisplay .displayInner .itemTle { color:#fff; font-size:10px; line-height:1.0em; padding:0 0 0 0; }
		.componentDisplay .displayInner .numericalValue { color:#fff; font-size:10px; line-height:1.0em; padding:4px 0 0 0; }
			.componentDisplay .displayInner .numericalValue span { font-size:125%; font-weight:bold; padding-left:3px; }

	.componentDisplay .recipeTag { padding:5px 10px; width:74px; background:#eb6100; }
		.componentDisplay .recipeTag p { color:#fff; font-size:10px; line-height:1.1em; }

	.componentDisplay .tagSolo { margin-bottom:0; }
	.componentDisplay .tagSet { margin-bottom:5px; }



.cs_recipe #topLinkTbl tr th#ctg01,
.cs_recipe #topLinkTbl tr th#ctg02,
.cs_recipe #topLinkTbl tr th#ctg03 {
	padding: 10px 5px;
}
.cs_recipe #topLinkTbl {
	border-spacing: 0px;
}

.cs_recipe #topLinkTbl03 tr th#ctg04 a {
	height: 40px;
	padding-left: 4px;
	font-size: 14px;
}