/* ------------------------------------------------------
“まるまるねんね”でにこにこあかちゃん
--------------------------------------------------------*/
#smile-baby #main{
	background:#FFF;
}
#smile-baby #next-content,
#smile-baby #list-baby,
#smile-baby #marumaru-3principles,
#smile-baby .split-explanation2,
#smile-baby #aoba-marumaru,
#smile-baby #spinal-growth{
	background:#FCFAF2; /* 白練 */
}
#smile-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);
}
@media only screen and (max-width:360px){
	#smile-baby .split-explanation > h1{
		font-size:2rem;
	}
}
@media only screen and (min-width:531px) and (max-width:991px){
	#smile-baby .split-explanation > h1 span{
		display:inline-block;
	}
}
@media only screen and (min-width:768px){
	#smile-baby .split-explanation > h1{
		margin-bottom:30px;
		text-align:center;
	}
}
@media only screen and (min-width:992px){
	#smile-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;
	}
}


/* “まるまる育児”の三原則 */
#marumaru-3principles{
	margin-bottom:100px;
}
#marumaru-3principles div.split-image{
	margin-bottom:50px;
}
#marumaru-3principles .split-image img{
	border:none;
	border-radius:0;
}
#marumaru-3principles div.split-image > span{
	padding:5% 20%;
	background:none;
	border:none;
	border-radius:0;
}
#marumaru-3principles p.split-image > span{
	padding:5% 30%;
}
#marumaru-3principles #not-twist p.split-image img{
	width:50%;
}
#marumaru-3principles #not-stretch p.split-image img{
	width:90%;
}
#marumaru-3principles .split-content{
	margin-bottom:50px;
}
#marumaru-3principles .split-content:last-child{
	margin-bottom:0;
}
#marumaru-3principles .split-content > div{
	margin-bottom:20px;
}
@media only screen and (max-width:680px){
	#marumaru-3principles div.split-image > span{
		padding:5% 15%;
	}
}
@media only screen and (max-width:530px){
	#marumaru-3principles div.split-image > span{
		padding:5% 10%;
	}
	#marumaru-3principles p.split-image > span{
		padding:10% 25%;
	}
}
@media only screen and (max-width:420px){
	#marumaru-3principles div.split-image > span{
		padding:5%;
	}
}
@media only screen and (min-width:992px){
	#marumaru-3principles div.split-image > span{
		padding:0 10% 5%;
	}
	#marumaru-3principles p.split-image{
		float:left;
		width:40%;
	}
	#marumaru-3principles .split-content > div{
		float:right;
		width:60%;
		margin-bottom:0;
		padding-top:10px;
	}
	#marumaru-3principles p.split-image > span{
		padding:10%;
	}
}
@media only screen and (min-width:1200px){
	#marumaru-3principles div.split-image{
		margin-bottom:0;
	}
	#marumaru-3principles div.split-image > span{
		padding:0 15% 5%;
	}
}


/* 青葉の“まるまるねんね” */
#aoba-marumaru h1 > span{
	display:inline-block;
}
#aoba-marumaru .explanation-center-txt p{
	font-size:1.6rem;
}
#aoba-marumaru a.marumaru-series{
	display:block;
	overflow:hidden;
}
#aoba-marumaru a.marumaru-series:hover .explanation-inner{
	border-color:#C8A65D; /* からし色 */
}
#aoba-marumaru a.marumaru-series:hover img{
	filter:alpha(opacity=100); opacity:1;
}
#aoba-marumaru.explanation .pict img{
	width:80%;
	height:auto;
}
#aoba-marumaru .explanation-center > p img{
	width:60%;
	padding-bottom:30px;
}
@media only screen and (max-width:991px){
	#aoba-marumaru.explanation .pict{
		padding-top:30px;
	}
	#aoba-marumaru .explanation-single{
		padding-bottom:30px;
	}
}
@media only screen and (max-width:767px){
	#aoba-marumaru .explanation-center-txt p{
		text-align:justify; text-justify:inter-ideograph;
	}
}
@media only screen and (max-width:630px){
	#aoba-marumaru .explanation-center > p img{
		width:80%;
	}
	#aoba-marumaru.explanation .pict{
		padding-top:20px;
	}
	#aoba-marumaru.explanation .pict img{
		width:90%;
	}
	#aoba-marumaru .explanation-single{
		padding-bottom:20px;
	}
}
@media only screen and (max-width:420px){
	#aoba-marumaru.explanation .pict{
		padding-top:10px;
	}
	#aoba-marumaru.explanation .pict img{
		width:100%;
	}
	#aoba-marumaru .explanation-single{
		padding-bottom:0;
	}
}
@media only screen and (max-width:360px){
	#aoba-marumaru .container > h1{
		font-size:1.9rem;
	}
}
@media only screen and (min-width:992px){
	#aoba-marumaru .explanation-center > p img{
		width:100%;
		padding-top:100px;
		padding-bottom:50px;
	}
	#aoba-marumaru .explanation-center-txt{
		float:none;
		padding-bottom:200px;
	}
	#aoba-marumaru a.marumaru-series#ohina{ /* おひなまき */
		position:relative;
		top:40px;
	}
	#aoba-marumaru a.marumaru-series#mypiillo-neo{ /* マイピーロ ネオ */
		position:relative;
		top:40px; right:-15%;
	}
	#aoba-marumaru a.marumaru-series#nedoko{ /* 天使の寝床 */
		/*position:relative;
		right:15%;*/
	}
	#aoba-marumaru a.marumaru-series#sling{ /* スリング */
		position:relative;
		left:-125%;
		bottom:170px
	}
	#aoba-marumaru.explanation .pict img{
		width:100%;
	}
}


