@charset "utf-8";


/*------------------------
	制作中デバッグ設定
------------------------*/
#header,
#gnav {
/*	display:none !important;	*/
}


/*------------------------
	共通設定：body
------------------------*/
body {
	color:#535353;
	font-size: 12px;
}

/*------------------------
	共通設定：グローバルナビ
------------------------*/
#stage {
	background:url(/recipe/img-prg/top/act-bak.png) no-repeat 50% 111px;
	color:#535353;
}


/*------------------------
	レシピ共通設定：ヘッダ
------------------------*/
#stage .recipehead {
	position:relative;
	width:940px;
	margin:0 auto;
	padding-bottom:10px;
	border-top:1px solid #e5e5e5;
	text-align:left;
}
#stage .recipehead a:link,
#stage .recipehead a:visited,
#stage .recipehead a:active {
	color:#535353 !important;
	text-decoration:none;
}
#stage .recipehead a:hover {
	color:#ff7272 !important;
	text-decoration:none;
}



#stage .recipehead .title {
	padding:48px 0 0 112px;
}
#stage .recipehead .character {
	position:absolute;
	top:14px;
	left:0;
	width:111px;
	height:73px;
}
#stage .recipehead .poptxt {
	position:absolute;
	top:14px;
	left:112px;
}
#stage .recipehead .lead {
	padding:24px 0 0 20px;
	color:#996c33;
}
#stage .recipehead .searchbox {
	position:absolute;
	top:24px;
	left:470px;
}

#stage .recipehead .searchbox .search-freeword {
	position:relative;
	width:250px;
	font-size:120%;	/* 14.4px / 12px */
}
#stage .recipehead .searchbox .search-freeword .inputtextwrapp {
	float:left;
	display:block;
	background:#fff;
	border:2px solid #00249d;
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	border-right:0;
	width:186px;
	min-height:22px;
}
#stage .recipehead .searchbox .search-freeword input[type="text"] {
	display:block;
	margin:0 10px;
	padding-top:2px;
	width:166px;
	border:none;
	color:#707070;
	outline:0px none black;
}
#stage .recipehead .searchbox .search-freeword a.btn-submit-freeword {
	float:left;
	display:block;
	width:56px;
	background:#2846ac;
	border:2px solid #2846ac;
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	min-height:22px;
	color:#fff !important;
	line-height:1;
}
#stage .recipehead .searchbox .search-freeword a.btn-submit-freeword:hover {
	background:#ff8787;
	border-color:#ff8787;
}
#stage .recipehead .searchbox .search-freeword a.btn-submit-freeword span {
	display:table-cell;
	width:56px;
	height:18px;
	padding:2px 0;
	text-align:center;
	vertical-align:middle;
}

#stage .recipehead .searchbox .recommendwords {
	position:relative;
	padding-top:11px;
}
#stage .recipehead .searchbox .recommendwords dt {
	position:absolute;
	top:14px;
	left:0;
	background:url(/recipe/common/img/t_recommendword.png) no-repeat 0 0;
	width:72px;
	height:11px;
	text-indent:-9999px;
}
#stage .recipehead .searchbox .recommendwords dd {
	padding-left:80px;
}
#stage .recipehead .searchbox .recommendwords dd a {
	display:inline-block;
/*	float:left;	*/
	margin-right:10px;
}
#stage .recipehead .searchbox .recommendwords dd a:link,
#stage .recipehead .searchbox .recommendwords dd a:visited,
#stage .recipehead .searchbox .recommendwords dd a:active {
	color:#002ea0 !important;
}
#stage .recipehead .searchbox .recommendwords dd a:hover {
	color:#002ea0 !important;
	text-decoration:underline;
}
#stage .recipehead .recipehistory {
	position:absolute;
	top:24px;
	left:740px;
	width:200px;
	z-index:3;
}
#stage .recipehead .recipehistory .b-history {
	display:block;
	background:#8a8a8a url(/recipe/common/img/icn_arrow1d_gry.png) no-repeat 96% 50%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding-right:30px;
	color:#595959;
	text-decoration:none;
}
#stage .recipehead .recipehistory a.b-history:hover {
	background-color:#fc9696;
	color:#595959 !important;
}
#stage .recipehead .recipehistory .b-history .tit {
	background:#f3f3f3;
	background: -moz-linear-gradient(top, #fefefe, #e7e7e7);
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e7e7e7));
 	background: linear-gradient(to bottom, #fefefe, #e7e7e7);
	border:1px solid #cdcdcd;
	border-right:0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:4px 10px;
}
#stage .recipehead .recipehistory.nodata .b-history {
	background-image:none;
	color:#ccc;
	cursor:default;
}
#stage .recipehead .recipehistory.nodata .b-history .tit {
	background:#f6f6f6;
}
#stage .recipehead .recipehistory.nodata a.b-history:hover {
	background-color:#8a8a8a;
}

#stage .recipehead .recipehistory .list01 {
	background:#fff;
	border:1px solid #ccc;
}
#stage .recipehead .recipehistory .list01 li.listitem a {
	display:block;
	border-top:1px solid #ccc;
	padding:10px 20px;
}
#stage .recipehead .recipehistory .list01 li.listitem:nth-child(1) a {
	border-top:0;
}

/*------------------------
	レシピ共通設定：メインコンテンツ
------------------------*/
#stage .content-wrapper {
	background: transparent;
}
/*shadouw実装部分▼*/
#stage .contentwrap:before ,
#stage .contentwrap:after {
	position: absolute;
	content: "";
	top: 55px;
	width: 20px;
	height: 400px;
	box-shadow: 0 0 25px #ccc;
	-webkit-box-shadow: 0 0 25px #ccc;
	-moz-box-shadow: 0 0 25px #ccc;
	z-index: 0;
}
#stage .contentwrap:before {
	left: 7px;
	-webkit-transform: rotate(-2deg);
	   -moz-transform: rotate(-2deg);
	    -ms-transform: rotate(-2deg);
	     -o-transform: rotate(-2deg);
	        transform: rotate(-2deg);
}
#stage .contentwrap:after {
	right: 7px;
	-webkit-transform: rotate(2deg);
	   -moz-transform: rotate(2deg);
	    -ms-transform: rotate(2deg);
	     -o-transform: rotate(2deg);
	        transform: rotate(2deg);
}
/*shadow ie8*/
#stage .contentwrap .bef ,
#stage .contentwrap .aft {
	position: absolute;
	top: 35px;
	width: 200px;
	height: 300px;
	background: #fff;
	z-index: 5;
	box-shadow: 0 0 20px #ccc;
	-webkit-box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	z-index: -1;
}
#stage .contentwrap .bef {
	left: 4px;
}
#stage .contentwrap .aft {
	right: 4px;
}

#stage .content-wrapper {
	position:relative;
	background:url(/recipe/common/img/bg_checkerflag.png) repeat-x 0 100%;
	padding-bottom:100px;
	padding-bottom:30px;
}
#stage .content-wrapper-h2 {
	padding-bottom:110px;
}
#stage .content-wrapper .chara {
	position:absolute;
	bottom:0;
	right:50%;
	margin-right:-470px;
	background:url(/recipe/img-prg/top/act-foot.png) no-repeat 100% 0;
	width:350px;
	height:100px;
	z-index:3;
}

#stage #content {
	position:relative;
	width:940px;
	margin:0 auto;
	padding-bottom:70px;
	z-index:2;
	background:#fff url(/recipe/common/img/bg_maincontents_slit.png) repeat-y 190px 0;
}
#content a:link,
#content a:visited,
#content a:active {
	color:#535353 !important;
	text-decoration:none;
}
#content a:hover {
	color:#ff7272 !important;
	text-decoration:none;
}

#content .maincontents {
	float:right;
	width:749px;
	background:#fff;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
}

