/* ------------------------------------------------------
まるまるねんね共通
--------------------------------------------------------*/
#main{
	background:#FCFAF2; /* 白練 */
}
/* コンテンツ紹介 */
#introducion{
	background:#FFF;
}
#introducion::before{
	display:block;
	content:"";
	height:200px;
	padding:50px 0;
}
#for-baby #introducion::before{ /* 赤ちゃんのために */
	background:url(/baby-hug/images/baby/img_baby_mother_hand.webp) no-repeat right center / cover;
}
#bedding-baby #introducion::before{ /* 昔の赤ちゃんの育ち方 */
	background:url(/baby-hug/images/baby/img_happy_baby_bed.webp) no-repeat center center / cover;
}
#distort-baby #introducion::before{ /* 赤ちゃんの頭にゆがみがあると */
	background:url(/baby-hug/images/baby/img_baby_towel.webp) no-repeat 55% 40% / cover;
}
#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
	background:url(/baby-hug/images/baby/img_massage_baby.webp) no-repeat 55% 30% / cover;
}
#sleeping-baby #introducion::before{ /* 赤ちゃんは寝るのが仕事 */
	background:url(/baby-hug/images/baby/img_baby_sleeping_face.webp) no-repeat center center / cover;
}
#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
	background:url(/baby-hug/images/baby/img_baby_smile_massage.webp) no-repeat right 30% / cover;
}
.introducion-content{
	float:none;
	margin:0 auto;
	padding-top:30px ;
	padding-bottom:30px;
	overflow:hidden;
	color:#6D6C69; /* ピジョン */
}
.introducion-content h1{
	margin-bottom:10px;
	color:#838D3B; /* ムス */
	font-size:3rem;
	font-weight:bold;
	letter-spacing:-1px;
	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),
		3px 3px 3px rgba(0,0,0,0.15);
}
.introducion-content h1 span{
	display:inline-block;
}
.introducion-content p{
	margin-bottom:5px;
}
.introducion-content p:last-child{
	margin-bottom:0;
}
@media only screen and (max-width:767px){
	.introducion-content p{
		text-align:justify;
		text-justify:inter-ideograph;
	}
}
@media only screen and (max-width:630px){
	#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:55% 25%;
	}
}
@media only screen and (max-width:530px){
	#for-baby #introducion::before{ /* 赤ちゃんのために */
		background-position:right 20%;
	}
	#distort-baby #introducion::before{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:55% 30%;
	}
	#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:55% 20%;
	}
	#sleeping-baby #introducion::before{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 40%;
	}
	#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:right 20%;
	}
}
@media only screen and (max-width:410px){ 
	#for-baby #introducion::before{ /* 赤ちゃんのために */
		background-position:right 0;
	}
	#distort-baby #introducion::before{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:55% 0;
	}
	#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:55% 0;
	}
	#sleeping-baby #introducion::before{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 0;
	}
	#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:right 0;
	}
	.introducion-content{
		padding-top:20px ;
	}
	.introducion-content h1{
		font-size:2.6rem;
	}
}
@media only screen and (min-width:768px){
	#introducion::before{
		padding:50px 0;
		height:400px;
	}
	#for-baby #introducion::before{ /* 赤ちゃんのために */
		background-position:right 20%;
	}
	#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:55% 20%;
	}
	#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:right 5%;
	}
	.introducion-content{
		width:100%;
		padding-top:50px ;
		padding-bottom:50px;
		text-align:center;
		overflow:hidden;
	}
	.introducion-content h1{
		margin-bottom:20px;
		font-size:3.4rem;
		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),
			3px 3px 3px rgba(0,0,0,0.3);
	}
	.introducion-content p{
		margin-bottom:.5em;
		font-size:1.6rem;
	}
	.introducion-content p span{
		display:inline-block;
	}
}
@media only screen and (min-width:992px){
	#for-baby #introducion::before{ /* 赤ちゃんのために */
		background-position:right 40%;
	}
	#bedding-baby #introducion::before{ /* 昔の赤ちゃんの育ち方 */
		background-position:center 55%;
	}
	#smile-baby #introducion::before{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:55% 30%;
	}
	#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:right 15%;
	}
	.introducion-content{
		width:70%;
	}
}
@media only screen and (min-width:1200px){
	#distort-baby #introducion::before{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:55% center;
	}
	#sleeping-baby #introducion::before{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 60%;
	}
	#relax-baby #introducion::before{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:right 25%;
	}
}


