/* ------------------------------------------------------
ゆるみ ゆがみの影響
--------------------------------------------------------*/
#body-preterm-risk,
#body-hypertension-bloodcirculation,
#body-muscle-adverse,
#body-adverse-posture,
#body-adverse-return,
#body-adverse-distortion,
#body-adverse-hemorrhage{
	background:#FFF;
}
#body-preterm-presentation,
#body-hypertension-presentation,
#body-adverse-list,
#body-adverse-safebirth,
#body-adverse-care{
	border-bottom:100px solid #FFF;
}
#body-preterm-nexus .split-image > span img,
#adverse-factor .split-image > span img,
#adverse-loose .split-image > span img,
#adverse-distortion .split-image > span img,
#adverse-safebirth .split-image > span img,
#adverse-laceration .split-image > span img,
#adverse-hemorrhage .split-image > span img,
#adverse-womb .split-image > span img,
#body-hypertension-affect .split-image > span img{
	border:none;
	border-radius:0;
}
#body-hypertension-bloodcirculation .split-image > span img{
	border-radius:0;
}


/* 切迫早産・早産 */
#body-preterm-nexus .split-image > span{
	padding:10% 0;
	text-align:center;
}
#body-preterm-nexus .split-image > span > span{
	width:40%;
	display:inline-block;
	padding:0 15px;
	text-align:center;
}
#body-preterm-nexus .split-image > span > span.left-pct{
	padding-right:5%;
}
#body-preterm-nexus .split-image > span > span.right-pct{
	padding-left:5%;
}
@media only screen and (max-width:680px){
	#body-preterm-nexus .split-image > span > span{
		width:42%;
	}
}
@media only screen and (max-width:630px){
	#body-preterm-nexus .split-image > span{
		padding:10% 28%;
	}
	#body-preterm-nexus .split-image > span > span.left-pct,
	#body-preterm-nexus .split-image > span > span.right-pct{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
	}
	#body-preterm-nexus .split-image > span > span.left-pct{
		padding-bottom:50px;
	}
}
@media only screen and (max-width:530px){
	#body-preterm-nexus .split-image > span{
		padding:10% 23%;
	}
}
@media only screen and (max-width:480px){
	#body-preterm-nexus .split-image > span{
		padding:10% 20%;
	}
}
@media only screen and (max-width:420px){
	#body-preterm-nexus .split-image > span{
		padding:10% 17%;
	}
}
@media only screen and (max-width:360px){
	#body-preterm-nexus .split-image > span{
		padding:10% 15%;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	#body-preterm-nexus .split-image > span{
		padding:10% 25%;
	}
	#body-preterm-nexus .split-image > span > span.left-pct,
	#body-preterm-nexus .split-image > span > span.right-pct{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
	}
	#body-preterm-nexus .split-image > span > span.left-pct{
		padding-bottom:50px;
	}
}
@media only screen and (min-width:1200px){
	#body-preterm-nexus .split-image > span > span{
		width:45%;
	}
}


/* 妊娠高血圧症候群 */
#body-hypertension-affect .split-image > span{
	padding:7% 20%;
}
#body-hypertension-bloodcirculation .split-image > span{
	padding:10% 8% 10% 0;
}
@media only screen and (max-width:630px){
	#body-hypertension-affect .split-image > span{
		padding:7% 18%;
	}
}
@media only screen and (max-width:530px){
	#body-hypertension-affect .split-image > span{
		padding:7% 10%;
	}
}
@media only screen and (max-width:420px){
	#body-hypertension-affect .split-image > span{
		padding:7% 8%;
	}
}
@media only screen and (max-width:360px){
	#body-hypertension-affect .split-image > span{
		padding:7% 8%;
	}
}
@media only screen and (min-width:992px){
	#body-hypertension-affect .split-image > span{
		padding:7% 10%;
	}
}
@media only screen and (min-width:631px) and (max-width:991px){
	#body-hypertension-bloodcirculation .split-image > span{
		padding:5% 20% 5% 0;
	}
}
@media only screen and (min-width:1200px){
	#body-hypertension-affect .split-image > span{
		padding:7% 15%;
	}
}


