html.PC .sp_only{
		display: none;
	}
		html.SP .sp_only{
			display: block;
		}

.tweet{
	text-align: right;
	margin: 20px 0 0 0;
}
	#detail .tweet img{
		width: 120px;
		height: auto;
	}
html.PC p.image{
	width: 100%;
	margin: 0 auto;
}

html.PC #detail section p.image_2,
html.PC #detail section p.image_3 {
	width: 80%;
	margin: 20px auto;
	text-align: center;
}
	html.SP #detail section p.image_2,
	html.SP #detail section p.image_3 {
		width: 90%;
		margin: 0 auto;
	}

html.PC .kanren {
	height: auto;
	border: solid 1px #ccc;
	margin: 30px 0 20px 0;
}
html.PC .kanren .pic {
	margin: 0;
	box-sizing: border-box;
}
html.PC #detail .kanren .pic,
html.PC #detail .kanren table {
	display: table-cell;
	vertical-align: middle;
}
html.PC .kanren .pic {
	width: 245px;
	height: 245px;
	/*float: left;*/
	padding: 10px;
}
html.PC #detail .kanren .pic img {width: 100%;}
html.PC #detail .kanren table {
	width: 739px;
	height: auto;
	border: none;
}
html.PC #detail tr {border-top: solid 1px #ccc;}
html.PC #detail tr:first-child {border-top: none;}
html.PC #detail th, html.PC #detail td {
	border: none;
	border-left: solid 1px #ccc;
}
#detail th{
	width: 140px;
}
	html.PC #detail .products th{
		width: 140px;
	}
	html.SP #detail th{
		width: 20%;
	}

	html.SP .kanren #pic {
		width: 60%;
		margin: 0 auto;
		text-align: center;
	}
	
	
	html.SP .kanren {
		border: solid 1px #ccc;
		margin: 0 auto 5%;
	}
	html.SP .kanren #pic img {width: 100%;}
	html.SP #detail table {border: 1px solid #ccc;}
	html.SP #detail .kanren table {border: none;}
	html.SP #detail th:first-child {border-left: none;}
	html.SP #detail th, html.SP #detail td {
		border: none;
		border-left: solid 1px #ccc;
		border-top: solid 1px #ccc;
	}

span.pic_cap{
	font-size: 85%;
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 0;
	line-height: 1.5em;
}
	html.PC span.pic_cap{
		width: 260px;
	}

/* NEW */
#detail section p.new {
	width: 40px;
	height: 20px;
	position: relative;
	background: #f26b00;
	color: #ffffff;
	font-family: 'Hiragion Kaku Gothic Pro', 'Meiryo', sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 4px 5px 7px 5px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}
	html.PC #detail section p.new {
		margin-left: 10px;
		margin-top: -5px;
	}
	html.SP #detail section p.new {
		width: 3em;
		height: auto;
		margin-left: 2%;
		margin-top: -1%;
		padding: 1% 1% 1% 2%;
	}

	html.SP .pc_only{display: none;}

#detail p small {
	display: inline-block;
	color: #333;
	line-height: 1.4;
}
#detail p.indent-1 small {
	padding-left: 1em;
	text-indent: -1em;
}
	html.PC #detail section p {
		line-height: 1.8;
		margin-bottom: 0;
	}
		html.SP #detail section p {
			line-height: 1.6;
			margin-bottom: 0;
		}


#detail dl {
	margin: 0;
	padding: 0;
}
	html.PC #detail dl.ingredients {
		display: inline-block;
		position: relative;
	}
	html.PC #detail table dl.ingredients dt {
		position: absolute;
		left: 0;
	}
	/*html.PC #detail table dl dd{
		margin-left: 16em;
		text-align: right;
	}*/
	html.PC #detail table dl.ingredients dd {
		margin-left: 21em;
		text-align: right;
	}
	html.PC #detail .relation table dl.ingredients dd {
		margin-left: 21em;
		text-align: right;
	}
		html.SP #detail table dl.ingredients dt {
			clear: both;
			float: left;
		}
		html.SP #detail table dl.ingredients dt,
		html.SP #detail table dl.ingredients dd {
			display: inline-block;
		}
		html.SP #detail table dl.ingredients dd {
			float: right;
			text-align: right;
			margin: 0;
		}
		html.SP #detail table dl.ingredients dd:before {
			content: ' … ';
		}
	html.PC #detail img.pattern{width: 400px;}
		html.SP #detail img.pattern{width: 100%; margin: 0 auto;}

.annotation {
	position: relative;
	margin: 3px 0 0;
	padding-left: 25px;
	font-weight: normal;
}

#detail p.annotation small {
	display: block;
	line-height: 1.4;
}

.annotation span {
	position: absolute;
	left: 0;
	top: 0;
}