/* レシピ共通モジュール設定 */
#content .maincontents .cts-listdata .navblk {
	position:relative;
	text-align:center;
	padding:8px;
}
#content .maincontents .cts-listdata .navblk a {
}
#content .maincontents .cts-listdata .navblk a:hover {
	color:#535353 !important;
}
#content .maincontents .cts-listdata .navblk span {
	background:#fefefe;
	border:1px solid #dcdcdc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:8px 12px;
	line-height:1;
}
#content .maincontents .cts-listdata .navblk a:hover span {
	background-color:#eceffa;
	border:1px solid #99a7d8;
}
#content .maincontents .cts-listdata .navblk .act span {
	background:#99a7d8;
	border:1px solid #99a7d8;
	color:#fff;
}
#content .maincontents .cts-listdata .navblk .act a:hover span {
	background-color:#99a7d8;
	cursor:default;
}

#content .maincontents .cts-listdata .navblk .b-prev {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
}
#content .maincontents .cts-listdata .navblk .b-prev span {
	background-image:url(/recipe/common/img/icn_arrow2l_blu.png);
	background-repeat:no-repeat;
	background-position:6% 50%;
	padding-left:35px;
	padding-right:20px;
}
#content .maincontents .cts-listdata .navblk .b-next {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-9px;
}
#content .maincontents .cts-listdata .navblk .b-next span {
	background-image:url(/recipe/common/img/icn_arrow2r_blu.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
	padding-left:20px;
	padding-right:35px;
}

#content .maincontents .cts-listdata .navblk li {
	display:inline;
	padding-right:5px;
}
#content .maincontents .cts-listdata .navblk li:nth-last-child(1) {
	padding-right:0;
}
#content .maincontents .cts-listdata .navblk li a span {
	display:inline-block;
	padding:8px 0;
	width:30px;
}
#content .maincontents .cts-listdata .navblk li span.skip {
	background:none;
	border:0;
	padding:8px 2px;
}

/* レシピ画像ブロック */
#content .maincontents .cts-recipevis {
	position:relative;
	margin-bottom:25px;
	padding:30px 30px 0 29px;
}
#content .maincontents .cts-recipevis .box-main {
	float:left;
	width:480px;
}
#content .maincontents .cts-recipevis .box-main .vis span {
	display:block;
	padding:0 20px 24px;
}

#content .maincontents .cts-recipevis .box-sub {
	position:relative;
	float:right;
	width:210px;
}

/* レシピデータブロック */
#content .maincontents .cts-recipedata {
	margin-bottom:25px;
	padding-left:29px;
	padding-right:30px;
}
#content .maincontents .cts-recipedata .box-main {
	float:left;
	width:490px;
}
#content .maincontents .cts-recipedata .box-main .vis span {
	display:block;
	padding:0 30px 24px;
}
#content .maincontents .cts-recipedata .box-sub {
	position:relative;
	float:right;
	width:170px;
}
#content .maincontents .cts-recipedata .navblk {
	position:relative;
	text-align:center;
	padding:8px;
	border-bottom:1px solid #dcdcdc;
}
#content .maincontents .cts-recipedata .navblk a {
}
#content .maincontents .cts-recipedata .navblk span {
	background:#fefefe;
	border:1px solid #dcdcdc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:8px 12px;
	line-height:1;
}
#content .maincontents .cts-recipedata .navblk a:hover {
	color:#535353 !important;
}
#content .maincontents .cts-recipedata .navblk a:hover span {
	background-color:#eceffa;
	border:1px solid #99a7d8;
}
#content .maincontents .cts-recipedata .navblk .act span {
	background:#99a7d8;
	color:#fff;
}
#content .maincontents .cts-recipedata .navblk .b-prev {
	position:absolute;
	bottom:-7px;
	left:0;
	margin-top:-9px;
}
#content .maincontents .cts-recipedata .navblk .b-prev span {
	background-image:url(/recipe/common/img/icn_arrow2l_blu.png);
	background-repeat:no-repeat;
	background-position:6% 50%;
	padding-left:35px;
	padding-right:20px;
}
#content .maincontents .cts-recipedata .navblk .b-next {
	position:absolute;
	bottom:-7px;
	right:0;
	margin-top:-9px;
}
#content .maincontents .cts-recipedata .navblk .b-next span {
	background-image:url(/recipe/common/img/icn_arrow2r_blu.png);
	background-repeat:no-repeat;
	background-position:94% 50%;
	padding-left:20px;
	padding-right:35px;
}



#content .cts-materials {
	margin-bottom:20px;
}
#content .cts-materials > .tit {
	position:relative;
	background:url(/recipe/common/img/icn_detail_material.png) no-repeat 3px 50%;
	padding:8px 0 8px 30px;
	border-bottom:1px solid #7f91ce;
}
#content .cts-materials > .tit span:nth-child(1) {
	display:block;
	background:url(/recipe/common/img/t_detail_material.png) no-repeat 0 0;
	width:36px;
	height:16px;
	text-indent:-9999em;
}
#content .cts-materials > .tit span.sub {
	position:absolute;
	top:8px;
	left:72px;
}
#content .cts-materials .list01 {
	border-bottom:1px solid #ededed;
}
#content .cts-materials .list01 .listitem {
	background:#fff;
	marging-bottom:10px;
}
#content .cts-materials .list01 .listitem:nth-child(even) {
	background:#f1f3fc;
}
#content .cts-materials .materialgroup {
	margin:5px 0;
	background:#fff;
	border:1px solid #eee3cf;
}
#content .cts-materials .materialgroup .tit {
	background:#f5eee2;
	padding:5px 10px;
	font-weight:bold;
}

#content .cts-materials .materialdata {
	padding:5px 20px 5px 28px;
	line-height:1.3;
}
#content .cts-materials .materialdata .t {
	display:block;
	float:left;
	width:310px;
}
#content .cts-materials .materialdata .d {
	float:right;
	width:110px;
}
#content .cts-materials .materialdata a {
	padding-right:6px;
}
#content .cts-materials .materialdata a:link { color:#002ea0 !important;text-decoration:none;outline: none;}
#content .cts-materials .materialdata a:active { color:#002ea0 !important;text-decoration:none;outline: none;}
#content .cts-materials .materialdata a:visited { color:#002ea0 !important;text-decoration:none;outline: none;}
#content .cts-materials .materialdata a:hover { color:#002ea0 !important;text-decoration:underline;outline: none;}

#content .cts-materials .caption {
	padding-top:10px;
}

#content .cts-step {
	margin-bottom:20px;
}
#content .cts-step > .tit {
	background:url(/recipe/common/img/icn_detail_step.png) no-repeat 0 40%;
	padding:8px 0 8px 26px;
}
#content .cts-step > .tit span:nth-child(1) {
	display:block;
	background:url(/recipe/common/img/t_detail_step.png) no-repeat 0 0;
	width:48px;
	height:18px;
	text-indent:-9999em;
}
#content .cts-step .list01 {
	padding:20px 25px;
	border:5px solid #eeeeee;
}
#content .cts-step .list01 .listitem {
	position:relative;
	margin-bottom:10px;
/*	border-bottom:1px dotted #d2d2d2;	*/
	padding-bottom:10px;
}
#content .cts-step .list01 .listitem:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	background-image: -moz-linear-gradient(left, #d2d2d2, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -o-linear-gradient(left, #d2d2d2, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #d2d2d2, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: linear-gradient(to right, #d2d2d2, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-size: 3px 1px;
	width:100%;
	height:1px;
}
.legacy_browser_mode #content .cts-step .list01 .listitem:before {
	border-bottom: #dedede dotted 1px;
}
#content .cts-step .list01 .listitem:nth-last-child(1) {
	border-bottom:0;
}
#content .cts-step .list01 .listitem .cnt {
	position:absolute;
	top:0;
	left:0;
	background:url(/recipe/common/img/icn_step01.png) no-repeat 0 0;
	width:20px;
	height:20px;
	text-indent:-9999em;
}
#content .cts-step .list01 .listitem:nth-child(1) .cnt {	background:url(/recipe/common/img/icn_step01.png);	}
#content .cts-step .list01 .listitem:nth-child(2) .cnt {	background:url(/recipe/common/img/icn_step02.png);	}
#content .cts-step .list01 .listitem:nth-child(3) .cnt {	background:url(/recipe/common/img/icn_step03.png);	}
#content .cts-step .list01 .listitem:nth-child(4) .cnt {	background:url(/recipe/common/img/icn_step04.png);	}
#content .cts-step .list01 .listitem:nth-child(5) .cnt {	background:url(/recipe/common/img/icn_step05.png);	}
#content .cts-step .list01 .listitem:nth-child(6) .cnt {	background:url(/recipe/common/img/icn_step06.png);	}
#content .cts-step .list01 .listitem:nth-child(7) .cnt {	background:url(/recipe/common/img/icn_step07.png);	}