/* 胎のうや子宮の形 */
#adverse-shape .split-image,
#adverse-posture .split-image,
#adverse-posture-care .split-image{
	margin-bottom:20px;
}
#adverse-shape .split-image:last-child,
#adverse-shape .split-image:nth-last-child(2),
#adverse-posture .split-image:last-child,
#adverse-posture .split-image:nth-last-child(2),
#adverse-posture-care .split-image:last-child,
#adverse-posture-care .split-image:nth-last-child(2){
	margin-bottom:0;
}
#adverse-posture-reference,
#adverse-safebirth-details,
#adverse-care-details{
	padding:0;
}
@media only screen and (max-width:991px){
	#adverse-shape .explanation-left,
	#adverse-posture .explanation-left,
	#adverse-posture-care .explanation-left{
		margin-bottom:20px;
	}
	#adverse-shape .split-image.float_l,
	#adverse-posture .split-image.float_l,
	#adverse-posture-care .split-image.float_l{
		padding-right:15px;
	}
	#adverse-shape .split-image.float_r,
	#adverse-posture .split-image.float_r,
	#adverse-posture-care .split-image.float_r{
		padding-left:15px;
	}
}
@media only screen and (max-width:630px){
	#adverse-shape .split-image.float_l,
	#adverse-posture .split-image.float_l,
	#adverse-posture-care .split-image.float_l{
		padding-right:10px;
	}
	#adverse-shape .split-image.float_r,
	#adverse-posture .split-image.float_r,
	#adverse-posture-care .split-image.float_r{
		padding-left:10px;
	}
}
@media only screen and (max-width:480px){
	#adverse-shape .split-image.float_l,
	#adverse-posture .split-image.float_l,
	#adverse-posture-care .split-image.float_l{
		padding-right:5px;
	}
	#adverse-shape .split-image.float_r,
	#adverse-posture .split-image.float_r,
	#adverse-posture-care .split-image.float_r{
		padding-left:5px;
	}
}
@media only screen and (max-width:410px){
	#adverse-shape .split-image,
	#adverse-posture .split-image,
	#adverse-posture-care .split-image{
		float:none;
		width:100%;
		padding:0;
	}
	#adverse-shape .split-image:nth-last-child(2),
	#adverse-posture .split-image:nth-last-child(2),
	#adverse-posture-care .split-image:nth-last-child(2){
		margin-bottom:20px;
	}
}


/* 逆子 */
#adverse-factor .split-image > span{
	padding:10% 25%;
}
@media only screen and (max-width:630px){
	#adverse-factor .split-image > span{
		padding:10% 28%;
	}
}
@media only screen and (max-width:530px){
	#adverse-factor .split-image > span{
		padding:10% 23%;
	}
}
@media only screen and (max-width:480px){
	#adverse-factor .split-image > span{
		padding:10% 20%;
	}
}
@media only screen and (max-width:420px){
	#adverse-factor .split-image > span{
		padding:10% 17%;
	}
}
@media only screen and (max-width:360px){
	#adverse-factor .split-image > span{
		padding:10% 15%;
	}
}
@media only screen and (min-width:992px){
	#adverse-factor .split-image > span{
		padding:10% 23%;
	}
}


/* お産の進行 */
#adverse-loose .split-image > span{
	padding:7% 2%;
	text-align:center;
}
#adverse-distortion .split-image > span{
	padding:7% 0;
	text-align:center;
}
#adverse-loose .split-image > span > span,
#adverse-distortion .split-image > span > span{
	width:40%;
	display:inline-block;
	padding:0 15px;
	text-align:center;
}
#adverse-safebirth .split-image > span{
	padding:10% 8%;
}
@media only screen and (max-width:680px){
	#adverse-loose .split-image > span > span,
	#adverse-distortion .split-image > span > span{
		width:42%;
	}
}
@media only screen and (max-width:630px){
	#adverse-loose .split-image > span{
		padding:7% 27%;
	}
	#adverse-distortion .split-image > span{
		padding:7% 25%;
	}
	#adverse-loose .split-image > span > span,
	#adverse-distortion .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px;
	}
	#adverse-loose .split-image > span > span.right-pct,
	#adverse-distortion .split-image > span > span.right-pct{
		padding-bottom:0;
	}
}
@media only screen and (max-width:530px){
	#adverse-loose .split-image > span{
		padding:7% 25%;
	}
	#adverse-distortion .split-image > span{
		padding:7% 23%;
	}
}
@media only screen and (max-width:480px){
	#adverse-loose .split-image > span{
		padding:7% 22%;
	}
	#adverse-distortion .split-image > span{
		padding:7% 20%;
	}
}
@media only screen and (max-width:420px){
	#adverse-loose .split-image > span{
		padding:7% 17%;
	}
	#adverse-distortion .split-image > span{
		padding:7% 15%;
	}
}
@media only screen and (min-width:631px) and (max-width:991px){
	#adverse-safebirth .split-image > span{
		padding:10% 12%;
	}
}
@media only screen and (min-width:992px){
	#adverse-loose .split-image > span{
		padding:7% 24%;
	}
	#adverse-distortion .split-image > span{
		padding:7% 22%;
	}
	#adverse-loose .split-image > span > span,
	#adverse-distortion .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px;
	}
	#adverse-loose .split-image > span > span.right-pct,
	#adverse-distortion .split-image > span > span.right-pct{
		padding-bottom:0;
	}
}


