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


/*
#selector {
	background: url("") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

/*
#selector {
	min-height: 300px;
	height: auto!important;
	height: 300px;
}
*/

/* __ ie6用 __ */
* html #selector {
	property:value;
}

/* __ ie7用 __ */
*+html #selector {
	property:value;
}

/* __ ie6_7用 __ */
#selector {
	/property:value;
}

/* __ ie8用 __ */
#selector {
	property:value\9;
}




/*____________________ r_navi ____________________*/
#SEARCH_DET {
	border: 1px solid #ff9d28;
	padding: 15px 14px;
}

#SEARCH_DET input[type="text"] {
	height: 10px;
	padding: 3px;
	width: 160px;
	color: #8C8C8C;
}

h3#LIST_TIT_RECIPE01 a {
	background: url("../images/common/r_navi_m_tit_recipe01.gif") no-repeat 0 0 ;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 218px;
	height: 24px;
	display: block;
	border-bottom: 1px solid #835c4e;
}

h3#LIST_TIT_RECIPE01 a:hover {
	background: url("../images/common/r_navi_m_tit_recipe01.gif") no-repeat 0 -24px;
}

h3#LIST_TIT_RECIPE02 {
	background: url("../images/common/r_navi_m_tit_recipe02.gif") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 218px;
	height: 24px;
	border-bottom: 1px solid #835c4e;
}

h3#LIST_TIT_RECIPE02 a:hover {
	background: url("../images/common/r_navi_m_tit_product01.gif") no-repeat 0 -24px;
}

/**
 * recipe right navi
 */
.r_navi_list4 > ul > li > ul > li > p {
	margin-top: 8px;
	padding: 2px 10px 2px 20px;
	background: url(../images/common/r_navi_list3.gif) no-repeat 10px 10px;
	display: block;
}

ul.list_recipe li a:hover {
	background: url(../images/common/r_navi_list3.gif) no-repeat 10px 10px #f1e7e7!important;
}


ul.list_recipe li.recipe_list ul li a {
	margin-top: 5px!important;
	padding:0 10px 0 30px!important;
	display: block;
}

ul.list_recipe li ul li a:hover {
	background: #f1e7e7!important;
}

/*
 * current
 */
ul.list_recipe li.current a{
	background: #f1e7e7!important;
}
ul.list_recipe li.recipe_list ul li.current a{
	background: #f1e7e7!important;
}

#RECIPE_SEARCH_BANNER {
	margin-top: 15px;
	border: 1px solid #cbcbcb;
	border-bottom: none;
}

#RECIPE_SEARCH_BANNER li {
	border-bottom: 1px solid #cbcbcb;
}

#RECIPE_SEARCH_BANNER a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.recipe_banner_area {
	margin-top: 15px;
}

.recipe_banner_area a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*____________________ contents ____________________*/
#recipe_contents {
	width: 938px;
	margin: 0 auto;
}
#recipe_contents:before, #recipe_contents:after {
	content: "";
	display: table;
}
#recipe_contents:after {
	clear: both;
}
#recipe_contents {
	zoom: 1;
}

ul.search_recipe_list {
	/*margin-bottom: 20px;*/
	margin-top: 20px;
}

.bkn_t {
	color: #FF9900;
	font-size: 15px;
	font-weight: bold;
}

.bkn {
	margin-left: 11px;
	margin-bottom: 5px;
	font-size: 13px;
}

.asa {
	font-size: 15px;
	color: #EB3672;
	font-weight: bold;
}

.txt_salad a:hover {
	color: #F04A20;
	text-decoration: underline;
}

.txt_salad a {
	color: #F6AA00;
	text-decoration: none;
}

a.salad {
	font-size: 15px;
	color: #F29A09;
	font-weight: bold;
}

a.salad:hover {
	color: #F04A20;
}

a.grape {
	font-size:15px;
	color:#77BF85;
	font-weight:bold;
}

a.grape:hover {
	color:red;
	text-decoration:underline;
}

.txt_grape {
	color:#77BF85;
	font-weight:bold;
}

.txt_grape a {
	color:#7ABE86;
	text-decoration:none;
}