#content .cts-step .list01 .listitem .txt {
	padding-left:30px;
	line-height:1.7;
}

#content .cts-usedproducts {
	margin-bottom:20px;
}
#content .cts-usedproducts > .tit {
	padding:2px 0 14px 0;
}
#content .cts-usedproducts > .tit span:nth-child(1) {
	display:block;
	background:url(/recipe/common/img/t_usedproducts.png) no-repeat 0 0;
	width:88px;
	height:16px;
	text-indent:-9999em;
}
#content .cts-usedproducts .list01 .listitem {
	margin-bottom:10px;
	text-align:center;
}
#content .cts-usedproducts .list01 .listitem a.productsdata {
	position:relative;
	display:block;
	border:1px solid #dcdcdc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(161,161,161,0.1);
	-moz-box-shadow: 0px 3px 3px 1px rgba(161,161,161,0.1);
	box-shadow: 0px 3px 3px 1px rgba(161,161,161,0.1);
	padding:8px;
	text-align:center;
}
#content .cts-usedproducts .list01 .listitem a.productsdata:before {
	content:'';
	position:absolute;
	bottom:4px;
	right:4px;
	width:10px;
	height:10px;
	display:block;
	background:url(/recipe/common/img/bg_link_frm_rb1.png) no-repeat 0 0;
}
#content .cts-usedproducts .list01 .listitem a.productsdata:hover:before {
	background:url(/recipe/common/img/bg_link_frm_rb1_hover.png) no-repeat 0 0;
}
#content .cts-usedproducts .list01 .listitem a.productsdata:hover {
	border-color:#c1c1c1;
}
#content .cts-usedproducts .list01 .listitem a.productsdata .t {
	padding-top:4px;
}
#content .cts-usedproducts .list01 .listitem a.productsdata img {
	height:auto;
}


/* レシピ一覧ページ設定 */
#stage #content.cts-recipelist {
	padding-bottom:0;
}
#content.cts-recipelist .pagetit {
	margin-left:29px;
	margin-right:30px;
	padding:25px 0 16px;
	border-bottom:2px solid #00249d;
	font-size:166.7%;	/* 20px / 12px */
	line-height:1;
	font-weight:bold;
}
#content.cts-recipelist .listindex {
	padding:8px 30px;
	color:#707070;
}
#content.cts-recipelist .listindex .total {
}
#content.cts-recipelist .listindex .current {
	padding-left:12px;
	font-weight:bold;
}
#content.cts-recipelist .listindex.abs-btm {
	margin-bottom:-32px;
	padding:8px 30px;
}
#content.cts-recipelist .sortblk {
	position:absolute;
	top:20px;
	right:29px;
	width:127px;
	z-index:2;
}
#content.cts-recipelist .sortblk .b-sort {
}
#content.cts-recipelist .sortblk .b-sort a {
	display:block;
	background:#8a8a8a url(/recipe/common/img/icn_arrow1d_gry.png) no-repeat 94% 50%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding-right:30px;
	color:#595959;
	text-decoration:none;
}
#content.cts-recipelist .sortblk .b-sort a .txt {
	display:block;
	background:#fefefe;
	border:1px solid #cdcdcd;
	border-right:0;
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	padding:2px 4px;
	font-size:100%;
	text-align:center;
}
#content.cts-recipelist .sortblk .list01 {
	background:#fff;
	border:1px solid #cdcdcd;
	border-top:0;
}
#content.cts-recipelist .sortblk .list01 > .listitem a {
	display:block;
	padding:0 4px;
}
#content.cts-recipelist .sortblk .list01 > .listitem a span {
	display:block;
	padding:4px 8px;
	border-bottom:1px dotted #d2d2d2;
}

#content.cts-recipelist .cts-listdata {
	background:#faf8ed;
	padding:18px 29px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
}
#content.cts-recipelist .cts-result {
	padding:6px 0 0 2px;
}
#content.cts-recipelist .cts-result > .list01 > .listitem {
	float:left;
	width:168px;
	width:170px;
	padding-bottom:6px;
	margin-right:2px;
}
#content.cts-recipelist .cts-result > .list01 > .listitem:nth-child(4n) {
	margin-right:0;
}
#content.cts-recipelist .cts-result > .list01 .listitem a {
	position:relative;
	display:block;
	background:#fff;
	margin:2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
	padding:2px;
	color:#535353 !important;
}
#content.cts-recipelist .cts-result > .list01 .listitem a:hover {
	margin:0px 4px 4px 0;
}
#content.cts-recipelist .cts-result > .list01 .newitem a:after {
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:64px;
	height:38px;
	background:url(/recipe/common/img/icn_new_recipelist.png) no-repeat 0 0;
	z-index:1;
}
#content.cts-recipelist .cts-result > .list01 .listitem a:before {
	content:'';
	position:absolute;
	bottom:3px;
	right:3px;
	width:10px;
	height:10px;
	background:url(/recipe/common/img/bg_link_frm_rb1.png) no-repeat 0 0;
}
#content.cts-recipelist .cts-result > .list01 .listitem a:hover:before {
	background-image:url(/recipe/common/img/bg_link_frm_rb1_hover.png);
}
#content.cts-recipelist .cts-result > .list01 .listitem .vis {
	position:relative;
	padding:10px 12px 0;
}
#content.cts-recipelist .cts-result > .list01 .listitem .data {
	position:relative;
	padding-bottom:68px;
}
#content.cts-recipelist .cts-result > .list01 .listitem .tit {
	padding:0 12px;
	min-height:40px;
	font-weight:bold;
}
#content.cts-recipelist .cts-result > .list01 .listitem .tit span {
	display:block;
	padding:6px 0;
}
#content.cts-recipelist .cts-result > .list01 .listitem a:hover .tit span {
	color:#ff7272;
}
#content.cts-recipelist .cts-result .cts-spec {
	position:absolute;
	bottom:12px;
	left:14px;
	width:140px;
}
#content.cts-recipelist .cts-result .cts-spec .list01 .listitem {
	float:left;
	width:44px;
}
#content.cts-recipelist .cts-result .cts-spec .specdata {
	position:relative;
	min-height:40px;
}
#content.cts-recipelist .cts-result .cts-spec .specdata:before {
	content:' ';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	background-image: -moz-linear-gradient(top, #d2d2d2, #d2d2d2 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(top, #d2d2d2, #d2d2d2 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(top, #d2d2d2, #d2d2d2 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, #d2d2d2, #d2d2d2 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-size: 1px 3px;
	height: 100%;
}
#content.cts-recipelist .cts-result .cts-spec .list01 .listitem:nth-child(n+3) .specdata:before {
	display:none;
}
#content.cts-recipelist .cts-result .cts-spec .specdata dt .icn {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	width:14px;
	height:14px;
	margin-left:-7px;
	text-indent:-9999em;
}
#content.cts-recipelist .cts-result .cts-spec .specdata-time dt .icn 		{	background:url(/recipe/common/img/icn_list_time.png) no-repeat 50% 50%;		}
#content.cts-recipelist .cts-result .cts-spec .specdata-energy dt .icn 	{	background:url(/recipe/common/img/icn_list_energy.png) no-repeat 50% 50%;		}
#content.cts-recipelist .cts-result .cts-spec .specdata-calcium dt .icn 	{	background:url(/recipe/common/img/icn_list_calcium.png) no-repeat 50% 50%;		}
#content.cts-recipelist .cts-result .cts-spec .specdata-protein dt .icn 	{	background:url(/recipe/common/img/icn_list_protein.png) no-repeat 50% 50%;	width:16px;	height:16px;	margin-left:-8px;	}
#content.cts-recipelist .cts-result .cts-spec .specdata-salt dt .icn 		{	background:url(/recipe/common/img/icn_list_salt.png) no-repeat 50% 50%;		}

