@charset "utf-8";


#detailContainer {
	padding-top: 30px;
	padding-bottom: 20px;
}

#detailPanel {
	margin: 0 0 20px;
/*	padding: 3px 3px 30px;*/
	padding: 3px 3px 0;
	background: #fff;
	border-radius: 4px;
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	
}

#detailHeader {
	min-height: 20px;
	padding: 39px 27px 17px;
	text-align: right;
}

/* @group clearfix ----------------------------------------- */

#detailHeader:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
	font-size:0;
}

* html #detailHeader {/* IE6 */
	zoom:1;
}

*:first-child+html #detailHeader {/* IE7 */
	zoom:1;
}

/* @end */


#detailHeader dl {
	float: right;
	display: table;
}

#detailHeader dt,
#detailHeader dd {
	/*display: inline-block;*/
	display: table-cell;
}

#detailHeader dt {
	padding: 0 10px 0 0;
	border-right: solid 1px #e3e3e3;
	white-space: nowrap;
}

#detailHeader dd {
	padding: 0 0 0 10px;
}

#detailHeader dd a {
	display: block;
	color: #000;
}

#detailHeader dd a.blank {
	padding-left: 19px;
	background: url(/common/images/icon_003.jpg) 2px 6px no-repeat;
}

#detailInner {
	padding: 0 27px 10px;
}

#recipeTitle {
	margin: 0 0 20px;
	font-size: 24px;
	line-height: 1.25;
	font-weight: bold;
}

#detailPanel .description,
#recipeSummary .recipeTable th,
#recipeSummary .recipeTable td,
#recipeHowto .howto li,
#recipeHowto .material h3,
#recipeHowto .materialList dl dt,
#recipeHowto .materialList dl dd,
.btmRecipe .btmRecipeBlock .recipeName {
	font-size: 14px;
}

#detailPanel .description {
	margin: 0 0 30px;
	padding: 0 0 45px;
	border-bottom-style: solid;
	border-bottom-size: 3px;
}

#recipeSummary {
	margin: 0 0 30px;
	/*padding: 0 0 30px;*/
	border-bottom-style: none;
	/*border-bottom-size: 3px;*/
}

#mainPhoto {
	float: left;
	overflow: hidden;
	width: 500px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

#mainPhoto img {
	width: 500px;
	height: 375px;
}

#recipeSummary .infoArea {
	float: right;
	width: 360px;
}

#recipeSummary .recipeTable,
#recipeSummary .drinkToFit,
#recipeSummary .drinkUsedFor {
	overflow: hidden;
	width: 100%;
	margin: 0 0 10px;
	border: solid 1px #ddd;
	border-radius: 4px;
}

#recipeSummary .recipeTable {
	margin-bottom: 9px;
}

#recipeSummary .recipeTable table {
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

#recipeSummary .recipeTable th,
#recipeSummary .recipeTable td {
	padding: 9px 19px 6px;
	background-color: #fcfcfc;
	font-weight: bold;
}

#recipeSummary .sum1 th,
#recipeSummary .sum1 td,
#recipeSummary .sum3 th,
#recipeSummary .sum3 td {
	background-color: #f3f3f3;
}

#recipeSummary .recipeTable th {
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: 14px 7px;
	background-size: 24px 24px;
	text-align: left;
}

#recipeSummary .recipeTable td {
	text-align: right;
}

#recipeSummary .drinkToFit,
#recipeSummary .drinkUsedFor {
	padding: 14px 0 3px;
	background: url(../images/drink_bg.png) left bottom repeat-x;
	text-align: center;
}

#recipeSummary .drinkList {
	width: 182px;
	height: 14px;
	margin: 0 auto 6px;
	text-indent: -999em;
}

#recipeSummary .drinkToFit .drinkList {
	background: url(../images/drink_to_fit.png) no-repeat;
}

#recipeSummary .drinkUsedFor .drinkList {
	background: url(../images/rn_drink_used_for.png) no-repeat;
}

#recipeSummary li {
	display: inline-block;
	padding: 0 10px;
}

#recipeSummary li img {
	width: 88px;
	height: 120px;
}

#recipeSummary .drinkUsedFor li img {
	width: 196px;
}


#recipeSummary .btnPrint {
	float: right;
}



#recipeHowto {
/*	margin: 0 0 30px;*/
}

#recipeHowto .material {
	float: right;
	width: 360px;
	margin-bottom: 30px;
}

