/* ------------------------------------------------------
骨盤のしくみ ①
--------------------------------------------------------*/
#body-pelvis-base,
#body-pelvis-distort,
#body-pelvis-so{
	background:#FFF;
}
#body-pelvis-change{
	border-bottom:100px solid #FFF;
}
#body-pelvis-base .split-image > span img,
#body-pelvis-about .split-image > span img,
#body-pelvis-change .split-image > span img,
#body-pelvis-loose .split-image > span img{
	border:none;
	border-radius:0;
}


/* 骨盤は体の土台 */
/* 体の土台 “骨盤” */
#pelvis-base .split-image > span{
	padding:7% 20%;
}
@media only screen and (max-width:630px){
	#pelvis-base .split-image > span{
		padding:7% 18%;
	}
}
@media only screen and (max-width:530px){
	#pelvis-base .split-image > span{
		padding:7% 15%;
	}
}
@media only screen and (max-width:420px){
	#pelvis-base .split-image > span{
		padding:7% 10%;
	}
}
@media only screen and (max-width:360px){
	#pelvis-base .split-image > span{
		padding:7% 8%;
	}
}
@media only screen and (min-width:992px){
	#pelvis-base .split-image > span{
		padding:7% 10%;
	}
}
@media only screen and (min-width:1200px){
	#pelvis-base .split-image > span{
		padding:7% 15%;
	}
}


/* 骨盤について */
#pelvis-system ol.split-content{
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
#pelvis-system ol.split-content li{
	margin-bottom:30px;
	padding-left:30px;
}
#pelvis-system ol.split-content li::before {
	content:counter(my-counter);
	counter-increment:my-counter;
	display:block;
	float:left;
	width:20px;
	height:20px;
	margin-top:2px;
	margin-left:-30px;
	border:1px solid ;
	border-radius:50%;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	letter-spacing:-.1em;
	text-indent:-0.1em
}
#pelvis-system ol.split-content li .split-ttl{
	margin-bottom:4px;
	font-size:1.6rem;
}
#pelvis-system ol.split-content li .split-ttl span{
	font-size:1.4rem;
	font-weight:normal;
}
#pelvis-system .split-image > span{
	padding:7% 20%;
}
#pelvis-system .split-image .left-pct{
	display:block;
	margin-bottom:30px;
}
#pelvis-system .split-image .right-pct{
	display:block;
}
@media only screen and (max-width:630px){
	#pelvis-system .split-image > span{
		padding:7% 15%;
	}
}
@media only screen and (max-width:480px){
	#pelvis-system .split-image > span{
		padding:7% 10%;
	}
}
@media only screen and (max-width:420px){
	#pelvis-system .split-image > span{
		padding:7% 5%;
	}
}
@media only screen and (min-width:992px){
	#pelvis-system .split-image > span{
		padding:7% 8%;
	}
}
@media only screen and (min-width:1200px){
	#pelvis-system .split-image > span{
		padding:7% 12%;
	}
}


/* 骨盤の変化 */
#pelvis-oldlife .split-image > span,
#pelvis-modernlife .split-image > span{
	padding:7% 15%;
}
#pelvis-oldlife .split-image > span img,
#pelvis-modernlife .split-image > span img{
	margin-bottom:30px;
}
#pelvis-shape .split-image > span{
	padding:7% 0;
	text-align:center;
}
#pelvis-shape .split-image > span > span{
	display:inline-block;
}
body.care-maternity #pelvis-shape .split-image > span > span{
	padding:0 15px;
}
body.care-way #pelvis-shape .split-image > span > span{
	padding:0 30px 50px;
}
body.care-way #pelvis-shape .split-image > span > span:nth-last-of-type(-n+2){
	padding-bottom:0;
}
body.care-maternity #pelvis-shape .split-image > span > span{
	width:30%;
}
body.care-way #pelvis-shape .split-image > span > span{
	width:40%;
}
#pelvis-change-reference{
	padding-top:0;
}
@media only screen and (max-width:680px){
	#pelvis-shape .split-image > span > span{
		padding:0 10px;
	}
}
@media only screen and (max-width:630px){
	#pelvis-oldlife .split-image > span,
	#pelvis-modernlife .split-image > span{
		padding:7% 15%;
	}
	#pelvis-shape .split-image > span{
		padding:7% 28%;
	}
	body.care #pelvis-shape .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px !important;
	}
	body.care #pelvis-shape .split-image > span > span:last-of-type{
		padding-bottom:0 !important;
	}
}
@media only screen and (max-width:480px){
	#pelvis-oldlife .split-image > span,
	#pelvis-modernlife .split-image > span{
		padding:7% 10%;
	}
	#pelvis-shape .split-image > span{
		padding:7% 23%;
	}
}
@media only screen and (max-width:420px){
	#pelvis-oldlife .split-image > span,
	#pelvis-modernlife .split-image > span{
		padding:7% 5%;
	}
	#pelvis-shape .split-image > span{
		padding:7% 20%;
	}
}
@media only screen and (min-width:992px){
	#pelvis-oldlife .split-image > span,
	#pelvis-modernlife .split-image > span{
		padding:7% 8%;
	}
	#pelvis-shape .split-image > span{
		padding:7% 25%;
	}
	body.care #pelvis-shape .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px !important;
	}
	body.care #pelvis-shape .split-image > span > span:last-of-type{
		padding-bottom:0 !important;
	}
	/*body.care-way #pelvis-shape .split-image > span > span:nth-last-of-type(2){
		padding-bottom:0;
	}*/
}
@media only screen and (min-width:1200px){
	#pelvis-oldlife .split-image > span,
	#pelvis-modernlife .split-image > span{
		padding:7% 12%;
	}
}