#content.cts-recipelist .cts-result .cts-spec .specdata dd {
	padding:16px 4px 0;
	text-align:center;
	line-height:1.1;
}
#content.cts-recipelist .cts-result .cts-spec .specdata dd span {
	display:block;
}
#content.cts-recipelist .cts-result .bnr {
	position:absolute;
	bottom:0;
	left:0;
	width:160px;
	height:66px;
}
#content.cts-recipelist .cts-result .bnr span {
	display:table-cell;
	width:164px;
	height:66px;
	text-align:center;
	vertical-align:middle;
}
#content.cts-recipelist .cts-result .bnr span img {
	width:auto;
	height:auto;
}
/* 別コンテンツレシピ色指定 */
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-green a .vis,
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-green a .tit {
	background-color:#eaf3e1;
}
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-blue a .vis,
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-blue a .tit {
	background-color:#e0f1ff;
}
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-yellow a .vis,
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-yellow a .tit {
	background-color:#f9f5c9;
}
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-red a .vis,
#content.cts-recipelist .cts-result > .list01 .listitem.bgc-red a .tit {
	background-color:#f7e2db;
}
#content.cts-recipelist .cts-result .nodata {
	padding:100px 20px;
}





/* レシピ詳細ページ設定 */
#content.cts-recipedetail .hd-recipedata {
	margin:0 30px 34px 29px;
	padding-top:24px;
	padding-bottom:12px;
	border-bottom:2px solid #00249d;
}
#content.cts-recipedetail .hd-recipedata .lead {
	padding-bottom:4px;
	line-height:1.2;
}
#content.cts-recipedetail .hd-recipedata .pagetit {
	font-size:183.3%;	/* 22px / 12px */
	line-height:1.2;
	font-weight:bold;
}

#content.cts-recipedetail .cts-comment {
	position:relative;
	padding-top:5px;
}
#content.cts-recipedetail .cts-comment .vis {
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:53px;
	height:64px;
	background:url(/recipe/common/img/p_comment_h_milk.png) no-repeat 0 0;		/* デフォルト設定 */
}
#content.cts-recipedetail .cts-comment .vis-milk			{	background-image:url(/recipe/common/img/p_comment_h_milk.png);	}									/* 牛乳				 */
#content.cts-recipedetail .cts-comment .vis-6pcheese		{	background-image:url(/recipe/common/img/p_comment_h_6pcheese.png);	}								/* 6Pチーズ			 */
#content.cts-recipedetail .cts-comment .vis-butter			{	background-image:url(/recipe/common/img/p_comment_h_butter.png);	}								/* バター				 */
#content.cts-recipedetail .cts-comment .vis-yogurt			{	background-image:url(/recipe/common/img/p_comment_h_yogurt.png);	}								/* ヨーグルト			 */
#content.cts-recipedetail .cts-comment .vis-slicedcheese	{	background-image:url(/recipe/common/img/p_comment_h_slicedcheese.png);	}							/* スライスチーズ		 */
#content.cts-recipedetail .cts-comment .vis-cream			{	background-image:url(/recipe/common/img/p_comment_h_cream.png);	}		/* クリーム			 */
#content.cts-recipedetail .cts-comment .vis-camembertcheese	{	background-image:url(/recipe/common/img/p_comment_h_camembertcheese.png);	}						/* カマンベールチーズ		 */
#content.cts-recipedetail .cts-comment .vis-sakechee		{	background-image:url(/recipe/common/img/p_comment_h_sakechee.png);	}	/* さけるチーズ			 */


#content.cts-recipedetail .cts-comment .txt {
	margin-left:70px;
	padding:10px 15px;
	border:1px solid #a2d8f2;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	line-height:1.6;
	zoom:1;
}
#content.cts-recipedetail .cts-comment .txt:after {
	content:' ';
	position:absolute;
	top:23px;
	left:57px;
	width:14px;
	height:21px;
	background:url(/recipe/common/img/bg_frm_balloon_l.png) no-repeat 0 0;
}
#content.cts-recipedetail .cts-comment .txt > span {
	display:block;
	min-height:40px;
}

#content.cts-recipedetail .b-print {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}
#content.cts-recipedetail .b-print a {
	position:relative;
	display:block;
	background:#ebeffa;
	background: -moz-linear-gradient(top, #ffffff, #ebeffa);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ebeffa));
	border:1px solid #99a7d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:6px 0;
	text-align:center;
	font-weight:bold;
}
#content.cts-recipedetail .b-print a:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:20px;
	width:16px;
	height:11px;
	margin-top:-5px;
	background:url(/recipe/common/img/icn_detail_print.png) no-repeat 0 0;
}
#content.cts-recipedetail .b-print a:hover {
	background:#8296d6;
	color:#fff !important;
}
#content.cts-recipedetail .b-print a:hover:before {
	background:url(/recipe/common/img/icn_detail_print_hover.png) no-repeat 0 0;
}


#content.cts-recipedetail .box-main .cts-spec {
	display:none;														/*	印刷用のDOMなので非表示設定。print.cssで表示切替。	*/
}
#content.cts-recipedetail .cts-spec > .list01 {
	position:relative;
	padding-top:60px;
}
#content.cts-recipedetail .cts-spec > .list01:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	background-image: -moz-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -o-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: linear-gradient(to right, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-size: 3px 1px;
	width:100%;
	height:1px;
}
.legacy_browser_mode #content.cts-recipedetail .cts-spec > .list01:before {
	border-bottom: #dedede dotted 1px;
}

#content.cts-recipedetail .cts-spec .specdata {
	position:relative;
	padding:12px 0 10px 0;
}
#content.cts-recipedetail .cts-spec .specdata:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-image: -moz-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -o-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: -webkit-linear-gradient(left, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-image: linear-gradient(to right, #959595, #fff 33.3%, #fff 33.3%, #fff 100%);
	background-size: 3px 1px;
	width:100%;
	height:1px;
}
.legacy_browser_mode #content.cts-recipedetail .cts-spec .specdata:before {
	border-bottom: #dedede dotted 1px;
}
#content.cts-recipedetail .cts-spec .specdata dt {
	position:absolute;
	top:9px;
	left:0;
	width:90px;
}
#content.cts-recipedetail .cts-spec .specdata dt .icn {
	display:block;
	padding:4px 0 4px 28px;
}
#content.cts-recipedetail .cts-spec .specdata-time dt .icn 		{	background:url(/recipe/common/img/icn_detail_time.png) no-repeat 0 50%;		}
#content.cts-recipedetail .cts-spec .specdata-energy dt .icn 	{	background:url(/recipe/common/img/icn_detail_energy.png) no-repeat 0 50%;		}
#content.cts-recipedetail .cts-spec .specdata-calcium dt .icn 	{	background:url(/recipe/common/img/icn_detail_calcium.png) no-repeat 0 50%;		}
#content.cts-recipedetail .cts-spec .specdata-protein dt .icn 	{	background:url(/recipe/common/img/icn_detail_protein.png) no-repeat 0 50%;		}
#content.cts-recipedetail .cts-spec .specdata-salt dt .icn 		{	background:url(/recipe/common/img/icn_detail_salt.png) no-repeat 0 50%;		}

