@charset "utf-8";

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

/*
 * ↓背景を白に上書きするブランドサイト共通設定
 */

div#wrap{
	background:none #FFF !important;
	margin-top: 0 !important;
}

/*
 * ↓デザインに合わせるため、#bodyの設定変更
 */
div#body{
	position: relative;
	width: 100%;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.6;
	color: #303030;
}

/*
 * 共通css
 */
h1 {
text-align: center;
}
sup {
	font-size: 63%;
}
a {
	color: #f64598;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}
ol {
	padding: 0 0 0 0;
}
/* ==========================================================
!Header
========================================================== */
#header {
	padding: 10px 0 10px 0;
}
	#hd_inner {
		overflow: hidden;
		max-width: 1050px;
		margin: 0 auto;
		text-align: left;
	}
		#hd_logo {
			float: left;
		}
		#header {
			height:42px;
			box-sizing: border-box;
		}
		#hd_logo img {
			vertical-align:top;
		}

/* ==========================================================
!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;
			}
/* ==========================================================
!旧式
========================================================== */
#contents_wrap01 {
	width: 950px;
	margin: 0 auto;
}
#hd_navi01 {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 15px 10px;
	text-align: left
}
#section02,
#section03 {
	margin: 75px 0 0 0;
}
#section01:after,
#section02:after,
#section03:after {
	content: "";
	display: block;
	clear: both;
}
	#section01 p,
	#section02 p,
	#section03 p {
		margin: 0 0 40px 0;
	}
.flL {
	float: left;
	width: 450px;
}
.flR {
	float: right;
	width: 450px;
}
.note_indent01 {
	margin: 0 0 0 2em;
	font-size: 75%;
	color: #595959;
}
	.note_indent01 li {
		text-indent: -2em;
	}

/*
 * #backnavi
 */
#backnavi {
	position: fixed !important;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	height: 0;
	bottom: 50px;
	right: 50px;
	opacity: 0;
}
#backnavi.moved {
	height: 128px;
	opacity: 1;
}

/*
 * #cv_area01
 */
#product_cv01 {
	margin: 80px 0 0 0;
	border-top: 4px solid #eeeeee;
}
	.cv_area01 {
		text-align: center;
	}

/*
 * #banner01
 */
#contents_wrap01 .banner01 {
	margin: 80px 0 0 0;
	text-align: center;
}

/* SNS */
.simple_sns {
	text-align: center;
}
	.simple_sns li {
		display: inline-block;
		vertical-align: top;
	}
	.simple_sns li.googleplus_btn {
		display: none;
	}
	.simple_sns li.line_btn {
		width: 84px;
	}
		.simple_sns li.line_btn a img {
			width: 100%;
		}

.btn_pdf01,
.btn_pdf02 {
	position: relative;
	width: 340px;
	margin: 0 auto 30px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #d22d26;
}
.btn_pdf01:hover,
.btn_pdf02:hover {
	background: #ffffff;
}
	.btn_pdf01:hover a,
	.btn_pdf02:hover a {
		color: #d22d26;
	}
	.btn_pdf01 a,
	.btn_pdf02 a {
		display: block;
		padding: 14px 0;
		color: #ffffff;
		text-decoration: none;
		line-height: 1;
	}
		.btn_pdf01 a:after,
		.btn_pdf02 a:after {
			content: "";
			display: block;
			position: absolute;
			right: 10px;
			top: 50%;
			width: 26px;
			height: 26px;
			margin: -14px 0 0 0;
			background: url(/baby/step/common/images/icon_pdf01.png) no-repeat;
			background-size: 100%;
			background-position: right center;
		}

.pdf_area01 {
	display: flex;
}
	.pdf_area01 .btn_pdf01,
	.pdf_area01 .btn_pdf02 {
		width: 400px;
	}
		.pdf_area01 .btn_pdf01 a:after {
			right: 10px;
			top: 10%;
			width: 40px;
			height: 65px;
			background: url(/baby/step/common/images/icon_rakurakucibe01.png) no-repeat;
		}
		.pdf_area01 .btn_pdf02 a:after {
			right: 10px;
			top: 10%;
			width: 40px;
			height: 61px;
			background: url(/baby/step/common/images/icon_rakurakucibe02.png) no-repeat;
		}

		#fb-root:after {
			content: "";
		}

		.tw_btn {
			margin-top: 5px;
		}

		span {
			display: inline-block;
		}

		.group01 h2 {
			line-height: 1;
		}