#recipeHowto .material h3 {
	padding: 8px 0 7px;
	color: #fff;
	border-radius: 4px 4px 0 0;
	font-weight: bold;
	text-align: center;
}

#recipeHowto .materialList {
	overflow: hidden;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-radius: 0 0 4px 4px;
}

#recipeHowto .materialList dl {
/*	display: table;*/
	width: 100%;
	padding: 8px 18px 7px;
	background: #fcfcfc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#recipeHowto .materialList dl:nth-child(2n+1) {
	background: #f3f3f3;
}

#recipeHowto .materialList dl dt,
#recipeHowto .materialList dl dd {
/*	display: table-cell;*/
	padding: 0;
}

#recipeHowto .materialList dl dt {
	float: left;
}

#recipeHowto .materialList dl dt input {
	display: none;
}

#recipeHowto .materialList dl dd {
	float: right;
}





#recipeHowto .howto {
	float: left;
	width: 500px;
	margin-bottom: 30px;
}

#recipeHowto .howto ol {
	padding-bottom: 1px;
	background: url(../images/dotline_howto2.png) 0 100% repeat-x;
	/*border-bottom: dotted 1px #ccc;*/
}

#recipeHowto .howto li {
	position: relative;
	display: table;
	width: 100%;
/*	padding: 14px 0;*/
	padding-top: 1px;
	/*border-top: dotted 1px #ccc;*/
	background: url(../images/dotline_howto2.png) 0 0 repeat-x;
}

#recipeHowto .howto li span {
	display: table-cell;
	vertical-align: middle;
}

#recipeHowto .howto li span.text {
	padding: 25px 0;
}

#recipeHowto .howto li .num {
	width: 34px;
	padding-left: 5px;
	padding-right: 20px;
	text-align: center;
}

#recipeHowto .howto li .num span {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
}

#recipeHowto .howto li.imgItem {
	padding: 20px 0;
}

#recipeHowto .howto li.imgItem .num {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 10;
}



#recipeHowto .howto li.imgItem .photo {
	width: 160px;
	padding: 0 21px 0 15px;
	vertical-align: top;
}

#recipeHowto .howto li.imgItem .photo img {
	width: 160px;
	height: 120px;
	border-radius: 4px;
}

#recipeHowto .howto li.imgItem span.text {
	padding: 0;
}

#recipeHowto .adviceArea {
	clear: both;
	margin: 0 0 20px;
	padding: 0 16px 0 28px;
	background: url(../images/body_bg04.png);
	border-radius: 4px;
}

#recipeHowto .adviceArea .textArea {
	float: left;
	width: 640px;
	padding: 27px 0 20px;
}

#recipeHowto .adviceAreaPhotoOff .textArea {
	float: none;
	width: auto;
}

#recipeHowto .adviceArea .textArea h3 {
	width: 219px;
	height: 35px;
	margin: 0 0 16px;
	background: url(../images/detail_advice.png) no-repeat;
	text-indent: -999em;
}


#recipeHowto .adviceArea .photoArea {
	float: right;
	width: 183px;
	height: 166px;
	margin: 3px 0 15px;
	padding: 35px 0 0 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#recipeHowto .adviceArea .photoArea img {
	width: 156px;
	height: 117px;
}



.btmRecipe {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 22px 0 20px;
	background: url(../images/body_bg05.png);
	border-radius: 4px;
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	text-align: center;
}

.btmRecipe h3 {
	margin: 0 0 22px;
}

#btmRecipeOther h3 {
	display: inline-block;
	padding-left: 30px;
	background: url(../images/slash_left.png) no-repeat;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}

#btmRecipeNew h3 {
	display: inline-block;
	width: 154px;
	height: 22px;
	background: url(../images/recipe_new.png) no-repeat;
	text-indent: -999em;
}


#recipeContainerWeekly #btmRecipeNew h3 {
	background: url(../images/recipe_new2.png) no-repeat;
}

#recipeContainerHarapeko #btmRecipeNew h3 {
	width: 100%;
	background: url(../images/recipe_new3.png) 50% 0 no-repeat;
}


#btmRecipeOther h3 span {
	display: inline-block;
	height: 22px;
	padding-top: 3px;
	padding-right: 30px;
	background: url(../images/slash_right.png) 100% 0 no-repeat;
}

.btmRecipeInner {
	padding-left: 115px;
/*	letter-spacing: -.40em;*/
}