.txt_grape a:hover {
	color:#2E9D2E;
	text-decoration:underline;
}

a.olive {
	font-size: 15px;
	color: #7CB91A;
	font-weight: bold;
}

a.olive:hover {
	color: red;
	text-decoration: underline;
}


.recipe_inner a:hover img {
	filter: Alpha("opacity=80");
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background: #fff;
}

/*____________________ characterページ ____________________*/

#CHARACTER_CONTENTS {
	width: 938px;
	margin: 0 auto;
	padding: 20px 0 35px;
}

#MAIN_TIT_CHARACTER {
	position: relative;
}

.fig {
	position: absolute;
	top: -60px;
	right: 50px;
}


/*____________________ 検索 ____________________*/
.recipe_det {
	width: 180px;
	margin: 0 auto;
}

.recipe_inner {
	padding: 20px 9px 10px;
	border: 1px solid #bdd84a;
}

ul.icon_link_recipe li {
	margin-top: 10px;
}
ul.icon_link_recipe li {
	background: url("../images/common/icon_list_product2.png") no-repeat 0 5px;
	padding-left: 10px;
}

ul.icon_link_recipe li a {
	color: #157442;
}

.search_recipe_det {
	margin-top: 25px;
}

.search_recipe_det h4 {
	font-size: 25px;
	color: #b61f1b;
}

ul.search_recipe_list li {
	float: left;
	width: 216px;
	margin-right: 9px;
	margin-bottom: 10px;
}

.search_recipe_name {
	font-size: 13px;
	margin-top: 10px;
}

.search_check_area {
	background: url("../images/recipe/search/search_check_area_top.png") no-repeat top left;
	padding-top: 5px;
}

.search_check_bottom {
	background: url("../images/recipe/search/search_check_area_bottom.png") no-repeat bottom left;
	padding-bottom: 15px;
}

.search_check_inner {
	border-left: 3px solid #ffddb4;
	border-right: 3px solid #ffddb4;
	padding: 0 12px;
}

ul.check_search_recipe {
	margin-top: 10px;
}

ul.check_search_recipe li.check_box {
	background: url("../images/recipe/search/bg_check_box_top.png") no-repeat top left;
	padding-top: 5px;
	float: left;
	width: 206px;
	margin-right: 9px;
	margin-top: 10px;
}

.check_box_bottom {
	background: url("../images/recipe/search/bg_check_box_bottom.png") no-repeat bottom left;
	padding:0 5px 5px;
}

.check_box_det {
	float: right;
	width: 130px;
	padding-top: 5px;
}

.search_check_product {
	margin-top: 15px;
}

ul.check_search_recipe li.check_box_product {
	background: url("../images/recipe/search/bg_check_product_top.png") no-repeat top left;
	padding-top: 10px;
	float: left;
	width: 216px;
	margin-right: 9px;
	margin-top: 10px;
}

.check_box_product_bottom {
	background: url("../images/recipe/search/bg_check_product_bottom.png") no-repeat bottom left;
	padding:0 10px 10px;
	overflow: hidden;
}

.check_box_product_det {
	float: right;
	width: 106px;
	padding-top: 5px;
}

.check {
	float: left;
	width: 16px;
	padding-top: 4px;
}

.det_txt {
	float: right;
	width: 114px;
}


.search_genre {
	font-size: 16px;
	font-weight: bold;
}

.check_box_input {
	float: left;
	width: 18px;
	padding-top: 4px;
}

.check_box_txt {
	float: right;
	width: 112px;
}
.search_recipe_detail_area {
	margin-bottom: 20px;
}
.search_recipe_detail_area h3:not([class]) {
	font-size: 20px;
	font-weight: bold;
	color: #B61F1B;
}

.search_recipe_detail_left {
	float: left;
	width: 320px;
}

.search_recipe_detail_right {
	float: right;
	width: 315px;
}

.recipe_detail_table {
	margin-top: 20px;
	font-size: 13px;
}

.recipe_detail_table th {
	padding: 5px 10px;
	background: #F3EDDA;
	border-bottom: 1px dotted #C1ADA6;
	text-align: left;
	vertical-align: top;
}

