/* =================================================== nutrition1 */
.contents.detail.nutrition4 .pic,
.contents.detail.nutrition4 #block {text-align: center;}

	body.PC .contents.detail.nutrition4 .pic,
	body.PC .contents.detail.nutrition4 #block {margin: 50px 0;}
		body.SP .contents.detail.nutrition4 .pic,
		body.SP .contents.detail.nutrition4 #block {margin: 5% 0;}

.contents.detail.nutrition4 #block dl {
	vertical-align: top;
	border-radius: 4px 4px 0 0;
}

	body.PC .contents.detail.nutrition4 #block dl {
		display: inline-block;
		width: 300px;
		height: 160px;
		margin: 0 8px;
	}
	
		body.SP .contents.detail.nutrition4 #block dl {
			display: inline-block;
			width: 100%;
			margin: 0 0 3%;
		}

.contents.detail.nutrition4 #block dt {
	background-color: #fff;
	border: solid 2px #f52e36;
	vertical-align: middle;
	color: #000;
	line-height: 1.4em;
	box-sizing: border-box;
}

	body.PC .contents.detail.nutrition4 #block dt {
		display: table-cell;
		width: 300px;
		height: 70px;
		font-size: 16px;
	}
	
		body.SP .contents.detail.nutrition4 #block dt {
			width: 100%;
			padding: 2%;
			font-size: 1.5rem;
		}

.contents.detail.nutrition4 #block dd {
	line-height: 1.5em;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	color: #f52e36;
	background: url("../../images/nutrition/icon_y.png") no-repeat center top;
}

.contents.detail.nutrition4 #block dd span {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 3%;
	box-sizing: border-box;
	border: solid 2px #f52e36;
}

	body.PC .contents.detail.nutrition4 #block dd {
		padding: 30px 0;
		font-size: 16px;
		background-size: 64px 17px;
	}
	
		body.SP .contents.detail.nutrition4 #block dd {
			padding: 5% 0;
			font-size: 1.7rem;
			background-size: auto 1rem;
		}
		
		body.SP .contents.detail.nutrition4 #block dd span br {display: none;}