@charset "utf-8";



/* @group レシピヘッダ */

#recipeHeader .recipeLogo a {
	width: 255px;
	height: 37px;
	margin: 6px 0 0;
	background: url(../images/rn_head_logo.png) no-repeat;
}

#recipeHeader .btnEn {
	float: right;
	margin: 10px 8px 0 0;
}
#recipeHeader .btnEn a {
	display: block;
	width: 115px;
	height: 33px;
	background-image: url(../images/rn_head_btn_en.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

/* @end */

/* @group Navigation */

#recipeNav {
	background: #fbb766 url(../images/rn_gnavi_bg.png) repeat-x;
}

#recipeNav ul {
	padding-right: 1px;
	background: url(../images/rn_gnavi_bg2.png) repeat-x;
}

#recipeNav li a {
	/*border-left: solid 1px #d7cab1;*/
}

#recipeNav li#rGNav01 a {
	width: 80px;
}

#recipeNav #rGNav03 {
/*	padding-right: 1px;*/
}

#recipeNav #rGNav02 a {
	width: 113px;
	/*border-right: solid 1px #d7cab1;*/
}

#recipeNav #rGNav03 a {
	width: 152px;
	/*border-right: solid 1px #d7cab1;*/
}

#recipeNav li a:hover {
	background-position: 50% -49px;
}

#recipeNav li a.ac {
	background-position: 50% -98px;
}

#rGNav01 a {background-image: url(../images/rn_gnavi01.png);}
#rGNav02 a {background-image: url(../images/rn_gnavi02.png);}
#rGNav03 a {background-image: url(../images/rn_gnavi03.png);}

.act01 #recipeNav li#rGNav01 {background-image: url(../images/rn_gnavi01.png);}
.act02 #recipeNav li#rGNav02 {background-image: url(../images/rn_gnavi02.png);}
.act03 #recipeNav li#rGNav03 {background-image: url(../images/rn_gnavi03.png);}

.searchArea {
	background-image: url(../images/rn_nav_search_bg.png);
}

#recipeNav .searchArea .searchBtn input {
	background-image: url(../images/rn_btn_search01.png);
}

#recipeNav .searchArea .btnMore a {
	background-image: url(../images/rn_search_condition.png);
}



/* @end */

/* @group 検索条件 */

/*#searchCondTable {
	display: block;
}*/

#searchCond01 dt {background-image: url(../images/search_condition01.png);top: 11px;}
#searchCond02 dt {background-image: url(../images/search_condition02.png);top: 40px;}
#searchCond03 dt {background-image: url(../images/search_condition03.png);top: 11px;}
#searchCond04 dt {background-image: url(../images/search_condition04.png);top: 27px;}
#searchCond05 dt {background-image: url(../images/search_condition05.png);top: 27px;}



#searchCond02 li,
#searchCond03 li,
#searchCond05 li {
	width: 25%;
}

#searchCond01 li {
	margin-right: 32px;
}

#searchCond04 li {
	margin-right: 24px;
}

#searchCond01 li,
#searchCond02 li {
	position: relative;
	padding-left: 28px;
	
}

#searchCond01 li span,
#searchCond02 li span {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url(../images/rn_search_icon.png);
	background-size: 96px 120px;
}

#dr01 span {background-position: 0px 0px;}
#dr02 span {background-position: -48px 0px;}
#dr03 span {background-position: -72px 0px;}
#dr04 span {background-position: -24px -24px;}
#dr05 span {background-position: 0px -24px;}
#dr06 span {background-position: 0px -48px;}
#dr07 span {background-position: -48px -24px;}
#dr08 span {background-position: -24px -48px;}
#dr09 span {background-position: 0px -96px;}
#dr10 span {background-position: -24px -96px;}

#genre01 span {background-position: -72px -48px;}
#genre02 span {background-position: 0px -72px;}
#genre03 span {background-position: -24px -72px;}
#genre04 span {background-position: -48px -72px;}
#genre05 span {background-position: -72px -72px;}
#genre06 span {background-position: -48px -96px;}

#searchCondTable .searchBtm .btnSearchBtm input {
	background-image: url(../images/rn_btn_search02.png);
}

/* @end */


#detailHeader {
	background: url(../images/rn_detail_recipe_bar.png) 50% -1px no-repeat;
	border-radius: 2px;
}