#content.cts-recipedetail .cts-spec .specdata dd {
	padding-left:100px;
}
#content.cts-recipedetail .cts-spec .specdata dd span {
	padding-right:4px;
	font-size:133.3%;	/* 16px / 12px */
	line-height:1.1;
	font-weight:bold;
}
#content.cts-recipedetail .cts-spec .caption {
	padding-top:4px;
	text-align:right;
}
#content.cts-recipedetail .cts-usedproducts .list01 .listitem {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#content.cts-recipedetail  .cts-usedproducts .list01 .listitem a.productsdata {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


#content.cts-recipedetail .cts-bnr {
	margin-bottom:20px;
}
#content.cts-recipedetail .cts-bnr > .tit {
	padding-bottom:8px;
	font-weight:bold;
}
#content.cts-recipedetail .cts-bnr .list01 .listitem {
	margin-bottom:10px;
}
#content.cts-recipedetail .cts-bnr .listitem img{
	height:auto;
}
#content.cts-recipedetail .cts-bnr a {
	display:block;
}
#content.cts-recipedetail .cts-bnr .txt {
	padding-top:2px;
	font-size:83.3%;	/* 10px / 12px */
	line-height:1.2;
}

#content.cts-recipedetail .cts-sns {
	margin-bottom:20px;
}

#content.cts-recipedetail .cts-spread {
	margin-bottom:20px;
	background:#f5eee2;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:10px;
	text-align:center;
}
#content.cts-recipedetail .cts-spread .tit {
	margin-bottom:10px;
}
#content.cts-recipedetail .b-mail {
	margin-bottom:15px;
}
#content.cts-recipedetail .b-mail a {
	position:relative;
	display:block;
	background:#ffffff;
	background: -moz-linear-gradient(top, #ffffff, #f2f1f1);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f2f1f1));
	border:1px solid #99a7d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:10px 10px 10px 20px;
	text-align:center;
	font-weight:bold;
}
#content.cts-recipedetail .b-mail a:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:20px;
	width:16px;
	height:11px;
	margin-top:-5px;
	background:url(/recipe/common/img/icn_detail_mail.png) no-repeat 0 0;
}
#content.cts-recipedetail .b-mail a:hover {
	background:#8296d6;
	color:#fff !important;
}
#content.cts-recipedetail .b-mail a:hover:before {
	background:url(/recipe/common/img/icn_detail_mail_hover.png) no-repeat 0 0;
}
#content.cts-recipedetail .cts-spread .qrcode {
}
#content.cts-recipedetail .cts-spread .qrcode img {
	border:8px solid #fff;
}

#content.cts-recipedetail .b-back-recipelist {
	position:relative;
	clear:both;
	padding-top:20px;
	border-bottom:1px solid #dcdcdc;
}
#content.cts-recipedetail .b-back-recipelist a {
	position:absolute;
	bottom:-15px;
	right:0;
	display:block;
	background:#ffffff;
	border:1px solid #dcdcdc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:7px;
	text-align:center;
}
#content.cts-recipedetail .b-back-recipelist a:hover {
	background-color:#eceffa;
	border:1px solid #99a7d8;
	color:#535353 !important;
}
#content.cts-recipedetail .b-back-recipelist a span {
	display:block;
	background:url(/recipe/common/img/icn_recipelist.png) no-repeat 0 50%;
	padding:0 20px 0 30px;
}
#content.cts-recipedetail .cts-recommendrecipe {
	margin-left:29px;
	margin-bottom:20px;
}
#content.cts-recipedetail .cts-recommendrecipe .tit {
	background:url(/recipe/common/img/t_recommendrecipe.png) no-repeat 0 0;
	height:16px;
	text-indent:-9999em;
	margin-bottom:10px;
}
#content.cts-recipedetail .cts-recommendrecipe .cts-slide {
	position:relative;
	background:url(/recipe/common/img/bg_slide_recommend.png) repeat 0 0;
	border:1px solid #f3e8e1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:10px;
}
#content.cts-recipedetail .cts-checkedrecipe {
	margin-left:29px;
	margin-bottom:20px;
}
#content.cts-recipedetail .cts-checkedrecipe .tit {
	position:relative;
	background:url(/recipe/common/img/t_checkedrecipe.png) no-repeat 0 0;
	height:26px;
	border-bottom:1px solid #ccd3eb;
	text-indent:-9999em;
}
#content.cts-recipedetail .cts-checkedrecipe .tit:after {
	content: ' ';
	position:absolute;
	bottom:1px;
	left:0;
	border-bottom:1px solid #ccd3eb;
	width:100%;
}
#content.cts-recipedetail .cts-checkedrecipe.nodata {
	display:none;
}


/*------------------------
	レシピ共通設定：サブコンテンツ
------------------------*/
#content .subcontents {
	float:left;
	width:190px;
	background:#fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-right:1px solid #e5e5e5;
}

/* b-todayrecipe */
#content .subcontents .b-todayrecipe {
	padding-bottom:10px;
}
/* b-reciperanking */
#content .subcontents .b-reciperanking {
	padding-bottom:20px;
}

/* cts-menuselect */
#content .subcontents .cts-menuselect .list01 {
	padding:10px;
}
#content .subcontents .cts-menuselect .list01 > .listitem {
	padding-bottom:10px;
}
#content .subcontents .cts-menuselect .list01 .listitem .item01 a {
	display:block;
	background:#f5eee2;
	border:1px solid #f5eee2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:4px 10px;
	font-weight:bold;
}
#content .subcontents .cts-menuselect .list01 .listitem .item01 a:hover {
	background:#ffe2d7;
	border:1px solid #ffe2d7;
	color:#535353 !important;
}
#content .subcontents .cts-menuselect .list01 .item01 > a > span {
	display:block;
	padding:4px 0 4px 36px;
}

#content .subcontents .cts-menuselect .list01 .item01.menu-staple .icn span {
	background:url(/recipe/common/img/icn_searchmenu_staple.png) no-repeat 0 50%;
}
#content .subcontents .cts-menuselect .list01 .item01.menu-maindish .icn span {
	background:url(/recipe/common/img/icn_searchmenu_maindish.png) no-repeat 0 50%;
}
#content .subcontents .cts-menuselect .list01 .item01.menu-sidedish .icn span {
	background:url(/recipe/common/img/icn_searchmenu_sidedish.png) no-repeat 0 50%;
}
#content .subcontents .cts-menuselect .list01 .item01.menu-soup .icn span {
	background:url(/recipe/common/img/icn_searchmenu_soup.png) no-repeat 0 50%;
}
#content .subcontents .cts-menuselect .list01 .item01.menu-dessert .icn span {
	background:url(/recipe/common/img/icn_searchmenu_dessert.png) no-repeat 0 50%;
}

