/* ------------------------------------------------------
赤ちゃんの頭にゆがみがあると
--------------------------------------------------------*/
#distort-baby #main{
	background:#FFF;
}
#distort-baby #next-content,
#distort-baby #list-baby,
#distort-baby #page3.pagination,
#body-balance,
#happen-distort .split-explanation2,
#cause-distortion .split-explanation1,
#cause-mukiguse,
#breastfeeding,
#recover-mukiguse .split-explanation1,
#recover-distort .split-explanation2{
	background:#FCFAF2; /* 白練 */
}
#distort-baby .split-explanation > h1{
	margin-bottom:20px;
	padding:0 30px;
	color:#938773; /* マスティック */
	font-size:2.4rem;
	font-weight:bold;
	text-shadow:
		1px 1px 1px rgba(255,255,255,1),
		1px -1px 1px rgba(255,255,255,1),
		-1px 1px 1px rgba(255,255,255,1),
		-1px -1px 1px rgba(255,255,255,1),
		2px 2px 2px rgba(0,0,0,0.3);
}
#happen-distort,
#cause-distortion,
#recover-mukiguse,
#recover-distort{
	padding:0;
}
#distort-baby .split-explanation1,
#distort-baby .split-explanation2{
	padding:70px 0;
}
#body-balance .split-image img,
#bad-condition .split-image img,
#improve-distortion .split-image img,
#cause-distortion .split-image img{
	border:none;
	border-radius:0;
}
@media only screen and (max-width:530px){
	#distort-baby .split-explanation1,
	#distort-baby .split-explanation2{
		padding:50px 0;
	}
}
@media only screen and (max-width:360px){
	#distort-baby .split-explanation > h1{
		font-size:2rem;
	}
}
@media only screen and (max-width:991px){
	#why-necessary .explanation-left,
	#necessary-gravity .explanation-right,
	#necessary-ohina .explanation-right,
	#cause-breast .explanation-left,
	/*#cause-spine .explanation-left,*/
	#mukiguse-factor .explanation-right,
	#start-recover .explanation-left,
	#undistorted-body .explanation-right,
	#recover-point .explanation-left,
	#this-gap .explanation-right{
		margin-bottom:30px;
	}
}
@media only screen and (min-width:531px) and (max-width:991px){
	#distort-baby .split-explanation > h1 span{
		display:inline-block;
	}
}
@media only screen and (min-width:768px){
	#distort-baby .split-explanation1,
	#distort-baby .split-explanation2{
		padding:100px 0;
	}
	#distort-baby .split-explanation > h1{
		margin-bottom:30px;
		text-align:center;
	}
}
@media only screen and (min-width:992px){
	#distort-baby .split-explanation > h1{
		margin-bottom:70px;
	}
}


/* コンテンツ紹介 */
@media only screen and (max-width:360px){
	#smile-baby #introducion h1{
		font-size:2.5rem;
	}
	#smile-baby #introducion h1 span.pr_10{
		padding-right:0 !important;
	}
}

/* ■■■■■■■■■■■■■■■■■■■■ page1 ■■■■■■■■■■■■■■■■■■■■ */

/* 頭のゆがみや体のバランス */
#body-balance .split-image > span{
	padding:0;
	border:none;
	border-radius:0;
	background:none;
}
#body-balance .split-content ul{
	padding-left:1em;
	list-style:outside disc;
}


/* 赤ちゃんの頭がゆがむとどうなるの？ */
#bad-condition .split-image > span{
	display:table-cell;
	padding:3% 3% 0;
	text-align:center;
}
#bad-condition .split-image img{
	display:inline-block;
	width:calc(100% / 3);
	padding:0 3%;
	vertical-align:bottom;
}
@media only screen and (max-width:530px){
	#bad-condition .split-image > span{
		padding:3% 2% 0;
	}
	#bad-condition .split-image img{
		padding:0 2%;
	}
}
@media only screen and (max-width:420px){
	#bad-condition .split-image img{
		padding:0 1%;
	}
}
@media only screen and (min-width:992px){
	#bad-condition .split-image > span{
		padding:3% 2% 0;
	}
	#bad-condition .split-image img{
		padding:0 2%;
	}
}