/* ------------------------------------------------------
骨盤のしくみ ②
--------------------------------------------------------*/
/* 骨盤がゆるむとどうなるの？ */
/* 骨盤のゆるみ・ゆがみを見逃さないで！  */
#pelvis-loose-lumbago .split-image > span,
#pelvis-loose-floormuscles .split-image > span,
#pelvis-loose-style .split-image > span{
	background:none;
	border:none;
	padding:0 23% 50px;
}
#pelvis-loose-protect .split-image > span{
	padding:7% 0;
	text-align:center;
}
#pelvis-loose-protect .split-image > span > span{
	width:40%;
	display:inline-block;
	padding:0 15px;
	text-align:center;
}
@media only screen and (max-width:680px){
	#pelvis-loose-protect .split-image > span > span{
		width:42%;
	}
}
@media only screen and (max-width:630px){
	#pelvis-loose-lumbago .split-image > span,
	#pelvis-loose-floormuscles .split-image > span,
	#pelvis-loose-style .split-image > span{
		padding:0 20% 30px;
	}
	#pelvis-loose-protect .split-image > span{
		padding:7% 25%;
	}
	#pelvis-loose-protect .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px;
	}
	#pelvis-loose-protect .split-image > span > span.right-pct{
		padding-bottom:0;
	}
}
@media only screen and (max-width:530px){
	#pelvis-loose-lumbago .split-image > span,
	#pelvis-loose-floormuscles .split-image > span,
	#pelvis-loose-style .split-image > span{
		padding:0 10% 10px;
	}
	#pelvis-loose-protect .split-image > span{
		padding:7% 23%;
	}
}
@media only screen and (max-width:480px){
	#pelvis-loose-protect .split-image > span{
		padding:7% 20%;
	}
}
@media only screen and (max-width:420px){
	#pelvis-loose-lumbago .split-image > span,
	#pelvis-loose-floormuscles .split-image > span,
	#pelvis-loose-style .split-image > span{
		padding:0 0 10px;
	}
	#pelvis-loose-protect .split-image > span{
		padding:7% 15%;
	}
}
@media only screen and (min-width:992px){
	#pelvis-loose-lumbago .split-image > span,
	#pelvis-loose-floormuscles .split-image > span,
	#pelvis-loose-style .split-image > span{
		padding:0 15%;
	}
	#pelvis-loose-lumbago .split-content,
	#pelvis-loose-floormuscles .split-content{
		padding-top:20px;
	}
	#pelvis-loose-protect .split-image > span{
		padding:7% 22%;
	}
	#pelvis-loose-protect .split-image > span > span{
		width:100%;
		display:block;
		padding:0 0 50px;
	}
	#pelvis-loose-protect .split-image > span > span.right-pct{
		padding-bottom:0;
	}
}
@media only screen and (min-width:1200px){
	#pelvis-loose-lumbago .split-image > span,
	#pelvis-loose-floormuscles .split-image > span,
	#pelvis-loose-style .split-image > span{
		padding:0 20%;
	}
}


/* だから骨盤ケア！ */
#body-pelvis-so{
}


/* メイン画像（_pc：W1920px＝100%, _sp：W991px＝100%） */
#body-pelvis.care-maternity #introducion::before{
	background:url(/toco-belt/images/main-image/img_body_pelvis_sp.webp) no-repeat 0 0 / 100%;
}
#body-pelvis.care-way #introducion::before{
	background:url(/toco-belt/images/main-image/img_body_pelvis_w_sp.webp) no-repeat 0 0 / 100%;
}
@media only screen and (max-width:530px){
	#body-pelvis.care-maternity #introducion::before{
		background-size:104%;
		background-position: center center;
	}
}
@media only screen and (min-width:992px){
	#body-pelvis.care-maternity #introducion::before{
		background-image:url(/toco-belt/images/main-image/img_body_pelvis_pc.webp);
	}
	#body-pelvis.care-way #introducion::before{
		background-image:url(/toco-belt/images/main-image/img_body_pelvis_w_pc.webp);
	}
}


/* 次のコンテンツへ（W900px＝100%） */
#body-pelvis.care-maternity #next-content.banner a{ /* 腹直筋離開 */
	background:url(/toco-belt/images/next-bnr/bnr_body_muscle.webp) no-repeat 50% 58% / 120%;
}
#body-pelvis.care-way #next-content.banner a{ /* 腹直筋離開 */
	background:url(/toco-belt/images/next-bnr/bnr_body_muscle_w.webp) no-repeat 40% 53% / 170%;
}
@media only screen and (max-width:630px){
	#body-pelvis.care-maternity #next-content.banner a{
		background-position:45% 58%;
	}
	#body-pelvis.care-way #next-content.banner a{
		background-position:35% 54%;
	}
}
@media only screen and (max-width:420px){
	#body-pelvis.care-maternity #next-content.banner a{
		background-position:45% 65%;
	}
	#body-pelvis.care-way #next-content.banner a{
		background-position:35% 58%;
	}
}