.recipe_detail_table td {
	padding: 5px 10px;
	background: #F9F6EC;
	border-bottom: 1px dotted #C1ADA6;
	vertical-align: top;
}

tr.end_tr th, 
tr.end_tr td {
	border-bottom: none;
}

.detail_chara {
	background: url("../images/recipe/search/recipe_det_chara02.gif") no-repeat bottom right;
	padding-bottom:10px;
}

.detail_chara_balloon {
	background: url("../images/recipe/search/recipe_det_chara01.gif") no-repeat top left;
	padding:10px 0 0 100px;
	margin-top: 25px;
	font-wegiht: bold;
	min-height: 55px;
	height: auto!important;
	height: 55px;

}

.detail_chara_balloon p {
	padding:0 10px;

}

.detail_chara_fukidashi {
	background: url("../images/recipe/search/recipe_det_fukidashi.gif") no-repeat top left;
	margin-top: 25px;
	font-wegiht: bold;
	min-height: 55px;
	height: auto!important;
	height: 55px;

}

.detail_chara_fukidashi .chara_le {
	float:left;

}

.detail_chara_fukidashi .chara_rg {
	float:left;
	width:220px;
	padding:10px 0 0 26px;
}


.detail_chara_fukidashi .chara_rg p {
	padding:0 9px;

}

.material h4, 
.make h4 {
	font-size: 16px;
	font-weight: bold;
}

.material h5, 
.make dl dt {
	font-size: 14px;
	font-weight: bold;
}

.material_table {
	font-size: 13px;
}

.material_table th {
	padding: 5px 0;
	text-align: left;
	vertical-align: top;
}

.material_table td {
	padding: 5px 0;
	text-align: right;
	vertical-align: top;
}

.make {
	margin-top: 60px;
}

.make dl dt {
	margin-top: 30px;
}

.make dl dd {
	margin-top: 10px;
}


/*____________________ top ____________________*/
#recipe_contents_index {
	width: 980px;
	margin: 0 auto;
}

#contents_area{
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 35px;
}

.recipe_detail_left{
	float: left;
	width: 475px;
}

.recipe_detail_right{
	float: right;
	width: 475px;
}

.osusume_tit{
	padding-bottom: 10px;
	font-size: 15px;
	color: #b61f1b;
	font-weight: bold;
}

.osusume_detail{
	font-size: 13px;
	min-height: 60px;
	height:60px;
}

.osusume_icon_link{
	background: url("../images/common/icon_list_sp_qa.png") no-repeat 0 5px;
	padding-left: 10px;
	font-size: 12px;
}

.osusume_icon_link a{
	color: #b61f1b;
}

.recipe_detail_txt{
	float: right;
	width: 325px;
}

.RECIPE_WORD_SEARCH2{
	width: 220px;
	float: left;
}

#RECIPE_MENU_SEARCH_LEFT{
	width: 720px;
	float: left;
}

#RECIPE_MENU_SEARCH_RIGHT{
	width: 220px;
	float: right;
}

#RECIPE_MENU_SEARCH_MAP {
	position: relative;
	width: 720px;
	height: 582px;
	background: url("../images/recipe/top/menu_search_img.png") no-repeat bottom left;
}