.btmRecipe .btmRecipeBlock {
	float: left;
	position: relative;
/*	display: inline-block;
	letter-spacing: normal;*/
	width: 224px;
	margin: 0 5px;
	padding: 3px;
	background: #fff;
	border-radius: 4px;
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.btmRecipe .btmRecipeBlock .photo img {
	border-radius: 2px 2px 0 0;
}

.btmRecipe .btmRecipeBlock .recipeName {
	position: relative;
	padding: 16px 13px;
	text-align: left;
}

.btmRecipe .btmRecipeBlock .recipeName a {
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.btmRecipe .btmRecipeBlock .recipeName a.new {
	padding-right: 40px;
}

.btmRecipe .btmRecipeBlock a.new:after {
	content: url(../images/icon_new.png);
	position: absolute;
	top: 0;
	right: 7px;
	width: 32px;
	height: 34px;
}

.btmRecipe .btmRecipeBlock .newIcon,
.btmRecipe .btmRecipeBlock .angle {
	display: block;
	position: absolute;
}

.btmRecipe .btmRecipeBlock .recipeName:after{
	content: "";
	display: block;
	width:0;
	height:0;
	border-bottom:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	position: absolute;
	top: -10px;
	left: 20px;
	z-index: 9;
}

#btmBtnArea {
	clear: both;
	height: 50px;
	padding: 10px 0;
	text-align: center;
}

#btmBtnArea .btnSTop {
	display: inline-block;
	width: 310px;
}

#btmBtnArea .btnSTop a {
	display: block;
	width: 310px;
	height: 50px;
	background-image: url(../images/btn_back.png);
	background-repeat: no-repeat;
	border-radius: 4px;
	text-indent: -999em;
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}


/*140926*/
#btmRecommend {
	margin: 0 0 15px;
}

#btmRecommend h3 {
    height: 49px;
    margin: 30px 0 20px;
	background: url(/common_recipe/images/body_bg02.png);
    border-radius: 4px;
}

#btmRecommend h3 span {
	display: block;
	height: 49px;
	background-image: url(../images/detail_stit_recommend.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -999em;
}

#btmRecommend .btmRecBlock {
	float: left;
	position: relative;
	width: 304px;
	margin: 0 10px 10px 0;
	padding: 3px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

#btmRecommend .btmRecBlock:nth-child(3n) {
	margin-right: 0;
}

#btmRecommend .btmRecBlock .photo {
	position: relative;
	display: block;
	width: 304px;
	height: 188px;
	overflow: hidden;
}

#btmRecommend .new .photo:before {
	content: url(../images/icon_new.png);
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	width: 32px;
	z-index: 10;
}

#btmRecommend .btmRecBlock .photo img {
	width: 100%;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}

#btmRecommend .btmRecBlock .recTitle {
	position: absolute;
	left: 4px;
	bottom: 12px;
}

#detailPanel {
	position: relative;
}

/* @group SNS */

#pcSNS {
	display: block;
}

#spSNS {
	display: none;
}

.detailSNS#pcSNS {
	float: left;
	/*position: absolute;
	top: 590px;
	right: 226px;*/
	width: 165px;
	border-left: 1px solid #e3e3e3;
	text-align: left;
}

.detailSNS li {
	display: inline-block;
	border-right: 1px solid #e3e3e3;
	text-align: center;
}

#pcSNS li {
	padding: 0 !important;
}

.detailSNS#pcSNS li.snsLine {
	display: none;
}

.detailSNS li a {
	display: block;
	
	box-sizing: border-box;
}

#pcSNS li a {
	width: 54px;
	height: 34px;
	padding: 7px 0;
}

.detailSNS#pcSNS li img {
	display: inline-block;
	width: auto;
	height: 20px;
}

/* @end */

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

	#detailInner {
		padding: 0 17px 10px;
	}
	
	#detailHeader dd a.blank {
		background: url(/common/images/icon_003.jpg) 2px 6px no-repeat;
	}
	
	#mainPhoto {
		width: 375px;
	}
	
	#mainPhoto img {
		position: relative;
		left: -62px;
		width: 500px;