/* 頭のゆがみはどうして起こるの？ */
/*#distortion-c-curve .split-image > span{
	padding:7% 15% 5%;
}
#distortion-c-curve .split-image img{
	padding:0 15%;
}
#distortion-c-curve .split-image .caption{
	display:inline-block;
}*/
#mukiguse-factor .split-image > span{
	padding:5%;
}
#mukiguse-factor .split-image img{
	border:none;
	border-radius:0;
}
#pelvis-distortion .split-image > span{
	padding:0;
	border:none;
	border-radius:0;
	background:none;
}
#pelvis-distortion .split-image img{
	width:40%;
	padding-bottom:20px;
}
@media only screen and (max-width:630px){
	#pelvis-distortion .split-image img{
		width:45%;
	}
}
@media only screen and (max-width:530px){
	/*#distortion-c-curve .split-image img{
		padding:0 10%;
	}*/
	#pelvis-distortion .split-image img{
		width:50%;
		padding-bottom:10px;
	}
}
@media only screen and (max-width:460px){
	#pelvis-distortion .split-image img{
		width:65%;
	}
}
@media only screen and (max-width:420px){
	/*#distortion-c-curve .split-image > span{
		padding:7% 10% 5%;
	}*/
	#pelvis-distortion .split-image img{
		width:80%;
	}
}
@media only screen and (max-width:360px){
	#mukiguse-factor .split-image > span{
		padding:10% 15%;
	}
	#mukiguse-factor .split-image .float_l.w_50per,
	#mukiguse-factor .split-image .float_r.w_50per{
		float:none;
		width:100%;
		display:block;
	}
	#mukiguse-factor .split-image .float_l.w_50per{
		margin-bottom:20px !important;
	}
}
@media only screen and (min-width:992px){
	/*#distortion-c-curve .split-image img{
		padding:0 10%;
	}*/
	#cause-distortion .split-image > span{
		padding:5% 10%;
	}
	#pelvis-distortion .split-image > span{
		padding:0;
	}
	#pelvis-distortion .split-image img{
		width:70%;
	}
}


/* ■■■■■■■■■■■■■■■■■■■■ page2 ■■■■■■■■■■■■■■■■■■■■ */

/* 知らず知らずに向きぐせがついていく */
#early-aomuke .split-image > span{
	padding:0;
	border:none;
	border-radius:0;
	background:none;
}
#early-aomuke .split-image img{
	width:60%;
	border:none;
	border-radius:0;
}
#improve-distortion .split-image > span{
	padding:5% 25% 0;
}
@media only screen and (max-width:630px){
	#early-aomuke .split-image img{
		width:80%;
	}
}
@media only screen and (max-width:530px){
	#improve-distortion .split-image > span{
		padding:5% 20% 0;
	}
}
@media only screen and (max-width:420px){
	#early-aomuke .split-image img{
		width:100%;
	}
}
@media only screen and (max-width:410px){
	#improve-distortion .split-image > span{
		padding:5% 10% 0;
	}
	#start-recover .split-image,
	#undistorted-body .split-image{
		float:none;
		width:100%;
	}
	#start-recover .split-image.float_l,
	#undistorted-body .split-image.float_l{
		margin-bottom:20px !important;
	}
}
@media only screen and (min-width:992px){
	#early-aomuke .split-image img{
		width:70%;
	}
	#early-aomuke .split-image > span{
		padding:0;
	}
	#improve-distortion .split-image > span{
		padding:7% 15% 0;
	}
	#undistorted-body .split-image > span{
		padding:7% 15%;
	}
	#start-recover .split-image,
	#undistorted-body .split-image{
		margin-bottom:0;
	}
}


/* ゆがみをなおすポイント */
/*#recover-distort{
}
#recover-point .split-image > span{
	padding:5%;
}
@media only screen and (max-width:360px){
	#recover-point .split-image > span{
		padding:5% 3%;
	}
}*/


/* ■■■■■■■■■■■■■■■■■■■■ page3 ■■■■■■■■■■■■■■■■■■■■ */