#content .subcontents .cts-menuselect .list01 .listitem .item02 {
	border-bottom:1px dotted #d2d2d2;
}
#content .subcontents .cts-menuselect .list01 .listitem .item02 .icn {
	display:block;
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 2px 50%;
	padding:5px 16px;
	font-weight:bold;
}
#content .subcontents .cts-menuselect .list01 .listitem .item02 .icn:hover {
	background-image:url(/recipe/common/img/icn_arrow1r_red.png);
}
#content .subcontents .cts-menuselect .list01 .listitem.expand_group {
	position:relative;
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand {
	position:absolute;
	position:relative;
	top:0;
	right:0;
	width:auto;
	width:100%;
	text-align:center;
	text-align:left;
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand a {
	display:block;
	padding:10px;
	padding:4px 0 4px 36px;
	line-height:1;

	background-color:#f5eee2;
	border:1px solid #f5eee2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:10px 10px 10px 46px;
	font-weight:bold;
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand a:hover {
	background-color:#ffe2d7;
	border:1px solid #ffe2d7;
	color:#535353 !important;
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand .icn {
	background-repeat:no-repeat;
	background-position:10px 50%;
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand.menu-staple .icn {
	background-image:url(/recipe/common/img/icn_searchmenu_staple.png);
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand.menu-maindish .icn {
	background-image:url(/recipe/common/img/icn_searchmenu_maindish.png);
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand.menu-sidedish .icn {
	background-image:url(/recipe/common/img/icn_searchmenu_sidedish.png);
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand.menu-soup .icn {
	background-image:url(/recipe/common/img/icn_searchmenu_soup.png);
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand.menu-dessert .icn {
	background-image:url(/recipe/common/img/icn_searchmenu_dessert.png);
}
#content .subcontents .cts-menuselect .list01 .listitem .bar_expand a .b_icn {
	display:block;
	position:relative;
	position:absolute;
	top:0;
	right:0;
	margin:10px;
	background:#c9c9c9;
	border:1px solid #c9c9c9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	color:#fff;
	font-weight:bold;
}


/* cts-feature */
#content .subcontents .cts-feature .list01 {
	padding:0 12px 25px;
}
#content .subcontents .cts-feature .list01 .box01 {
	display:block;
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 0 50%;
}
#content .subcontents .cts-feature .list01 .box01:hover {
	background-image:url(/recipe/common/img/icn_arrow1r_red.png);
}
#content .subcontents .cts-feature .list01 .box01 p {
	padding:13px 0 13px 12px;
	border-bottom:1px dotted #d2d2d2;
}
#content .subcontents .cts-feature .list01 .box02 {
	position:relative;
	display:block;
	background:none;
	padding:13px 8px 13px 12px;
	padding:13px 0 13px 0;
	border-bottom:1px dotted #d2d2d2;
}
#content .subcontents .cts-feature .list01 .box02 .txt {
	float:right;
	width:70px;
}
#content .subcontents .cts-feature .list01 .box02 .vis {
	float:left;
	background:#fff;
	width:90px;
	margin-right:3px;
	padding:3px 0;
	text-align:center;
}

/* b-column */
#content .subcontents .b-column {
	padding-bottom:20px;
}

/* cts-productsselect */
#content .subcontents .cts-productsselect {
	position: relative;
	padding-bottom:20px;
}
#content .subcontents .cts-productsselect .list01 {
	padding:10px 10px 0;
}
#content .subcontents .cts-productsselect .list01 > .listitem {
}
#content .subcontents .cts-productsselect .list01 .listitem .item01 {
	border-bottom:1px dotted #d2d2d2;
}
#content .subcontents .cts-productsselect .list01 .listitem .item01 a {
	display:block;
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 2px 50%;
	padding:5px 16px;
}
#content .subcontents .cts-productsselect .list01 .listitem .item01 a:hover {
	background-image:url(/recipe/common/img/icn_arrow1r_red.png);
}
#content .subcontents .cts-productsselect .list01 .listitem .item01 a.act {
	background-color:#ebeffd;
	color:#0068b7 !important;
	cursor:default;
}
#content .subcontents .cts-productsselect .list01 .listitem .item01 a.act:hover {
	background:#ebeffd url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 2px 50%;
}
#content .subcontents .cts-spot {
	padding-bottom:20px;
}

/* カテゴリー別商品リストバルーンブロック(仕様追加150317) */
#content .subcontents .cts-productsselect .cts-categorylistBox {
	position:absolute;
	top:0;
	left:210px;
	margin-top:-5px;
	background:#fff;
	z-index:3;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon {
	position:absolute;
	width:460px;
	background:#fff;
	border:5px solid #ccd3eb;
	border-radius:2px;
}
/* バルーンカテゴリータイトル */
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .c_t {
	position: relative;
	padding: 10px 40px 10px 22px;
	background-color: #8296d6;
	margin: -5px -5px 0 -4px;
	border-radius: 2px 2px 0 0;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .c_t .icn {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left: -12px;
	margin-top: 204px;	/* バルーン全体の上限センターに配置変更 */
	width: 12px;
	height: 16px;
	background: url(/recipe/common/img/icn_right_hukidashi.png) no-repeat 0 0;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .c_t a {
	/*display: block;*/
	padding-left: 14px;
	color: #fff !important;
	font-size: 14px;
	background: url(/recipe/common/img/icn_side_categorylist_baloon_arrow_white.png) no-repeat 0 50%;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .c_t a:hover {
	text-decoration: underline;
}

#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 {
	position: relative;
	margin-right:-1px;

}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #e1e1e1;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem {
	background:#fff;
	float:left;
	width:230px;

}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem a {
	display: block;
	padding:0 20px;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem.f_l {
	border-bottom:1px solid #e1e1e1;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem.f_r {
	border-bottom:1px solid #e1e1e1;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem .box {
	display: block;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem .box .thumb {
	display: table-cell;
	width:45px;
	vertical-align: middle;
	line-height:1.2;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem .box .thumb img {
	display: block;
	padding: 20px 0;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .list02 .listitem .box .t {
	display: table-cell;
	width:150px;
	vertical-align: middle;
	padding:6px 0 0 12px;
}
/* closeボタン */
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .btn-close {
	position: absolute;
	top:3px;
	right:4px;

}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .btn-close a {
	display: block;
	height: 21px;
	width: 21px;
	border: 1px solid #cdd5ef;
	border-radius: 2px;
	color: #fff !important;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .btn-close a:hover {
	color: #8296d6 !important;
	border-color: #8296d6;
	background-color: #fff;
}
/* ページング */
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon {
	position: relative;
/*	bottom: 0;
	left: 0;*/
	width: 460px;
	height: 34px;
	background-color: #ebeffd;
	border-top: 1px solid #e1e1e1;
	line-height: 34;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon .nav-index {
	text-align: center;
	font-size: 14px;
	height: 34px;
	line-height: 34px;

}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon .btn-prev,
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon .btn-next {
	position: absolute;
	top: 17px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon .btn-prev {
	left: 9px;
	background: url(/recipe/common/img/icn_side_categorylist_baloon_prev.png) no-repeat 0 0;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon a{
	text-indent: 100%;
	height: 22px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .nav-baloon .btn-next {
	right: 9px;
	background: url(/recipe/common/img/icn_side_categorylist_baloon_next.png) no-repeat 0 0;
}

#content .subcontents .cts-productsselect .cts-categorylistBox .box-baloon .wrap-ul {
	min-height: 296px;			/* 暫定値で実際の値は、jsで作成更新 */
}
#content .subcontents .cts-productsselect .cts-categorylistBox .visible0 {
	visibility: hidden;
}

/*------------------------
	レシピ共通設定：詳細条件検索コンテンツ
------------------------*/
#content .searchcontents {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
#content .searchcontents .bar_expand {
	position:absolute;
	top:-31px;
	right:22px;
	width:180px;
	white-space:nowrap;
}
#content .searchcontents .bar_expand a {
	display:block;
	background:#f7f8fe;
	background: -moz-linear-gradient(top, #f7f8fe, #edf0fb);
	background: -webkit-gradient(linear, center top, center bottom, from(#f7f8fe), to(#edf0fb));
	border:1px solid #ccd3eb;
	border-bottom:0;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	height:29px;
	color:#535353;
}
#content .searchcontents .bar_expand a:hover {
	background:#0530b3;
	background: -moz-linear-gradient(top, #4c6bc8, #0530b3);
	background: -webkit-gradient(linear, center top, center bottom, from(#4c6bc8), to(#0530b3));
	border:1px solid #4c6bc8;
	border-bottom:0;
	color:#fff !important;
}
#content .searchcontents .bar_expand a .txt {
	display:block;
	padding:6px 0 0;
	font-size:100%;
	text-align:center;
}
#content .searchcontents .bar_expand a .b_icn {
	position:absolute;
	display:block;
	top:50%;
	right:6px;
	margin-top:-9px;
	font-size:116.6%;	/* 14px / 12px */
	width:12px;
	height:12px;
	text-align:center;
	line-height:20px;
	color:#8296d6;
}
#content .searchcontents > .expand_cts {
	position:relative;
	background:#eef1fd;
	border:1px solid #dadada;
	border-top:0;
	padding:20px;
}

#content .searchcontents #cts-categorysearchlist {
	padding:18px;
}
#content .searchcontents #cts-categorysearchlist .bar_expand a {
	border:0;
}
#content .searchcontents #cts-categorysearchlist .bar_expand a:hover {
	border:0;
}

#content .searchcontents #cts-categorysearchlist .listbox .rows {
	float:left;
	width:220px;
	margin-right:7px;
	padding-bottom:18px;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-r {
	margin-right:0;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw {
	width:670px;
	background:#fff;
	border:1px solid #cfd5ec;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding-bottom:0;
}
#content .searchcontents #cts-categorysearchlist .listbox .tit {
	background:#e0e4f4;
	border:1px solid #cfd5ec;
	border-bottom:0;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	padding:6px 7px 6px 12px;
	font-weight:bold;
}
#content .searchcontents #cts-categorysearchlist .listbox .tit.f-l {
	float:left;
	width:218px;
	padding:0;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .tit span {
	display:block;
	padding:8px 7px;
}

#content .searchcontents #cts-categorysearchlist .listbox .listitem .itembox {
	position:relative;
	border-bottom:1px solid #eeeeee;
	cursor:pointer;
}
#content .searchcontents #cts-categorysearchlist .listbox .listitem .itembox.item-checked {
	background:#fcf0df;
}
#content .searchcontents #cts-categorysearchlist .listbox .listitem .itembox input {
	position:absolute;
	top:12px;
	left:6px;
}
#content .searchcontents #cts-categorysearchlist .listbox .listitem .itembox label {
	display:block;
	padding:10px 8px 8px 24px;
}
#content .searchcontents #cts-categorysearchlist .listbox .listitem .itembox label .cnt {
	padding-left:4px;
}