#detailPanel .description,
#recipeSummary {
	border-color: #fddbb2;
}

#recipeHowto .material h3 {
	background: #f98700;
	text-shadow: 0 1px 0 #a17900;
}

#recipeSummary .sum1 th {background-image: url(../images/rn_info_icon01.png);}
#recipeSummary .sum2 th {background-image: url(../images/rn_info_icon02.png);}
#recipeSummary .sum3 th {background-image: url(../images/rn_info_icon03.png);}
#recipeSummary .sum4 th {background-image: url(../images/rn_info_icon04.png);}

/*#recipeHowto .howto li.num1 .num span {background-image: url(../images/rn_howto_num01.png);}
#recipeHowto .howto li.num2 .num span {background-image: url(../images/rn_howto_num02.png);}
#recipeHowto .howto li.num3 .num span {background-image: url(../images/rn_howto_num03.png);}
#recipeHowto .howto li.num4 .num span {background-image: url(../images/rn_howto_num04.png);}
#recipeHowto .howto li.num5 .num span {background-image: url(../images/rn_howto_num05.png);}
#recipeHowto .howto li.num6 .num span {background-image: url(../images/rn_howto_num06.png);}
#recipeHowto .howto li.num7 .num span {background-image: url(../images/rn_howto_num07.png);}
#recipeHowto .howto li.num8 .num span {background-image: url(../images/rn_howto_num08.png);}
#recipeHowto .howto li.num9 .num span {background-image: url(../images/rn_howto_num09.png);}
#recipeHowto .howto li.num10 .num span {background-image: url(../images/rn_howto_num10.png);}*/

#recipeHowto .adviceArea .photoArea {
	background: url(../images/rn_advice_photobg.png) no-repeat;
}

#btmNavigation01 li a span {
	background-position: 50% 50%;
}

#btmLink01 span {background-image: url(../images/btmlink01.png);}
#btmLink02 span {background-image: url(../images/rn_btmlink02.png);}
#btmLink03 span {background-image: url(../images/rn_btmlink03.png);}


/* @group 一覧ページ用 */

.recipeListArea .listRecipeBlock .genre span {
	background-image: url(../images/rn_recipelist_genre_icon.png);
}

.genreJa {background-position: 0 0;}
.genreEu {background-position: -30px 0;}
.genreCh {background-position: -60px 0;}
.genreAs {background-position: -90px 0;}
.genreSw {background-position: -120px 0;}
.genreDr {background-position: -150px 0;}

/*.rbHarapeko .genreJa {background-position: 0 -30px;}
.rbHarapeko .genreEu {background-position: -30px -30px;}
.rbHarapeko .genreCh {background-position: -60px -30px;}
.rbHarapeko .genreAs {background-position: -90px -30px;}
.rbHarapeko .genreSw {background-position: -120px -30px;}

.rbWeekly .genreJa {background-position: 0 -60px;}
.rbWeekly .genreEu {background-position: -30px -60px;}
.rbWeekly .genreCh {background-position: -60px -60px;}
.rbWeekly .genreAs {background-position: -90px -60px;}
.rbWeekly .genreSw {background-position: -120px -60px;}*/

.recipeListArea .listRecipeBlock .recipeName {
/*	padding-top: 40px;*/
	background-position: 12px 18px;
	background-repeat: no-repeat;
}

/*.recipeListArea .rbOtsumami .recipeName {background-image: url(../images/catname_otsumami.png);}
.recipeListArea .rbHarapeko .recipeName {background-image: url(../images/catname_harapeko.png);}
.recipeListArea .rbWeekly .recipeName {background-image: url(../images/catname_weekly.png);}*/


/*.recipeListArea .listRecipeBlock .genre .genreJa {background-image: url(../images/recipelist_icon_ja.png);}
.recipeListArea .listRecipeBlock .genre .genreEu {background-image: url(../images/recipelist_icon_eu.png);}
.recipeListArea .listRecipeBlock .genre .genreCh {background-image: url(../images/recipelist_icon_ch.png);}
.recipeListArea .listRecipeBlock .genre .genreAs {background-image: url(../images/recipelist_icon_as.png);}
.recipeListArea .listRecipeBlock .genre .genreSw {background-image: url(../images/recipelist_icon_sw.png);}*/

/* @end */