/* まるまるねんね”がなぜ必要 */
#why-necessary.split-explanation{
	padding:0;
}
#why-necessary .split-explanation1,
#why-necessary .split-explanation2{
	padding:70px 0;
}
#why-necessary .split-image > span{
	padding:5% 30%;
}
#necessary-perfect .split-image > span{
	padding:0 20% 5%;
	background:none;
	border:none;
	border-radius:0;
}
#why-necessary .split-image img{
	border:none;
	border-radius:0;
}
#why-necessary #necessary-play .split-image img{
	width:80%;
	padding:5% 0;
}
@media only screen and (max-width:530px){
	#why-necessary .split-explanation1,
	#why-necessary .split-explanation2{
		padding:50px 0;
	}
	#why-necessary .split-image > span{
		padding:10% 25%;
	}
	#necessary-perfect .split-image > span{
		padding:0 20% 5%;
	}
}
@media only screen and (max-width:420px){
	#necessary-perfect .split-image > span{
		padding:0 10% 5%;
	}
}
@media only screen and (max-width:360px){
	#necessary-perfect .split-image > span{
		padding:0 5% 5%;
	}
}
@media only screen and (min-width:768px){
	#why-necessary .split-explanation1,
	#why-necessary .split-explanation2{
		padding:100px 0;
	}
}
@media only screen and (min-width:992px){
	#necessary-perfect .split-content{
		padding-top:50px;
	}
}


/* きれいな“背骨育て” */
#spinal-growth{
	margin-bottom:100px;
	padding-top:50px;
}
#spinal-growth .container > h1{
	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);
}
#spinal-growth .container > h1 span{
	display:inline-block;
}
#spinal-growth .trisect-pict img{
	height:200px;
}
#spinal-growth .container > div:last-child .trisect-pict img{
	height:250px;
}
@media only screen and (max-width:991px){
	#spinal-growth .container > div{
		padding-top:50px;
		border-bottom:1px solid #EBE1C5; /* バニラ */
	}
	#spinal-growth .container > div:last-child{
		border-bottom:none;
	}
}
@media only screen and (min-width:768px){
	#spinal-growth .container > h1{
		text-align:center;
	}
}
@media only screen and (min-width:992px){
	#spinal-growth .container > h1{
		margin-bottom:70px;
	}
	#spinal-growth .container div:last-child .trisect-pict{
		position:relative;
		height:150px;
	}
	#spinal-growth .trisect-pict img{
		height:150px;
	}
	#spinal-growth .container > div:last-child .trisect-pict img{
		height:200px;
	}
	#spinal-growth .container > div:last-child .trisect-pict img{
		position:absolute;
		top:-50px;
		right:40%
	}
	#spinal-growth .trisect-content{
		padding:0 10px;
	}
}


/* 次のコンテンツへ */
#smile-baby #next-content.banner a{ /* 赤ちゃんは寝るのが仕事 */
	background:url(/baby-hug/images/baby/img_baby_sleeping_face.webp) no-repeat center 80% / cover;
}
@media only screen and (max-width:767px){
	#smile-baby #next-content.banner a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 70%;
	}
}
@media only screen and (max-width:630px){
	#smile-baby #next-content.banner a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 80%;
	}
}
@media only screen and (max-width:530px){
	#smile-baby #next-content.banner a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 90%;
	}
}
@media only screen and (max-width:360px){
	#next-content.banner span{
		font-size:1.4rem
	}
}
@media only screen and (min-width:992px){
	#smile-baby #next-content.banner a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 60%;
	}
}