/* baby */
.babySection img {
	width: 100%;
}
.babySection p {
	margin: 0 !important;
	padding: 0 !important;
}
.babySection .blurBox {
	background-color: #fff;
	border: solid 1px #ccc;
	position: relative;
}
@media screen and (min-width: 1000px), print {
	.babySection .blurBox {
		padding: 50px 30px 30px;
	}
}
@media screen and (max-width: 999px) {
	.babySection .blurBox {
		padding: 30px 10px 10px;
	}
}
.babySection .blurBox::before, .babySection .blurBox::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-size: contain;
}
.babySection .blurBox::before {
	background-image: url(../img/bgImg00.png);
	left: 0;
}
@media screen and (min-width: 1000px), print {
	.babySection .blurBox::before {
		width: 222px;
		height: 44px;
	}
}
@media screen and (max-width: 999px) {
	.babySection .blurBox::before {
		width: 111px;
		height: 22px;
	}
}
.babySection .blurBox::after {
	background-image: url(../img/bgImg01.png);
	right: 0;
}
@media screen and (min-width: 1000px), print {
	.babySection .blurBox::after {
		width: 217px;
		height: 45px;
	}
}
@media screen and (max-width: 999px) {
	.babySection .blurBox::after {
		width: 108.5px;
		height: 22.5px;
	}
}
@media screen and (min-width: 1000px), print {
	.babySection .bgImg {
		margin-bottom: 20px !important;
	}
}
@media screen and (max-width: 999px) {
	.babySection .bgImg {
		margin-bottom: 10px !important;
	}
}
.babySection .bgImg img {
	width: 420.5px;
	margin: auto;
}
.babySection .monthArea {
	margin-bottom: 20px;
}
@media screen and (min-width: 1000px), print {
	.babySection .monthArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
@media screen and (max-width: 999px) {
	.babySection .monthArea .month {
		display: table;
		margin: 0 auto 20px;
	}
}
.babySection .monthArea .month::after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (min-width: 1000px), print {
	.babySection .monthArea p {
		width: 224px;
	}
}
@media screen and (max-width: 999px) {
	.babySection .monthArea p {
		width: 160px;
		margin: auto !important;
	}
}
.babySection .month li {
	background: url(../img/panel.png) no-repeat center top;
	background-size: 61px;
	float: left;
	position: relative;
	width: 58px;
	height: 85px;
}
.babySection .month li.dot {
	background: none;
	width: 20px;
	height: 85px;
}
@media screen and (max-width: 400px) {
	.babySection .month li.dot {
		clear: both;
	}
}
.babySection .month li img {
	position: absolute;
	left: 25%;
}
.babySection .num0 {
	top: 30%;
	width: 27px;
	height: 43px;
}
.babySection .num1 {
	top: 30%;
	width: 23px;
	height: 42px;
}
.babySection .num2 {
	top: 30%;
	width: 28px;
	height: 42px;
}
.babySection .num3 {
	top: 30%;
	width: 28px;
	height: 42px;
}
.babySection .num4 {
	top: 30%;
	width: 28px;
	height: 42px;
}
.babySection .num5 {
	top: 30%;
	width: 26px;
	height: 42px;
}
.babySection .num6 {
	top: 30%;
	width: 26px;
	height: 42px;
}
.babySection .num7 {
	top: 30%;
	width: 26px;
	height: 42px;
}
.babySection .num8 {
	top: 30%;
	width: 26px;
	height: 42px;
}
.babySection .num9 {
	top: 30%;
	width: 26px;
	height: 42px;
}
.babySection .numDot {
	bottom: 15px;
	width: 9px;
}
.babySection .babyArea {
	padding: 0;
	margin-bottom: 20px;
}
.babySection .babyArea ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.babySection .babyArea ul li {
	padding: 10px;
}
@media screen and (min-width: 1000px), print {
	.babySection .babyArea ul li {
		width: 20%;
	}
}
@media screen and (max-width: 999px) {
	.babySection .babyArea ul li {
		width: 33.333%;
	}
}
@media screen and (max-width: 999px) and (min-width: 768px) {
	.babySection .babyArea ul li {
		width: 25%;
	}
}
@media screen and (max-width: 400px) {
	.babySection .babyArea ul li {
		width: 50%;
	}
}
.babySection .revBox {
	padding: 0 40px 40px;
}
.babySection .revBox p > img {
	width: 319px;
}
.babySection .revBox li {
	background: #fef6e4;
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 0.9em;
	margin-bottom: 20px;
	padding: 15px;
}
.babySection .eboshi {
	width: 100%;
	margin: auto;
}