/* 分娩による大量出血 */
#adverse-laceration .split-image > span,
#body-adverse-hemorrhage .split-image > span{
	padding:10% 0;
	text-align:center;
}
#adverse-laceration .split-image > span > span,
#body-adverse-hemorrhage .split-image > span > span.left-pct,
#body-adverse-hemorrhage .split-image > span > span.right-pct{
	width:40%;
	display:inline-block;
	padding:0 15px;
	text-align:center;
}
#adverse-laceration .split-image > span > span.left-pct img{
	padding-top:15%;
}
#adverse-laceration .split-image > span > span.right-pct{
	padding-left:5%;
	padding-right:5%;
}
#adverse-hemorrhage .split-image > span > span.left-pct{
	padding-right:5%;
}
#adverse-hemorrhage .split-image > span > span.right-pct{
	padding-left:5%;
}
#adverse-womb .split-image > span > span.left-pct{
	padding-right:0;
}
#adverse-womb .split-image > span > span.right-pct{
	padding-left:0;
}
@media only screen and (max-width:991px){
	#body-adverse-care .explanation-left{
		margin-bottom:20px;
	}
	#body-adverse-care .split-image.float_l{
		padding-right:15px;
	}
	#body-adverse-care .split-image.float_r{
		padding-left:15px;
	}
}
@media only screen and (max-width:680px){
	#adverse-laceration .split-image > span > span,
	#body-adverse-hemorrhage .split-image > span > span.left-pct,
	#body-adverse-hemorrhage .split-image > span > span.right-pct{
		width:42%;
	}
}
@media only screen and (max-width:630px){
	#body-adverse-care .split-image.float_l{
		padding-right:10px;
	}
	#body-adverse-care .split-image.float_r{
		padding-left:10px;
	}
	#adverse-laceration .split-image > span,
	#adverse-womb .split-image > span{
		padding:10% 25%;
	}
	#adverse-hemorrhage .split-image > span{
		padding:10% 28%;
	}
	#adverse-laceration .split-image > span > span,
	#body-adverse-hemorrhage .split-image > span > span.left-pct,
	#body-adverse-hemorrhage .split-image > span > span.right-pct{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
	}
	#adverse-laceration .split-image > span > span.left-pct,
	#body-adverse-hemorrhage .split-image > span > span.left-pct{
		padding-bottom:70px;
	}
	#adverse-laceration .split-image > span > span.left-pct img{
		padding-top:0;
	}
}
@media only screen and (max-width:530px){
	#adverse-laceration .split-image > span{
		padding:10% 23%;
	}
	#adverse-hemorrhage .split-image > span{
		padding:10% 23%;
	}
	#adverse-womb .split-image > span{
		padding:10% 20%;
	}
}
@media only screen and (max-width:480px){
	#body-adverse-care .split-image.float_l{
		padding-right:5px;
	}
	#body-adverse-care .split-image.float_r{
		padding-left:5px;
	}
	#adverse-laceration .split-image > span{
		padding:10% 20%;
	}
	#adverse-hemorrhage .split-image > span{
		padding:10% 20%;
	}
	#adverse-womb .split-image > span{
		padding:10% 17%;
	}
}
@media only screen and (max-width:420px){
	#adverse-laceration .split-image > span{
		padding:10% 17%;
	}
	#adverse-hemorrhage .split-image > span{
		padding:10% 17%;
	}
	#adverse-womb .split-image > span{
		padding:10% 12%;
	}
}
@media only screen and (max-width:410px){
	#body-adverse-care .split-image.float_l,
	#body-adverse-care .split-image.float_r{
		float:none;
		width:100%;
		padding:0;
	}
	#body-adverse-care .split-image.float_l{
		margin-bottom:20px;
	}
}
@media only screen and (max-width:360px){
	#adverse-laceration .split-image > span{
		padding:10% 15%;
	}
	#adverse-hemorrhage .split-image > span{
		padding:10% 15%;
	}
	#adverse-womb .split-image > span{
		padding:10% 10%;
	}
}
@media only screen and (min-width:992px){
	#adverse-laceration .split-image > span{
		padding:10% 22%;
	}
	#adverse-laceration .split-image > span > span{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
	}
	#adverse-laceration .split-image > span > span.left-pct{
		padding-bottom:70px;
	}
	#adverse-laceration .split-image > span > span.left-pct img{
		padding-top:0;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	#adverse-hemorrhage .split-image > span{
		padding:10% 25%;
	}
	#adverse-womb .split-image > span{
		padding:10% 22%;
	}
	#body-adverse-hemorrhage .split-image > span > span.left-pct,
	#body-adverse-hemorrhage .split-image > span > span.right-pct{
		width:100%;
		display:block;
		padding-left:0;
		padding-right:0;
	}
	#body-adverse-hemorrhage .split-image > span > span.left-pct{
		padding-bottom:70px;
	}
}
@media only screen and (min-width:1200px){
	#body-adverse-hemorrhage .split-image > span > span.left-pct,
	#body-adverse-hemorrhage .split-image > span > span.right-pct{
		width:45%;
	}
}