img#MAP_ALL {
	position: relative;
	z-index: 99;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA01 a {
	background: url("../images/recipe/top/chara01.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 95px;
	height: 79px;
	display: block;
	position: absolute;
	bottom: 189px;
	left: 325px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA01 a:hover {
	background: url("../images/recipe/top/chara01.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA02 a {
	background: url("../images/recipe/top/chara02.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 83px;
	height: 71px;
	display: block;
	position: absolute;
	bottom: 84px;
	left: 44px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA02 a:hover {
	background: url("../images/recipe/top/chara02.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA03 a {
	background: url("../images/recipe/top/chara03.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 82px;
	height: 82px;
	display: block;
	position: absolute;
	bottom: 280px;
	left: 184px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA03 a:hover {
	background: url("../images/recipe/top/chara03.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA04 a {
	background: url("../images/recipe/top/chara04.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 79px;
	height: 83px;
	display: block;
	position: absolute;
	bottom: 324px;
	left: 285px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA04 a:hover {
	background: url("../images/recipe/top/chara04.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA05 a {
	background: url("../images/recipe/top/chara05.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 78px;
	height: 83px;
	display: block;
	position: absolute;
	bottom: 326px;
	left: 390px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA05 a:hover {
	background: url("../images/recipe/top/chara05.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA06 a {
	background: url("../images/recipe/top/chara06.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 78px;
	height: 77px;
	display: block;
	position: absolute;
	bottom: 284px;
	left: 475px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA06 a:hover {
	background: url("../images/recipe/top/chara06.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA07 a {
	background: url("../images/recipe/top/chara07.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 76px;
	height: 86px;
	display: block;
	position: absolute;
	bottom: 167px;
	left: 460px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA07 a:hover {
	background: url("../images/recipe/top/chara07.png") no-repeat top left;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA08 a {
	background: url("../images/recipe/top/chara08.png") no-repeat bottom left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 77px;
	height: 85px;
	display: block;
	position: absolute;
	bottom: 433px;
	left: 271px;
	cursor: pointer;
}

ul#RECIPE_MENU_SEARCH_CHARA li#CHARA08 a:hover {
	background: url("../images/recipe/top/chara08.png") no-repeat top left;
}


ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON01 {
	display: none;
	position: absolute;
	bottom: 278px;
	left: 203px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON02 {
	display: none;
	position: absolute;
	bottom: 197px;
	left: 55px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON03 {
	display: none;
	position: absolute;
	bottom: 391px;
	left: 140px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON04 {
	display: none;
	position: absolute;
	bottom: 440px;
	left: 252px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON05 {
	display: none;
	position: absolute;
	bottom: 460px;
	left: 333px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON06 {
	display: none;
	position: absolute;
	bottom: 412px;
	left: 417px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON07 {
	display: none;
	position: absolute;
	bottom: 316px;
	left: 343px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON08 {
	display: none;
	position: absolute;
	bottom: 464px;
	left: 313px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON09 {
	display: none;
	position: absolute;
	bottom: 448px;
	left: 292px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON10 {
	display: none;
	position: absolute;
	bottom: 169px;
	left: 122px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON11 {
	display: none;
	position: absolute;
	bottom: 306px;
	left: 11px;
}

ul#RECIPE_MENU_SEARCH_BALLOON li#BALLOON12 {
	display: none;
	position: absolute;
	bottom: 161px;
	left: 225px;
}


/*____________________ 140811_recipe_search ____________________*/
.search_recipe_detail_area ul:not([class]) li {
	list-style-type: disc;
	margin: 0 0 5px 25px;
}

.search_recipe_detail_area ol:not([class]) li {
	list-style-type: decimal;
	margin: 0 0 5px 25px;
}
.search_recipe_detail_area h4 {
	font-size: 15px;
	margin-bottom: 5px;
}
.search_recipe_detail_area ul + h4,
.search_recipe_detail_area ol + h4 {
	margin-top: 20px;
}
.search_recipe_detail_area ul + p,
.search_recipe_detail_area ol + p {
	margin-top: 10px;
}


/*____________________ 150303_レシピ一覧 ____________________*/
#PAGE_NAVI{
	margin: 40px 0 20px 0;
	text-align: center;
}
#PAGE_NAVI li{
	display: inline;
}


#PAGE_NAVI li a{
	text-decoration: none;
	border: 1px solid #FFD39E;
	background:#ffffff;
	padding: 3px 5px 0px 4px;
	font-weight: bold;
}

#PAGE_NAVI li.active a{
	text-decoration: none;
	background:#FFD39E;
	padding: 3px 5px 0px 4px;
	font-weight: bold;
}



#PAGE_NAVI li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #ff9f04;
}


/*

#PAGE_NAVI li.pagesend_prev{
	margin-right: 5px;
	border: solid 1px #FFD39E;
	background: #FFEBD4;
	padding: 3px 5px 0px 4px;
	font-weight: bold;
}

#PAGE_NAVI li.pagesend_num{
	padding: 3px 6px 0px 6px;
	border: 1px solid #FFD39E;
	font-weight: bold;
	background: #FFEBD4;
}

#PAGE_NAVI li.pagesend_next{
	margin-left: 5px;
	border: solid 1px #FFD39E;
	background: #FFEBD4;
	padding: 3px 5px 0px 4px;
	font-weight: bold;
}
#PAGE_NAVI li a:hover {
}

*/

/* RENEWAL -----------------------------------------------------------------------*/
#recipeL.article {
	/*width: 720px;*/
}
/* side---------------------------*/
.sideBn {
	margin-top: 20px;
	text-align: center;
}
.sideBn + * {
	margin-top: 30px;
}
.sideBn a:hover img {
	filter: Alpha("opacity=80");
	opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.sideBns {
	margin-top: 30px;
}
.sideBns li {
	text-align: center;
	margin-bottom: 10px;
}
.sideBns a:hover img {
	filter: Alpha("opacity=80");
	opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.recipeSearch {
}
.recipeSearch .ttl {
	background-color: #ff9d28;
	position: relative;
	padding: 2px 2px 2px 12px;
	color: #fff;
	border: 5px solid #ff9d28;
	font-weight: bold;
	border-radius: 3px 3px 0 0;
}
.recipeSearch .ttl:before {
    content: '';
    background-color: #fff;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.recipeSearch .body {
	padding: 15px;
	border: 1px solid #ff9d28;
	overflow: hidden;
}
.recipeSearch #search {
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	box-sizing: border-box;
	width: 90%;
	height: 20px;
	-webkit-appearance: none;
	border-radius: none;
	background-color: #fff;
}
.recipeSearch #search:focus {
	outline: none;
	background-color: #eee;
}
.recipeSearch .sbtn {
	background: url(../images/recipe/btn_recipe_search.gif) no-repeat center center #ffb248;
	width: 10%;
	height: 20px;
	display: block;
	float: right;
	text-indent: -9999em;
}
.recipeSideTtl {
	text-align: center;
	color: #fff;
	background-color: #B61F1B;
	padding: 7px;
	border-radius: 3px 3px 0 0;
}
.recipeSideNav {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.recipeSideNav li {
	border-bottom: 1px solid #ccc;
}
.recipeSideNav li ul {
	padding-left: 24px;
}
.recipeSideNav li li {
	border-bottom: none;
}
.recipeSideNav a {
	display: block;
	text-decoration: none;
	padding: 7px 10px 7px 25px;
	position: relative;
}
.recipeSideNav .title {
	padding: 7px 10px 7px 25px;
	position: relative;
}
.recipeSideNav .title:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 10px;
	width: 7px;
	height: 7px;
	background-color: #ccc;
}
.recipeSideNav a:before {
	content: '';
    position: absolute;
    top: 12px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #ccc;
}
.recipeSideNav a:hover {
	background-color: #f1e7e7;
}
.recipeSideNav a.current {
	color: #B61F1B;
	font-weight: bold;
	background-color: #f1e7e7;
}
.recipeSideNav a:hover:before,
.recipeSideNav a.current:before {
	border-color: transparent transparent transparent #B61F1B;
}

/* ttl---------------------------*/
.ttlLevel2 {
	color: #fff;
    background-color: #B7201C;
    border-radius: 3px;
    font-weight: bold;
    font-size: 20px;
    border: 5px solid #B7201C;
    position: relative;
    padding: 3px 3px 3px 12px;
    margin-bottom: 20px;
}
.ttlLevel2 a.btnAll {
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 14px;
}
.ttlLevel2:before {
    content: '';
    background-color: #fff;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.ttlLevel3 {
	background: url(../images/common/m_tit_icon.png) no-repeat 0 0;
	padding: 0 0 2px 10px;
	border-bottom: 1px solid #b61f1b;
	font-size: 15px;
	margin: 30px 0 10px;
}
.ttlRecipeName {
	font-size: 20px;
	font-weight: bold;
	color: #B61F1B;
	line-height: 1.3;
	margin-bottom: 10px;
}
.ttlRecipeName a {
	 color: #B61F1B;
	 text-decoration: none;
}
.ttlRecipeCat {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

/* section---------------------------*/
.recipeSection {
	margin-bottom: 50px;
}
.recipeSection:last-child {
	margin-bottom: 0;
}
.recipeSection p {
	margin-bottom: 10px;
}
.recipeSection p:last-child {
	margin-bottom: 0;
}

/* box---------------------------*/
.recipeBox {
	overflow: hidden;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
.recipeThumb {
	float: left;
	box-sizing: border-box;
	width: 50%;
	position: relative;
}
.recipeThumb a:hover {
	opacity: .7;
}
.recipeThumb:after {
	background: url(../images/common/logo_header.png) no-repeat center center #fff;
	background-size: 95% auto;
	content: '';
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 100px;
	height: 30px;
	padding: 5px;
}
.recipeThumb img {
	width: 100%;
	height: auto;
}
.recipeDetailTxt {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding: 20px;
}
.useItem {
	font-weight: bold;
	color: #B61F1B;
}
.recipeVisual {
	text-align: center;
	background-color: #eee;
	height: 200px;
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.recipeVisual.planAll {
	background: url(../images/recipe/bg_visual_planall.jpg) no-repeat center top / cover;
}
.recipeVisual.yaku {
	background: url(../images/recipe/bg_visual_yaku.jpg) no-repeat center top / cover;
}
.recipeVisual.itame {
	background: url(../images/recipe/bg_visual_itame.jpg) no-repeat center top / cover;
}
.recipeVisual.age {
	background: url(../images/recipe/bg_visual_age.jpg) no-repeat center top / cover;
}
.recipeVisual.kakeru {
	background: url(../images/recipe/bg_visual_kakeru.jpg) no-repeat center top / cover;
}
.recipeVisual.aeru {
	background: url(../images/recipe/bg_visual_aeru.jpg) no-repeat center top / cover;
}
.recipeVisual.other {
	background: url(../images/recipe/bg_visual_other.jpg) no-repeat center top / cover;
}
.recipeVisual > * {
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
}
.recipeVisual a {
	text-decoration: none;
}
.recipeVisual a:hover {
	opacity: .7;
}
.recipeVisual .ttl {
	font-size: 22px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 0 7px rgba(0,0,0,0.2), 0 0 8px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);
}
.recipeVisual .lead {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 0 7px rgba(0,0,0,0.2), 0 0 8px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);
}
.recipeCommentBox {
	margin: 20px 0 0 80px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: relative;
}
.recipeCommentBox img.recipeCommentCharacter {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 60px;
	left: -80px;
	margin: auto 0;
	content: '';
}
.recipeCommentBox:after {
	content: '';
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: -9px;
	margin: auto;
	transform: rotate(-135deg);
}

/* list---------------------------*/
.listRecipe {
	margin: 0 0 0 -9px;
}
.listRecipe li {
	float: left;
	width: 216px;
	margin: 0 0 20px 9px;
	position: relative;
}
.listRecipe.rank li:nth-child(1):before,
.listRecipe.rank li:nth-child(2):before,
.listRecipe.rank li:nth-child(3):before {
	content: '';
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	left: 5px;
	z-index: 2;
	border: 1px solid #ff9d28;
}
.listRecipe.rank li:nth-child(1):before {
	background: url(../images/recipe/icon_crown_gold.png) no-repeat center center #fff;
}
.listRecipe.rank li:nth-child(2):before {
	background: url(../images/recipe/icon_crown_silver.png) no-repeat center center #fff;
}
.listRecipe.rank li:nth-child(3):before {
	background: url(../images/recipe/icon_crown_copper.png) no-repeat center center #fff;
}
.listRecipe.rank li:nth-child(n+4) {
	width: 159.7px;
}
.listRecipe .thumb img {
	width: 100%;
	height: auto;
}
.listRecipe .thumb {
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #ddd;
	overflow: hidden;
	height: 167px;
}
.listRecipe #rank.thumb {
	height: 115px;
}
.listRecipe .name {
	font-weight: bold;
	color: #B61F1B;
	margin-bottom: 5px;
}
.listRecipe .thumb:after {
	background: url(../images/common/logo_header.png) no-repeat center center #fff;
	background-size: 95% auto;
	content: '';
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 80px;
	height: 20px;
	padding: 5px;
}
.listRecipe a {
	display: block;
	text-decoration: none;
}
.listRecipe a:hover {
	opacity: .7;
}
.listRecipe .ttlRank {
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #ff9d28;
	padding: 3px;
}

.listCatRecipeWrap {
	overflow: hidden;
}
.listCatRecipeWrap > div {
	float: left;
	width: 47%;
}
.listCatRecipeWrap > div + div {
	float: right;
	width: 47%;
}
.listCatRecipe p {
	margin-bottom: 5px;
}
.listCatRecipe li {
	margin-bottom: 15px;
}
.listCatRecipe li li {
	list-style-type: disc;
	margin: 0 0 5px 20px;
}
.listRecipeBtns {
	overflow: hidden;
	margin: 0 0 0 -10px;
}
.listRecipeBtns.col2 li {
	width: 50%;
}
.listRecipeBtns.col4 li {
	width: 25%;
}
.listRecipeBtns li {
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
	padding-left: 10px;
	margin-top: 15px;
	display: table;
}
.listRecipeBtns a {
	text-align: center;
	text-decoration: none;
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	padding: 5px 10px;
	border-radius: 25px;
	font-weight: bold;
	border: 1px solid #B7201C;
	font-size: 13px;
	color: #B7201C;
}
.listRecipeBtns a:hover {
	background-color: #B7201C;
	color: #fff;
}
.listCookery {
	text-align: center;
	margin: 0 -5px;
	letter-spacing: -1em;
}
.listCookery li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.listCookery a {
	display: block;
	text-align: center;
	padding: 10px;
	min-width: 100px;
	border: 1px solid #ff9d28;
	border-radius: 5px;
	text-decoration: none;
	padding-top: 60px;
}
.listCookery li:hover {
	opacity: .7;
}
.listCookery .cook01 a {
	background: url(../images/recipe/search/search_icon08.gif) no-repeat center 5px;
}
.listCookery .cook02 a {
	background: url(../images/recipe/search/search_icon09.gif) no-repeat center 5px;
}
.listCookery .cook03 a {
	background: url(../images/recipe/search/search_icon10.gif) no-repeat center 5px;
}
.listCookery .cook04 a {
	background: url(../images/recipe/search/search_icon11.gif) no-repeat center 5px;
}
.listCookery .cook05 a {
	background: url(../images/recipe/search/search_icon12.gif) no-repeat center 5px;
}
.listMaterial {
	overflow: hidden;
	margin: 0 0 0 -16px;
}
.listMaterial li {
	float: left;
	width: 325px;
	margin: 0 0 16px 16px;
}
.listMaterial .ttl {
	font-size: 16px;
}
.listMaterial a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.listMaterial a:hover {
	color: #B7201C;
}
.listMaterial a:hover .thumb {
	border-color: #B7201C;
}
.listMaterial .thumb {
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	display: table;
	text-align: center;
	margin-right: 10px;
}
.listMaterial .thumb > div {
	display: table-cell;
	vertical-align: middle;
}
.listMaterial .txt {
	overflow: hidden;
}

/* btn---------------------------*/
a.btnAll {
	background-color: #fff;
	text-align: center;
	color: #B7201C;
	text-decoration: none;
	display: block;
	padding: 8px 5px;
	line-height: 1;
	min-width: 80px;
	border-radius: 3px;
	border: 1px solid #fff;
}
a.btnAll:hover {
	color: #fff;
	background-color: #B7201C;
}
a.btnRecipeDetail {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	border-radius: 25px;
	font-weight: bold;
	border: 1px solid #B7201C;
	font-size: 13px;
	color: #B7201C;
}
a.btnRecipeDetail:hover {
	background-color: #B7201C;
	color: #fff;
}