/* list01 */
#content .searchcontents #cts-categorysearchlist .listbox .list01 {
	background:#fff;
	border:1px solid #cfd5ec;
	border-top:0;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-ms-border-radius: 0 0 2px 2px;
	height:200px;
	overflow-y:scroll;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .listitem.expand_group {
	position:relative;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .bar_expand {
	position:absolute;
	top:0;
	right:0;
	width:auto;
	border:0;
	text-align:center;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .bar_expand a {
	background:none;
	width:auto;
	height:auto;
	padding:10px;
	line-height:1;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .bar_expand a .b_icn {
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0;
	width:14px;
	height:14px;
	background:#c9c9c9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	color:#fff;
	font-size:100%;			/* 12px / 12px */
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:14px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .listitem .itembox input {
	top:12px;
	left:10px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .listitem .itembox label {
	padding:10px 26px 8px 30px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list01 .listitem .itembox label:hover {
	color:#ff7272;
}


/* list02 */
#content .searchcontents #cts-categorysearchlist .listbox .list02 {
	padding:2px;
	border-bottom:1px solid #eeeeee;
}
#content .searchcontents #cts-categorysearchlist .listbox .list02 .listitem .itembox {
	border-bottom:0;
}
#content .searchcontents #cts-categorysearchlist .listbox .list02 .listitem .itembox input {
	position:absolute;
	top:4px;
	left:20px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list02 .listitem .itembox label {
	display:block;
	padding:2px 0 2px 40px;
}
/* list03 */
#content .searchcontents #cts-categorysearchlist .listbox .list03 {
	padding-left:10px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list03 .listitem {
	float:left;
	white-space:nowrap;
}
#content .searchcontents #cts-categorysearchlist .listbox .list03 .listitem .itembox input {
	position:absolute;
	top:8px;
	left:8px;
}
#content .searchcontents #cts-categorysearchlist .listbox .list03 .listitem .itembox label {
	display:block;
	padding:8px 8px 8px 24px;
}
/* rows-lw > list03 */
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .list03.f-l {
	float:left;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .data03.f-l {
	float:left;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .search-freeword {
	width:423px;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .search-freeword .inputtextwrapp {
	display:block;
	padding:7px 16px 0;
}
#content .searchcontents #cts-categorysearchlist .listbox .rows-lw .search-freeword .inputtextwrapp input {
	display:block;
	width:100%;
}
#content .searchcontents #cts-categorysearchlist .btn-search {
	position:absolute;
	bottom:36px;
	right:40px;
	width:auto;
	background:#0e32ab;
	background: -moz-linear-gradient(top, #1a3eb7, #01259e);
	background: -webkit-gradient(linear, center top, center bottom, from(#1a3eb7), to(#01259e));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;

}
#content .searchcontents #cts-categorysearchlist .btn-search a {
	position:relative;
	display:block;
	background:url(/recipe/common/img/icn_arrow2r_gry.png) no-repeat 92% 50%;
	border:0;
	padding:3px 46px;
	color:#fff !important;
	font-size:125%;			/* 15px / 12px */
	font-weight:bold;
	text-align:center;
}
#content .searchcontents #cts-categorysearchlist .btn-search:after {
	content:'';
	position:absolute;
	background:url(/recipe/common/img/icn_search2.png) no-repeat 0 0;
	top:50%;
	left:20px;
	margin-top:-12px;
	width:24px;
	height:24px;
}
#content .searchcontents #cts-categorysearchlist .btn-search a span {
	display:table-cell;
	padding-left:15px;
	height:54px;
	vertical-align:middle;
}
#content .searchcontents #cts-categorysearchlist .btn-reset {
	position:absolute;
	bottom:14px;
	left:740px;
}
#content .searchcontents #cts-categorysearchlist .btn-reset a {
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 0 50%;
	padding-left:10px;
}
/* scrollbar */
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 13px;
	background: #fafafa;
}
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar-thumb {
	border: 2px solid #fafafa;
	background-color: #c1c1c1;
}
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar-button:start:decrement,
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar-button:end:increment {
	display: block;
	background: #f1f1f1 50% 50% no-repeat;
	-webkit-background-size: 9px 6px;
	background-size: 9px 6px;
}
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar-button:start:decrement {
	background-image: url(/recipe/common/img/icn_arrow4u_gry.png);
}
#content .searchcontents #cts-categorysearchlist ::-webkit-scrollbar-button:end:increment {
	background-image: url(/recipe/common/img/icn_arrow4d_gry.png);
}


/*------------------------
	共通設定：フッタエリア
------------------------*/
#stage .b-pagetop {
	width: 940px;
}


/*------------------------
	レシピ共通設定：モジュール
------------------------*/
/*「.piebox」＝各レシピの後ろshadow*/
#content.cts-featurelist .maincontents .cts-listdata .list01 .listitem .piebox {
	position: relative;/*relativeを入れないと背景が透過されてしまう*/
	display:block;
	background:#fff url(/recipe/common/img/bg_link_frm_rb1.png) no-repeat 99.2% 99.0%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	/*shadowは最初から#で指定した方がie8対応も楽になるかも。ここで#で指定しても、優先順位的にrgbaが優先されてしまうので*/
	-webkit-box-shadow: 0px 2px 2px 1px #E0D8D0;
	-moz-box-shadow: 0px 2px 2px 1px #E0D8D0;
	box-shadow: 0px 2px 2px 1px #E0D8D0;
	padding:4px 0;
}

/*boredrのグラデ（こ）
*/
#stage .bdbg {
	position: absolute;
	width: 942px;
	height: 235px;
	top:-1px;
	left:-1px;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background:#cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cccccc 0%,rgba(255,255,255,0) 100%); /* W3C */
/*▼なぜかこれがないとie9に効かない。*/
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
z-index: -1;


}

/*.hdn {	display:none !important;}	*/
.hdn {	display:none;}

.caption {
	color:#666;
}