/* 分娩による大量出血（イラスト色見本） */
#body-adverse-hemorrhage .color-caption{
	display:inline-block;
	margin-top:50px;
	text-align:left;
}
#body-adverse-hemorrhage .color-sample{
	display:inline-block;
	padding:0 20px 5px 0;
}
#body-adverse-hemorrhage .color-sample:last-child{
	padding-right:0;
}
#body-adverse-hemorrhage .color-sample > span{
	vertical-align:middle;
}
#body-adverse-hemorrhage .color-sample .color_ex{
	font-size:1.5em;
	line-height:1;
	padding-right:7px;
}
#body-adverse-hemorrhage .color1 .color_ex{
	color:#FAD8BE;
}
#body-adverse-hemorrhage .color2 .color_ex{
	color:#81BFE9;
}
#body-adverse-hemorrhage .color3 .color_ex{
	color:#BD8CB9;
}
#body-adverse-hemorrhage .color4 .color_ex{
	color:#86C490;
}
#body-adverse-hemorrhage .color5 .color_ex{
	color:#E50012;
}
#body-adverse-hemorrhage .color6 .color_ex{
	color:#0067B6;
}
@media only screen and (max-width:630px){
	#adverse-hemorrhage .color-caption{
		margin-left:-40%;
		margin-right:-40%;
	}
}
@media only screen and (max-width:580px){
	#adverse-hemorrhage .color-caption{
		margin-left:-30%;
		margin-right:-30%;
	}
}
@media only screen and (max-width:530px){
	#adverse-hemorrhage .color-caption{
		margin-left:-20%;
		margin-right:-20%;
		padding:0;
	}
}
@media only screen and (max-width:420px){
	#adverse-hemorrhage .color-caption{
		margin-left:-10%;
		margin-right:-10%;
		padding:0;
	}
}
@media only screen and (max-width:360px){
	#adverse-hemorrhage .color-caption{
		margin-left:0;
		margin-right:0;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	#adverse-hemorrhage .color-caption{
		margin-left:-50%;
		margin-right:-50%;
		padding:0 20%;
	}
}


/* メイン画像（_pc：W1920px＝100%, _sp：W991px＝100%） */
#body-adverse #introducion::before{
	background:url(/toco-belt/images/main-image/img_body_adverse_sp.webp) no-repeat 0 0 / 100%;
}
@media only screen and (min-width:992px){
	#body-adverse #introducion::before{
		background-image:url(/toco-belt/images/main-image/img_body_adverse_pc.webp);
	}
}


/* 次のコンテンツへ（W900px＝100%） */
#body-adverse #next-content.banner a{ /* 骨盤ケアの三原則 */
	background:url(/toco-belt/images/main-image/img_howto_care_sp.webp) no-repeat 50% 100% / 100%;
}