/*		max-width: 500px;*/
		min-width: 500px;
	}
	
	#recipeSummary .infoArea {
		width: 313px;
	}
	
	#recipeSummary li {
		padding: 0 5px;
	}
	
	#recipeSummary .btnPrint {
		/*display: none;*/
	}
	
	#recipeSummary .btnPrint a {
		display: none;
		/*display: block;
		width: 127px;
		height: 34px;
		background: url(../../images/rn_btn_print_tb.png) no-repeat;
		text-indent: -999em;
		outline: none;*/
	}
	
	/*#recipeSummary .btnPrint a img {
		display: inline;
	}*/
	
	#recipeHowto .material {
		float: none;
		width: auto;
	}
	
	#recipeHowto .materialList .matRow {
		/*display: table;*/
		width: 100%;
		background-color: #fcfcfc;
		background-image: url(../images/mat_bg.png);
		background-repeat: repeat-y;
		background-position: 50% 0;
	}
	
	#recipeHowto .materialList .matRow:nth-child(2n+1) {
		background-color: #f3f3f3;
	}
	
	#recipeHowto .materialList .matRow dl {
		float: left;
		/*display: table-cell;*/
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: top;
/*		border-right: 1px solid #333;*/
	}
	
	#recipeHowto .materialList .matRow dl {
		background: none;
	}
	
	
	#recipeHowto .materialList .matRow dl:nth-child(2n+1) {
		/*border-right: solid 1px #ddd;*/
	}
	
	
	#recipeHowto .howto {
		float: none;
		width: auto;
	}
	
	#recipeHowto .adviceArea .textArea {
		width: 460px;
	}
	
	.btmRecipeInner {
		padding-left: 14px;
	}
	
	/*140926*/
	#btmRecommend {
		margin: 0 0 15px;
	}
	
	
	#btmRecommend .btmRecBlock {
		width: 237px;
		margin: 0 9px 10px 0;
	}
	
	
	#btmRecommend .btmRecBlock .photo {
		width: 237px;
		height: 189px;
	}
	
	/* @group SNS */
	
	.detailSNS {
		right: 166px;
	}
	
	.detailSNS#pcSNS li.snsLine {
		display: inline-block;
	}
	
	
	/* @end */
	
	/* @group clearfix ----------------------------------------- */
	
	.matRow:after {
		display:block;
		clear:both;
		visibility:hidden;
		height:0;
		content:".";
		font-size:0;
	}
	
	* html .matRow {/* IE6 */
		zoom:1;
	}
	
	*:first-child+html .matRow {/* IE7 */
		zoom:1;
	}
	
	/* @end */
	
	
}

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

}

@media screen and (max-width: 640px){
	
	#detailContainer {
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 10px;
	}
	
	#detailPanel {
		margin-bottom: 10px;
		padding: 2px;
		-moz-box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
		
	}
	
	
	#detailHeader {
		min-height: 0;
		padding: 24px 10px 16px;
		background-size: 472px 14px;
		text-align: left;
/*		font-size: 10px;*/
	}
	
	#detailHeader dl {
		float: left;
	}
	
	#detailHeader dd a.blank {
		padding-left: 14px;
		background: url(/common/images/icon_003.jpg) 0 3px no-repeat;
		background-size: 10px 8px;
	}
	
	#detailInner {
		/*padding: 0 8px 18px;*/
		padding: 0 8px;
	}
	
	#recipeTitle {
		margin: 0 0 15px;
		font-size: 14px;
	}
	
	#detailPanel .description,
	#recipeSummary .recipeTable th,
	#recipeSummary .recipeTable td,
	#recipeHowto .howto li,
	#recipeHowto .materialList dl dt,
	#recipeHowto .materialList dl dd,
	.btmRecipe .btmRecipeBlock .recipeName {
		font-size: 10px;
	}
	
	
	#detailPanel .description {
		margin: 0;
		padding: 0 0 15px;
		border: none;