/* 理由のひとつに向きぐせ */
#cause-mukiguse{
	padding-top:50px;
}
#cause-mukiguse h2,
#cause-spine h2{
	margin-bottom:10px;
}
#cause-mukiguse h2 span,
#cause-spine h2 span{
	display:inline-block;
	padding:.5em 2em;
	border:1px solid;
	border-radius:1.2em;
}
#cause-mukiguse .split-content > div,
#cause-spine .split-content > div{
	margin-bottom:20px;
}
#cause-mukiguse .split-image > span{
	margin:0 -1%;
	background:none;
	border:none;
	border-radius:0;
}
#cause-mukiguse .split-image img{
	display:inline-block;
	width:calc(100% / 3);
	padding:0 1%;
	border:none;
}
#cause-mukiguse ul,
#cause-mukiguse ol{
	text-align:left;
}
@media only screen and (max-width:991px){
	#cause-mukiguse .split-image{
		margin-bottom:20px;
	}
	#cause-mukiguse li,
	#cause-spine li{
		display:inline-block;
		padding-right:10px;
	}
	#cause-mukiguse li:last-child{
		padding-right:0;
	}
}
@media only screen and (max-width:420px){
	#cause-mukiguse .split-image img{
		width:50%;
	}
	#cause-mukiguse .split-image img:last-child{
		display:none;
	}
}
@media only screen and (max-width:767px) and (min-width:992px){
	#cause-mukiguse .split-image > span{
		margin:0 -2%;
	}
	#cause-mukiguse .split-image > span img{
		padding:0 2%;
	}
}


/* お母さんのおっぱいの状態は */
#cause-breast{
	padding-top:50px;
}
#cause-breast .explanation-right{
	overflow:hidden;
}
#cause-breast .split-image{
	float:left;
	width:calc(100% / 3);
}
@media only screen and (max-width:991px){
	#cause-breast .explanation-right{
		margin:0 -2%;
	}
	#cause-breast .split-image{
		padding:0 2%;
	}
}
@media only screen and (max-width:767px){
	#cause-breast .explanation-right{
		margin:0 -1%;
	}
	#cause-breast .split-image{
		padding:0 1%;
	}
}
@media only screen and (max-width:480px){
	#cause-breast .explanation-right{
		margin:0 -2%;
	}
	#cause-breast .split-image{
		width:50%;
		margin-bottom:20px;
		padding:0 2%;
	}
	#cause-breast .split-image:last-child{
		margin-bottom:0;
	}
}


/* お母さんの背骨のゆがみがあると */
/*#cause-spine{
	padding-top:50px;
}
#cause-spine .split-image > span{
	padding:5%;
}
#cause-spine .split-image img{
	border:none;
	border-radius:0;
}
@media only screen and (max-width:410px){
	#cause-spine .split-image{
		float:none;
		width:100%;
		padding:0 10%;
	}
}
@media only screen and (max-width:320px){
	#cause-spine .split-image{
		padding:0 ;
	}
}
@media only screen and (min-width:992px){
	#cause-spine .split-image{
		margin-bottom:0;
	}
}*/


/* 母乳育児を上手くすすめていくため */
#breastfeeding{
}


/* ページ送り */
#page3.pagination{
	margin-bottom:100px;
}


/* 次のコンテンツへ */
#distort-baby #next-content.banner a{ /* “まるまるねんね” でにこにこあかちゃん */
	background:url(/baby-hug/images/baby/img_massage_baby.webp) no-repeat center 50% / cover;
}
@media only screen and (max-width:530px){
	#distort-baby #next-content.banner a{ /* “まるまるねんね” でにこにこあかちゃん */
		background-position:center 70%;
	}
}
@media only screen and (max-width:360px){
	#next-content.banner span{
		font-size:1.4rem
	}
}
@media only screen and (min-width:992px){
	#distort-baby #next-content.banner a{ /* “まるまるねんね” でにこにこあかちゃん */
		background-position:center 55%;
	}
}
@media only screen and (min-width:1200px){
	#distort-baby #next-content.banner a{ /* “まるまるねんね” でにこにこあかちゃん */
		background-position:center 50%;
	}
}