@media screen and (max-width: 960px){

	
	#recipeNav #rGNav04 a {
		width: 128px;
	}
	

	/* @group 検索条件 */
	
	
	#searchCond01 li,
	#searchCond02 li {
		width: 33%;
		margin-right: 0;
	}
	
	#searchCond01 dt {top: 27px;}
	#searchCond02 dt {top: 55px;}
	#searchCond03 dt {top: 11px;}
	#searchCond04 dt {top: 40px;}
	#searchCond05 dt {top: 27px;}
	
	/* @end */
	
	#btmNavigation01 li,
	#btmNavigation01 li a span,
	#btmNavigation01 li:nth-child(2n),
	#btmNavigation01 li:nth-child(2n) a span {
		width: 230px;
	}
	
}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 640px){

	
	#recipeHeader .recipeLogo a {
		width: 127px;
		height: 19px;
		margin: 14px 0 0;
		background: url(../images/rn_head_logo_sp.png);
		background-size: 127px 19px;
	}
	
	
	#recipeHeader .btnEn {
		margin: 14px -5px 0 0;
	}
	#recipeHeader .btnEn a {
		width: 70px;
		height: 20px;
		background-image: url(../images/rn_head_btn_en_sp.png);
		background-size: 70px 20px;
	}
	
	
	
	
	
	
	
	#recipeNav {
		background: url(../images/rn_gnavi_bg_sp.png) repeat-x;
		background-size: 30px 30px;
	}
	
	#recipeNav ul {
		padding-right: 0;
	}
	
	#recipeNav #rGNav01 {
		background: none !important;
	}
	
	#recipeNav #rGNav01 a {
		background: url(../images/rn_gnavi01_sp.png) no-repeat;
/*		background-size: 65px 30px;*/
	}

	
	
	
	
	
	
	
	#searchCond01 dt strong {background-image: url(../images/search_condition01_sp.png);}
	#searchCond02 dt strong {background-image: url(../images/search_condition02_sp.png);}
	#searchCond03 dt strong {background-image: url(../images/search_condition03_sp.png);}
	#searchCond04 dt strong {background-image: url(../images/search_condition04_sp.png);}
	#searchCond05 dt strong {background-image: url(../images/search_condition05_sp.png);}
	
	#searchCondTable .searchCond li {
		float: left;
		width: 33%;
		height: 25px;
		padding-top: 7px;
		padding-bottom: 7px;
		font-size: 10px;
		line-height: 11px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#searchCondTable .searchCond li.col1_5 {
		width: 50%;
	}
	
	/*#searchCondTable .searchCond li.col2 {
		width: 66%;
	}*/
	
	#searchCondTable .searchCond li#genre04,
	#searchCondTable .searchCond li#genre05,
	#searchCondTable .searchCond li#genre06 {
		width: auto;
	}
	
	#searchCondTable .searchCond li#genre04,
	#searchCondTable .searchCond li#genre05 {
		margin-right: 12px;
	}
	
	
	#searchCond01 li,
	#searchCond02 li {
		position: relative;
		padding-left: 22px;
		
	}
	
	
	#searchCond01 li span,
	#searchCond02 li span {
		display: block;
		position: absolute;
		left: 0;
		top: 3px;
		width: 18px;
		height: 18px;
		background-image: url(../images/rn_search_icon.png);
		background-size: 72px 90px;
	}
	
	#dr01 span {background-position: 0px 0px;}
	#dr02 span {background-position: -36px 0px;}
	#dr03 span {background-position: -54px 0px;}
	#dr04 span {background-position: -18px -18px;}
	#dr05 span {background-position: 0px -18px;}
	#dr06 span {background-position: 0px -36px;}
	#dr07 span {background-position: -36px -18px;}
	#dr08 span {background-position: -18px -36px;}
	#dr09 span {background-position: 0px -72px;}
	#dr10 span {background-position: -18px -72px;}
	
	#genre01 span {background-position: -54px -36px;}
	#genre02 span {background-position: 0px -54px;}
	#genre03 span {background-position: -18px -54px;}
	#genre04 span {background-position: -36px -54px;}
	#genre05 span {background-position: -54px -54px;}
	#genre06 span {background-position: -36px -72px;}
	
	#searchCondTable #searchCond03 li {
		width: 25%;
	}
	
	#searchCondTable #searchCond04 li {
		width: 33%;
		margin-right: 0;
		padding-right: 0;
	}
	
	/*#searchCondTable #searchCond04 li#mat01,
	#searchCondTable #searchCond04 li#mat03 {
		width: 33%;
	}*/
	
	#searchCondTable #searchCond02 li#dr01,
	#searchCondTable #searchCond02 li#dr02,
	#searchCondTable #searchCond02 li#dr03,
	#searchCondTable #searchCond02 li#dr04,
	#searchCondTable #searchCond02 li#dr05,
	#searchCondTable #searchCond02 li#dr06,
	#searchCondTable #searchCond02 li#dr07 {
		width: 50%;
	}
	
	#searchCondTable #searchCond04 li#mat02,
	#searchCondTable #searchCond04 li#mat04 {
		width: 66%;
	}
	
	#searchCondTable #searchCond04 li#mat05,
	#searchCondTable #searchCond04 li#mat06,
	#searchCondTable #searchCond04 li#mat07,
	#searchCondTable #searchCond04 li#mat08,
	#searchCondTable #searchCond04 li#mat09,
	#searchCondTable #searchCond04 li#mat10 {
		width: 50%;
	}
	
	#searchCond05 li {
		margin-right: 0;
	}
	
	#btmLink01 span {background-image: url(../images/rn_btmlink01_sp.png);}
	#btmLink02 span {background-image: url(../images/rn_btmlink02_sp.png);}
	#btmLink03 span {background-image: url(../images/rn_btmlink03_sp.png);}
	
	
	#detailHeader {
		background-size: 472px 14px;
		background-repeat: repeat-x;
	}
	
	#recipeHowto .adviceArea .photoArea {
		background-image: url(../images/rn_advice_photobg_sp.png);
		background-size: 136px 118px;
	}
	
	
	/* @group 一覧ページ用 */
	
	.recipeListArea .listRecipeBlock .recipeName {
		/*padding-top: 27px;*/
		background-position: 5px 10px;
		background-size: 70px 11px;
	}
	