.ta-c {
	text-align: center !important;
}

#stage .hover-zoom .frm-zoom {
	position:relative;
	display:block;
	overflow:hidden;
}
#stage .hover-zoom .frm-zoom img.tgt-zoom {
	position:relative;
	display:block;
}

#stage .cts-slide {
	position:relative;
	padding:10px;
}
#stage .cts-slide .slideblk {
	margin:0 auto;
	width:656px;
	overflow:hidden;
}
#stage .cts-slide .slideblk .list01 {
	width:2000px;
	margin-left:8px;
}
#stage .cts-slide .slideblk .list01 .listitem {
	float:left;
	width:115px;
	margin-right:16px;
	padding-top:4px;
}
#stage .cts-slide .slideblk .list01 .vis img {
	border:3px solid #fff;
	-webkit-box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
	-moz-box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
	box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
}
#stage .cts-slide .slideblk .list01 .txt {
	padding-top:6px;
	display:block;
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 0 8px;
	padding-left:10px;
}
#stage .cts-slide .b-prev {
	position:absolute;
	top:10px;
	left:0;
}
#stage .cts-slide .b-prev a {
	display:block;
	width:32px;
	height:80px;
	background:url(/recipe/common/img/btn_arrow_sliderecommend_l.png) no-repeat 0 0;
	text-indent:-9999em;
}
#stage .cts-slide .b-prev a:hover {
	background:url(/recipe/common/img/btn_arrow_sliderecommend_l_hover.png) no-repeat 0 0;
}
#stage .cts-slide .b-next {
	position:absolute;
	top:10px;
	right:0;
	text-indent:-9999em;
}
#stage .cts-slide .b-next a {
	display:block;
	width:32px;
	height:80px;
	background:url(/recipe/common/img/btn_arrow_sliderecommend_r.png) no-repeat 0 0;
}
#stage .cts-slide .b-next a:hover {
	background:url(/recipe/common/img/btn_arrow_sliderecommend_r_hover.png) no-repeat 0 0;
}

/* btn */
#content .btnblk {
	padding:10px 0;
}
#content .btn a {
	display:block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	padding:15px;
	font-size:120%;	/* 14.4px / 12px */
	font-weight:bold;
	text-align:center;
}
#content .btn a span {
	display:block;
	background:url(/recipe/common/img/icn_arrow2r_wh.png) no-repeat 100% 50%;
}

#content .btn.btn1 a {
	background:#c31c29;
	color:#fff;
}
#content .btn.btn1 a:link,
#content .btn.btn1 a:visited,
#content .btn.btn1 a:active {
	color:#fff !important;
	text-decoration:none;
}
#content .btn.btn1 a:hover {
	background:#c31c29;
	color:#fff !important;
	text-decoration:none;
}

#content .btn.w3c {		width:380px;	margin:0 auto;	}



/* padding/margin */
.pt0 { padding-top:0px !important;	}
.pt05 { padding-top:5px !important;	}
.pt15 { padding-top:10px !important;	}
.pt1 { padding-top:15px !important;	}
.pt2 { padding-top:20px !important;	}
.pt3 { padding-top:30px !important;	}
.pt4 { padding-top:40px !important;	}
.mt0 { margin-top:0px !important;	}
.mt1 { margin-top:10px !important;	}
.mt15 { margin-top:15px !important;	}
.mt2 { margin-top:20px !important;	}
.mt3 { margin-top:30px !important;	}
.mt4 { margin-top:40px !important;	}

.pb0 { padding-bottom:0px !important;	}
.pb05 { padding-bottom:5px !important;	}
.pb1 { padding-bottom:10px !important;	}
.pb15 { padding-bottom:15px !important;	}
.pb2 { padding-bottom:20px !important;	}
.pb3 { padding-bottom:30px !important;	}
.pb4 { padding-bottom:40px !important;	}
.pb10 { padding-bottom:100px !important;	}
.pb11 { padding-bottom:110px !important;	}
.mb0 { margin-bottom:0px !important;	}
.mb10 { margin-bottom:100px !important;	}
.mb05 { margin-bottom:5px !important;	}
.mb1 { margin-bottom:10px !important;	}
.mb2 { margin-bottom:20px !important;	}
.mb3 { margin-bottom:30px !important;	}
.mb4 { margin-bottom:40px !important;	}

.pl0 { padding-left:0px !important;	}
.pl05 { padding-left:5px !important;	}
.pl1 { padding-left:10px !important;	}
.pl15 { padding-left:15px !important;	}
.pl2 { padding-left:20px !important;	}
.pl3 { padding-left:30px !important;	}
.pl4 { padding-left:40px !important;	}
.ml1 { margin-left:10px !important;	}

.pr0 { padding-right:0px !important;	}
.pr05 { padding-right:5px !important;	}
.pr1 { padding-right:10px !important;	}
.pr15 { padding-right:15px !important;	}
.pr2 { padding-right:20px !important;	}
.pr3 { padding-right:30px !important;	}
.pr3 { padding-right:40px !important;	}
.mr1 { margin-right:10px !important;	}

.plr1 {padding-left:10px !important; padding-right:10px !important;	}



/* 管理画面のプレビュー時のみ適応/recipe/common/js/function.js参照 */
body.print_none .b-print{
	display:none;
}

/* レシピ動画 */
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .vis.video-container {
	position: relative;
	margin:0 30px 0 0;
	padding-bottom: 200px;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#content .video-container {
	position: relative;
	margin:0 30px 24px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#content .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#content .box-main .yt-area .thumb-area{
	position:relative;
}
#content .box-main .yt-area .thumb-area span{
	padding: 0 30px 23px;
	cursor: pointer;	
}
#content .box-main .yt-area .thumb-area span:after{
	position: absolute;
	content: "";
	top: 93px;
	left: 196px;
	width: 108px;
	height: 108px;
	cursor: pointer;
	background: url(../img/icon-play-01.png) no-repeat;
	display:block;
}
#content .box-main .yt-area .thumb-area span img{
	cursor: pointer;
}

/* レシピトップ右側 */
#content .box-sub .yt-area{
	padding: 0 10px;
}
#content .box-sub .yt-area .thumb-area{
	position:relative;
}
#content .box-sub .yt-area .thumb-area span{
	cursor: pointer;	
}
#content .box-sub .yt-area .thumb-area span:after{
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin-top: -27px;
	margin-left: -27px;
	cursor: pointer;
	background: url(../img/icon-play-01.png) no-repeat;
	background-size: 54px auto;
	display:block;
}
#content .box-sub .yt-area .thumb-area span img{
	cursor: pointer;
}
#content .box-main .youtube-area,
#content .box-sub .youtube-area,
#content.cts-featuredetail .cts-listdata .list01 .listitem .yt-area .youtube-area.vis{
	display:none;
}
#content.cts-featuredetail .cts-listdata .list01 .listitem .yt-area .youtube-area iframe{
	width: 340px !important;
	height: 232px !important;
}

#content.cts-featuredetail .cts-listdata .list01 .listitem .yt-area .vis{
	padding-bottom: 1px;
}
/* YouTubeの画面サイズを保持するためです */
#content .box-main iframe {
	padding: 0 30px 18px;
	width: 440px !important;
	height: 300px !important;
}
#content .box-sub iframe {
	width:168px !important;
	height: 115px !important;
}

#content.cts-featuredetail .cts-listdata .list01.list-par li{
	position:relative
}
#content.cts-featuredetail .cts-listdata .list01.list-par .listitem .thumb-area{
	position:absolute;
	z-index: 1;
    left: 15px;
    top: 80px;
	cursor: pointer;
}
#content.cts-featuredetail .cts-listdata .list01.list-par .listitem .thumb-area:after{
	position: absolute;
	content: "";
	top: 70px;
	left: 126px;
	width: 88px;
	height: 88px;
	cursor: pointer;
	background: url(../img/icon-play-02.png) no-repeat;
	display:block;
}