/* コンテンツ リスト */
#list-for a{ /* 赤ちゃんのために */
	background:url(/baby-hug/images/baby/img_baby_mother_hand.webp) no-repeat center center / cover;
}
#list-bedding a{ /* 昔の赤ちゃんの育ち方 */
	background:url(/baby-hug/images/baby/img_happy_baby_bed.webp) no-repeat center 80% / cover;
}
#list-distort a{ /* 赤ちゃんの頭にゆがみがあると */
	background:url(/baby-hug/images/baby/img_baby_towel.webp) no-repeat center 70% / cover;
}
#list-smile a{ /* “まるまるねんね”でにこにこあかちゃん */
	background:url(/baby-hug/images/baby/img_massage_baby.webp) no-repeat center 70% / cover;
}
#list-sleeping a{ /* 赤ちゃんは寝るのが仕事 */
	background:url(/baby-hug/images/baby/img_baby_sleeping_face.webp) no-repeat center bottom / cover;
}
#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
	background:url(/baby-hug/images/baby/img_baby_smile_massage.webp) no-repeat center center / cover;
}
#list-baby-lecturer a{ /* まるまるねんね教室 */
	background:#FAFAFA url(/toco-belt/images/main-image/img_baby-care.webp) no-repeat left 20% / auto 120%;
}
@media only screen and (max-width:630px){
	#list-smile a{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:center 40%;
	}
	#list-sleeping a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 80%;
	}
	#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:center 40%;
	}
	#list-baby-lecturer a{ /* まるまるねんね教室 */
		background-size:auto 110%;
	}
}
@media only screen and (max-width:420px){
	#list-distort a{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:center bottom;
	}
	#list-smile a{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:center 70%;
	}
	#list-sleeping a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center bottom;
	}
	#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:center 80%;
	}
	#list-baby-lecturer a{ /* まるまるねんね教室 */
		background-size:auto 100%;
	}
}
@media only screen and (min-width:768px){
	#list-bedding a{ /* 昔の赤ちゃんの育ち方 */
		background-position:center 70%;
	}
	#list-distort a{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:center 70%;
	}
	#list-smile a{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:center center;
	}
	#list-sleeping a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 70%;
	}
	#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:center 40%;
	}
}
@media only screen and (min-width:992px){
	#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:center 40%;
	}
}
@media only screen and (min-width:1200px){
	#list-bedding a{ /* 昔の赤ちゃんの育ち方 */
		background-position:center 60%;
	}
	#list-distort a{ /* 赤ちゃんの頭にゆがみがあると */
		background-position:center 60%;
	}
	#list-smile a{ /* “まるまるねんね”でにこにこあかちゃん */
		background-position:center 40%;
	}
	#list-sleeping a{ /* 赤ちゃんは寝るのが仕事 */
		background-position:center 60%;
	}
	#list-relax a{ /* 赤ちゃんのコリをほぐす「マイピーロ ネオ体操 */
		background-position:center 30%;
	}
	#list-baby-lecturer a{ /* まるまるねんね教室 */
		background-size:auto 130%;
	}
}
@media only screen and (min-width:1600px){
	#list-baby-lecturer a{ /* まるまるねんね教室 */
		background-size:auto 150%;
	}
}
@media only screen and (min-width:2400px){
	#list-baby-lecturer a{ /* まるまるねんね教室 */
		background-position:20% 10%;
		background-size:auto 250%;
	}
}

/* 参考資料 */
.reference{
	padding:50px 0;
}
.reference-content{
	float:none;
	margin:0 auto;
}
.reference-content h1{
	margin-bottom:10px;
	color:#7C745F; /* あくいろ */
	font-size:1.4rem;
	line-height:1.5;
}
.reference-content > p,
.reference-content > div,
.reference-content > ul,
.reference-content > ol{
	margin-bottom:10px;
	color:#6D6C69; /* ピジョン */
	font-size:1.4rem;
	line-height:1.5;
}
.reference-content p:last-child,
.reference-content ul:last-child,
.reference-content ol:last-child{
	margin-bottom:0;
}
.reference-content li{
	margin-bottom:5px;
	word-wrap:break-word;
}
.reference-content li:last-child{
	margin-bottom:0;
}
.reference-content a::after{
	padding-left:.25em;
	content:"\f101";
	font-family:FontAwesome;
}
@media only screen and (min-width:992px){
	.reference-content{
		width:70%;
	}
}


/* ページ送り */
.pagination{
	width:100%;
	margin:0 auto;
	padding-bottom:50px;
	border-radius:0;
	text-align:center;
}
.pagination ul{
	display:inline-block;
}
.pagination li{
	display:table-cell;
	min-width:30px;
	vertical-align:middle;
}
.pagination a{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	padding:0;
	color:#417038; /* スピナッチグリーン */
}
.pagination .page{
	display:inline-block;
	padding:5px;
}
.pagination .page a{
	border:1px solid #CAE3BF; /* 白緑 */
	border-radius:5px;
}
.pagination .page a:hover,
.pagination .page.active a{
	background:#F0F6DA; /* ホワイトリリー */
}
.pagination .pagenation_previous a:hover,
.pagination .pagenation_next a:hover{
	color:#6B8E23; /* オリーブドラブ */
}


/* 次のコンテンツへ */
#next-content{
	padding:50px 0;
}
#next-content.banner{
	text-align:center;
}
#next-content.banner .next-title{
	height:200px;
	margin:0 auto;
}
#next-content.banner .next-title > div{
	height:100%;
	border:1px solid #EBE1C5; /* バニラ */
	border-radius:15px;
}
#next-content.banner a{
	display:block;
	width:100%;
	height:100%;
	border:3px solid #FFF;
	border-radius:15px;
	cursor:pointer;
	position:relative;
}
#next-content.banner a:hover{
	filter:alpha(opacity=80); opacity:.8;
}
#next-content.banner a span{
	display:inline-block;
}
#next-content.banner a > span{
	display:block;
	width:100%;
	padding:10px 0;
	background:rgba(255,255,255,0.5);
	position:absolute;
	bottom:0;
	color:#7C745F; /* あくいろ */
	text-decoration:none;
	font-size:1.6rem;
	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),
		3px 3px 3px rgba(0,0,0,0.3);
}
#next-content.banner a > span .fa{
	padding-left:.5em;
	color:#938773; /* マスティック */
}
@media only screen and (max-width:420px){
	#next-content.banner .next-title{
		height:150px;
	}
}
@media only screen and (max-width:320px){
	#next-content.banner .next-title{
		height:100px;
	}
}
@media only screen and (min-width:768px){
	#next-content{
		padding:100px 0;
	}
	#next-content.banner .next-title{
		height:300px;
	}
}
@media only screen and (min-width:992px){
	#next-content.banner .next-title{
		padding-left:20px;
		padding-right:20px;
	}
}