@charset "utf-8";
/*
 * cmn_layout.css
 */

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ==========================================================
!Common
========================================================== */
div#body {
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
}
#contents p,
#contents dl,
#contents dt,
#contents dd,
#contents ul,
#contents ul li {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.7;
}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
/* ==========================================================
!Header
========================================================== */
#header {
	padding: 10px 0 10px 0;
}
	#hd_inner {
		overflow: hidden;
		max-width: 1050px;
		margin: 0 auto;
		text-align: left;
	}
		#hd_logo {
			float: left;
		}
/* ==========================================================
!Breadcrumb
========================================================== */
#breadcrumb {
	float: right;
}
	#breadcrumb ol {
		overflow: hidden;
		margin: 0;
	}
		#breadcrumb ol li {
			float: left;
			font-size: 10px;
			white-space: nowrap;
		}
		#breadcrumb ol li.home:before {
			margin: 2px 0 0 0;
			padding: 0 3px 0 3px;
			color: #f10082;
			font: normal 125%/1 FontAwesome;
			content: "\f015";
		}
		#breadcrumb ol li:after {
			padding: 0 5px 0 5px;
			content: ">";
		}
		#breadcrumb ol li:last-child:after {
			content: none;
		}
			#breadcrumb ol li a {
				color: #f10082;
				white-space: nowrap;
				text-decoration: underline;
			}
			#breadcrumb ol li a:hover {
				text-decoration: none;
			}
/* ==========================================================
!Mainimg
========================================================== */
#mainimg {
	background: url(/baby/step/common/images/bg_mainimg01.png) repeat 0 0;
}
/* ==========================================================
!Contents
========================================================== */
.outer01 {
	max-width: 1050px;
	margin: 0 auto;
}
.inner01 {
}
/* ==========================================================
!Pagetop
========================================================== */
.pagetop {
}
/* ==========================================================
!Footer
========================================================== */
/* SNS */
.sns01 {
	padding: 42px 0 42px 0;
	text-align: center;
}
	.sns01 li {
		display: inline-block;
		padding: 0 8px 0 8px;
	}
.sns01 .pagetop {
	margin: -45px 0 0 0;
	text-align: right;
}

#footer {
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #ff0000;
	font-size: 88%;
}
	#footer .outer01 {
		overflow: hidden;
		padding: 20px 0 40px 0;
	}
		#ft_logo {
			float: left;
		}
		#ft_links {
			float: right;
		}
			#ft_links ul {
			}
				#ft_links ul li {
					display: inline-block;
					font-size: 75%;
					margin: 0 0 0 8px;
				}
				#ft_links ul li:nth-child(-n+2) {
					padding: 0 0 0 8px;
					background: url(/common/images/ft_utility_listitem.gif) no-repeat left;
				}
				#ft_links ul li:nth-child(n+3) {
					padding: 0 0 0 14px;
					background: url(/common/images/ft_company_listitem.gif) no-repeat left top;
				}
/* ==========================================================
!shopping
========================================================== */
.shopping01 {
	margin: 125px 0 0 0;
	text-align: center;
}
	.shopping01 p {
		margin: 0 0 25px 0;
	}
	.shopping01 .btn {
		margin: 0;
	}
/* ==========================================================
!useful01
========================================================== */
.useful01 {
	margin: 100px 0 0 0;
}
	.useful01 .outer01 {
	}

	/* recipe */
	.useful01 .recipe01 {
		margin: 50px 0 0 0;
		padding: 30px 0 30px 60px;
		background: url(/baby/step/common/images/bg_recipe01.png) no-repeat 0 0;
	}
		.useful01 .recipe01 ul {
			margin: 23px 0 0 0;
			padding: 0;
		}
			.useful01 .recipe01 ul li {
				margin: 5px 0 0 0;
			}
	/* special */
	.useful01 .special01 {
		padding: 30px 0 33px 107px;
		background: url(/baby/step/common/images/bg_special01.png) no-repeat 0 0;
	}
		.useful01 .special01 ul {
			margin: 23px 0 0 0;
		}
			.useful01 .special01 ul li {
				margin: 5px 0 0 0;
			}
	/* song */
	.useful01 .song01 {
		padding: 45px 0 47px 102px;
		background: url(/baby/step/common/images/bg_song01.png) no-repeat 0 0;
	}
		.useful01 .song01 .btn {
			padding: 38px 0 0 38px;
		}

/* ==========================================================
!detail01
========================================================== */
.detail01 {
	margin: 60px 0 0 0;
	text-align: center;
	background: url(/baby/step/common/images/bg_stripe_pink01.png) repeat 0 0;
}
.detail01:before {
	display: block;
	height: 30px;
	background: url(/baby/step/common/images/bg_wave_white01.png) repeat-x center 0;
	content: "";
}
.detail01:after {
	visibility: visible;
	display: block;
	height: 30px;
	background: url(/baby/step/common/images/bg_wave_pink_texture01.png) repeat-x center 0;
	content: "";
}
	.detail01 .outer01 {
		padding: 53px 0 60px 0;
	}
	.detail01 .outer01 p {
		margin: 40px 0 0 0;
	}
	.detail01 .outer01 .img {
		margin: 54px 0 0 0;
	}
	.detail01 .outer01 .btn {
		margin: 40px 0 0 0;
	}
/* ==========================================================
!group01
========================================================== */
.group01 {
	padding: 50px 0 40px 0;
	text-align: center;
	background: url(/baby/step/common/images/bg_texture_pink01.png) repeat 0 0;
}
.group01 .outer01:after {
	position: relative;
	right: -20px;
	bottom: -40px;
	visibility: visible;
	display: block;
	height: 20px;
	background: url(/baby/step/common/images/bg_group02.png) no-repeat right bottom;
	content: "";
}
	.group01 ul {
		margin: 30px 0 0 0;
	}
		.group01 ul li {
			display: inline-block;
			padding: 0 20px 20px 20px;
		}