/*		border-bottom-width: 2px;*/
/*		font-size: 10px;*/
	}
	
	
	
	#mainPhoto {
		overflow: none;
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	
	#mainPhoto img {
		left: 0;
		width: auto;
		height: auto;
		max-width: 100%;
		min-width: 0;
	}
	
	#recipeSummary {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	#recipeSummary .infoArea {
		float: none;
		width: auto;
	}
	
	#recipeSummary .recipeTable th, #recipeSummary .recipeTable td {
		padding: 5px;
	}
	
	#recipeSummary .recipeTable th {
		padding-left: 28px;
		background-size: 18px 18px;
		background-position: 7px 4px;
	}
	
	#recipeSummary .drinkToFit,
	#recipeSummary .drinkUsedFor {
		padding: 9px 0 5px;
		background: url(../images/drink_bg_sp.png) left bottom repeat-x;
		background-size: 20px 35px;
	}
	
	#recipeSummary .drinkList {
		width: 136px;
		height: 11px;
	}
	
	#recipeSummary .drinkToFit .drinkList {
		background: url(../images/drink_to_fit_sp.png) no-repeat;
		background-size: 136px 11px;
	}
	
	#recipeSummary .drinkUsedFor .drinkList {
		background: url(../images/rn_drink_used_for_sp.png) no-repeat;
		background-size: 136px 11px;
	}
	
	#recipeSummary li {
		padding: 0 10px;
	}
	
	#recipeSummary li img {
		width: 70px;
		height: 95px;
	}
	
	#recipeSummary .drinkUsedFor li img {
		width: 155px;
	}
	
	#recipeHowto .material {
		margin-bottom: 20px;
	}
	
	#recipeHowto .material h3 {
		height: 23px;
		padding: 0;
		font-size: 11px;
		line-height: 23px;
	}
	
	#recipeSummary .btnPrint {
		display: none;
	}
	
	#recipeHowto .materialList dl {
		padding: 5px 8px;
	}
	
	#recipeHowto .materialList dl dt {
		position: relative;
		padding-left: 20px;
	}
	
	#recipeHowto .materialList dl dt input {
		/*display: inline-block;*/
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		/*float: left;*/
		margin: 0 5px 0 0;
	}
	
	
	
	#recipeHowto .howto {
		margin-bottom: 20px;
	}
	
	#recipeHowto .howto ol {
		background: url(../images/dotline_howto.png) 0 100% repeat-x;
		background-size: 4px 1px;
		border-bottom: none;
	}
	
	#recipeHowto .howto li {
		padding: 1px 0 0;
		border: none;
		background: url(../images/dotline_howto.png) 0 0 repeat-x;
		background-size: 4px 1px;
		font-size: 11px;
	}
	
	#recipeHowto .howto li .num {
		width: 20px;
		padding-left: 3px;
		padding-right: 8px;
	}
	
	#recipeHowto .howto li .num span {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}
	
	#recipeHowto .howto li span.text {
		padding: 15px 0;
	}
	
	#recipeHowto .howto li.imgItem {
		padding: 15px 0;
	}
	
	#recipeHowto .howto li.imgItem .photo {
		/*width: 100px;
		padding: 0 10px 0 5px;*/
		width: 35%;
		min-width: 100px;
	}
	
	#recipeHowto .howto li.imgItem .photo img {
		/*width: 100px;
		height: 75px;*/
		width: 100%;
		height: auto;
	}
	
	#recipeHowto .materialList .matRow:last-child {
		border-radius: 0 0 4px 4px;
	}
	
	#recipeHowto .adviceArea {
		margin-bottom: 18px;
		padding: 15px 15px 12px;
		background-size: 50px 50px;
	}
	
	#recipeHowto .adviceArea .textArea {
		float: none;
		width: auto;
		margin: 0 0 6px;
		padding: 0;
	}
	
	#recipeHowto .adviceArea .textArea h3 {
		width: 134px;
		height: 22px;
		margin: 0 auto 13px;
		background: url(../images/detail_advice_sp.png) no-repeat;
		background-size: 134px;
		height: 22px;
	}
	
	#recipeHowto .adviceArea .photoArea {
		float: none;
		width: 136px;
		height: 118px;
		margin: 0 auto;
		padding: 18px 0 0 9px;
		background-size: 136px 118px;
	}
	
	#recipeHowto .adviceArea .photoArea img {
		width: 120px;
		height: 90px;
	}
	
	.btmRecipe {
		margin: 0 0 10px;
		padding: 11px 0 10px;
		background-size: 50px 50px;
		-moz-box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
		box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
	}
	
	.btmRecipe h3 {
		margin: 0 0 11px;
	}
	
	#btmRecipeOther h3,
	#btmRecipeOther h3 span,
	#btmRecipeNew h3,
	#btmRecipeNew h3 span {
		background-size: 6px 11px !important;
	}
	
	#btmRecipeOther h3,
	#btmRecipeNew h3 {
		padding-left: 15px;
		background-image: url(../images/slash_left.png) !important;
		background-position: 0 0 !important;
		background-repeat: no-repeat;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#btmRecipeOther h3 span,
	#btmRecipeNew h3 span {
		padding-right: 15px;
		background-image: url(../images/slash_right.png);
		background-position: 100% 0;
		background-repeat: no-repeat;
	}
	
	#btmRecipeNew h3 {
		width: auto !important;
		height: auto;
		text-indent: 0;
		/*width: 77px;
		height: 11px;
		background-size: 77px 11px;*/
	}
	
	.btmRecipeInner {
/*		width: 297px;*/
		position: relative;
		margin: 0 auto;
		padding: 0;
		position: relative;
/*		left: 50%;*/
	}
	
	.btmRecipeInner .btmRecipeInner2 {
/*		width: 100%;*/
		padding-left: 2px;
		padding-right: 3px;
/*		margin-left: -50%;*/
	}
	
	.btmRecipe .col {
		float: left;
		width: 33.3333%;
		padding: 0 2px 0 3px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.btmRecipe .btmRecipeBlock {
/*		float: none;
		display: inline-block;*/
		/*width: 90px;*/
		
		width: 100%;
		margin: 0;
		padding: 2px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.btmRecipe .btmRecipeBlock .recipeName {
		padding: 9px 6px;
	}
	
	.btmRecipe .btmRecipeBlock a.new:after {
		content: "";
		display: block;
		top: 0;
		right: 0;
		width: 16px;
		height: 17px;
		background: url(../images/icon_new_sp.png) no-repeat;
		background-size: 16px 17px;
	}
	
	.btmRecipe .btmRecipeBlock .recipeName:after {
		border-bottom:5px solid #fff;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		top: -5px;
		left: 18px;
	}
	
	.btmRecipe .btmRecipeBlock .recipeName a.new {
		display: inline-block;
		padding-right: 16px;
	}
	
	#btmBtnArea {
		height: 30px;
		padding: 5px 5px;
		text-align: center;
	}
	
	#btmBtnArea .btnSTop {
		display: inline-block;
		width: 155px;
	}
	
	#btmBtnArea .btnSTop a {
		display: block;
		width: 155px;
		height: 30px;
		background-image: url(../images/btn_back_sp.png);
		background-repeat: no-repeat;
		border-radius: 2px;
		background-size: 155px 30px;
	}
	
	/*140926*/
	#btmRecommend {
		margin: 0 0 15px;
	}
	
	#btmRecommend h3 {
	    height: 25px;
	    margin: 15px 0 10px;
	    background-size: 50px 50px;
	}
	
	#btmRecommend h3 span {
		height: 25px;
		background-size: 100px auto;
	}
	
	#btmRecommend .btmRecBlock {
		width: 48%;
		margin: 0;
		padding: 2px;
		border-radius: 2px;
	}
	
	#btmRecommend .btmRecBlock:nth-child(3n+1) {
		float: left;
	}
	
	#btmRecommend .btmRecBlock:nth-child(3n+2) {
		float: right;
	}
	
	#btmRecommend .btmRecBlock:nth-child(3n) {
		display: none;
	}
	
	#btmRecommend .btmRecBlock .photo {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 62%;
	}
	
	#btmRecommend .new .photo:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 5px;
		width: 16px;
		height: 17px;
		background: url(../images/icon_new.png);
		background-size: 16px 17px;
	}
	
	#btmRecommend .btmRecBlock .photo img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-moz-border-radius: 2px 2px 0 0;
		-webkit-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
	}
	
	#btmRecommend .btmRecBlock .recTitle {
		position: absolute;
		left: 2px;
		bottom: 6px;
		width: 100%;
		max-width: 236px;
	}
	
	#btmRecommend .btmRecBlock .recTitle img {
		width: 100%;
		height: auto;
	}
	
	
	/* @group clearfix ----------------------------------------- */
	
	.btmRecipeInner2:after {
		display:block;
		clear:both;
		visibility:hidden;
		height:0;
		content:".";
		font-size:0;
	}
	
	* html .btmRecipeInner2 {/* IE6 */
		zoom:1;
	}
	
	*:first-child+html .btmRecipeInner2 {/* IE7 */
		zoom:1;
	}
	
	/* @end */
	
	/* @group SNS */
	
	.detailSNS#spSNS {
		display: block;
		position: static;
		width: auto;
		margin-bottom: 15px;
		border-left: none;
		text-align: center;
	}
	
	.detailSNS#pcSNS {
		display: none;
	}
	
	.detailSNS li {
		width: 16.12903%;
		padding: 0 4.8387%;
		box-sizing: border-box;
		border-right: 1px solid #e3e3e3;
	}
	
	.detailSNS li:first-child {
		border-left: 1px solid #e3e3e3;
	}
	
	.detailSNS li a {
		width: 100%;
		height: auto;
		padding: 0;
		box-sizing: border-box;
	}
	
	.detailSNS li img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	
	/* @end */
}