/*	.recipeListArea .rbOtsumami .recipeName {background-image: url(../images/catname_otsumami_sp.png);}
	.recipeListArea .rbHarapeko .recipeName {background-image: url(../images/catname_harapeko_sp.png);}
	.recipeListArea .rbWeekly .recipeName {background-image: url(../images/catname_weekly_sp.png);}*/
	
	.recipeListArea .listRecipeBlock .genre span {
		background-size: 150px 40px !important;
	}
	
	.genreJa {background-position: 0 -15px;}
	.genreEu {background-position: -25px -15px;}
	.genreCh {background-position: -50px -15px;}
	.genreAs {background-position: -75px -15px;}
	.genreSw {background-position: -100px -15px;}
	.genreDr {background-position: -125px -15px;}
	
	/*.rbHarapeko .genreJa {background-position: 0 -70px;}
	.rbHarapeko .genreEu {background-position: -25px -70px;}
	.rbHarapeko .genreCh {background-position: -50px -70px;}
	.rbHarapeko .genreAs {background-position: -75px -70px;}
	.rbHarapeko .genreSw {background-position: -100px -70px;}
	
	.rbWeekly .genreJa {background-position: 0 -95px;}
	.rbWeekly .genreEu {background-position: -25px -95px;}
	.rbWeekly .genreCh {background-position: -50px -95px;}
	.rbWeekly .genreAs {background-position: -75px -95px;}
	.rbWeekly .genreSw {background-position: -100px -95px;}*/
	
	/*.recipeListArea .listRecipeBlock .genre .genreJa {background-image: url(../images/recipelist_icon_ja_sp.png);}
	.recipeListArea .listRecipeBlock .genre .genreEu {background-image: url(../images/recipelist_icon_eu_sp.png);}
	.recipeListArea .listRecipeBlock .genre .genreCh {background-image: url(../images/recipelist_icon_ch_sp.png);}
	.recipeListArea .listRecipeBlock .genre .genreAs {background-image: url(../images/recipelist_icon_as_sp.png);}
	.recipeListArea .listRecipeBlock .genre .genreSw {background-image: url(../images/recipelist_icon_sw_sp.png);}*/
	
	/* @end */
	

}


@media screen and (max-width: 768px) {
	body {
		padding-top: 0;
	}
}