@charset "utf-8";



/* 「おでかけアイテム」特集 */


/*
■ 共通
■ 導入
■ どんなオモチャを選んだらいい？
■ ボーネルンドのベビー遊具「安心・安全への取り組み」
■ 関連バナー
■ お買い上げプレゼント
*/


/* ■ 共通 ------------------------------------------------------------------------------- */

#Page_BabyPeriod2 {
overflow: hidden;
}

#Page_BabyPeriod2 * {
box-sizing: border-box;
}

#Page_BabyPeriod2 a {
display: block;
text-decoration: none; 
}

#Page_BabyPeriod2 p {
font-feature-settings: "palt";
letter-spacing: 0.1em;
}

#Page_BabyPeriod2 .Photo img,
#Page_BabyPeriod2 .PhotoBox img,
#Page_BabyPeriod2 .ListPhoto img {
width: 100%;
height: auto;
overflow: hidden;
}

/* ボタン */
#Page_BabyPeriod2 .Btn {
display: block;
width: 100%;
border-radius: 50px;
box-sizing: border-box;
line-height: 1.0em;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Page_BabyPeriod2 .BtnBuy {
border: 2px solid #b8daeb;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
color: #3d5fc4;
}

@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .PC,
	#Page_BabyPeriod2 .SE {
	display: none;
	}

	#Page_BabyPeriod2 .LeadMain {
	margin: 0;
	}
	
	/* カラム */
	#Page_BabyPeriod2 .Col {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	#Page_BabyPeriod2 .Col2_SP li {
	width: calc(50% - 1.5%);
	}
	
	#Page_BabyPeriod2 .Col3_SP li {
	width: calc(32.33333333% - 1%);
	}

	/* ボタン */
	#Page_BabyPeriod2 .BtnBuy {
	width: 50%;
	margin-top: 15px;
	padding: 8px 0 8px 4%;
	background-position: 6% 50%;
	background-size: 15px auto;
	font-size: 12px;
	}

	/* ページ下部 */
	.OtherContWrap {
	padding: 2rem 1.6rem 0 1.6rem;
	}

/*
	.ItemListBox.RecommendedMenuCampaign {
	margin-bottom: 0 !important;
	}
*/

	/* 特集ページ：ページ下部共通 */
	#CampaginBottom {
	margin-top: 3rem;
	}
	
}

@media only screen and (max-width: 372px) {

	#Page_BabyPeriod2 .SE {
	display: block;
	}

	/* ボタン */
	#Page_BabyPeriod2 .BtnBuy {
	width: 62%;
	padding: 8px 0 8px 5%;
	background-size: 13px auto;
	}	

}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SP,
	#Page_BabyPeriod2 .SE {
	display: none;
	}
	
	#Page_BabyPeriod2 p {
	font-size: 15px;
	line-height: 2.1em;
	letter-spacing: 0.02em;
	}	

	/* カラム */
	#Page_BabyPeriod2 .Col {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
	#Page_BabyPeriod2 .Col2_PC li {
	width: calc(50% - 1.5%);
	}
	
	#Page_BabyPeriod2 .Col3_PC li {
	width: calc(32.33333333% - 2%);
	}
	
	#Page_BabyPeriod2 .Col4_PC li {
	width: calc(25% - 0.6%);
	}

	/* ボタン */
	#Page_BabyPeriod2 .Btn {
	font-size: 15px;
	letter-spacing: 0;
	}
	
	#Page_BabyPeriod2 .BtnBuy {
	width: 154px;
	margin-top: 20px;
	padding: 8px 0 8px 4.5%;
	background-size: 16px auto;
	background-position: 6% 50%;
	font-size: 14.5px;
	}

	/* ページ下部 */
	.OtherContWrap {
	width: 94rem;
	margin: 0 auto;
	}
	
}



/* ■ 導入 ------------------------------------------------------------------ */

#Page_BabyPeriod2 .SectionIntro h2.Mds {
background: url(/images/campaign/baby_period2/Texture_DotLineW2.png) repeat-x left bottom;
color: #6db279;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}		

#Page_BabyPeriod2 .SectionIntro .IntroWrap {
position: relative;
}

#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust {
position: absolute;
}

@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .SectionIntro .IntroWrap {
	margin: 0 15px;
	padding: 15px 0 195px 0;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust1 {
	right: 30px;
	bottom: 117px;
	}
	
	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust1 img {
	width: 66.5px;
	height: auto;
	}
	
	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust2 {
	left: -44px;
	bottom: 40px;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust2 img {
	width: 259.5px;
	height: auto;
	}
		
	#Page_BabyPeriod2 .SectionIntro h2.Mds {
	margin-bottom: 15px;
	padding-bottom: 13px;
	background-size: 7px auto;
	font-size: 17px !important;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroUnit:not(:first-of-type){
	margin-top: 25px;
	}

	#Page_BabyPeriod2 .SectionIntro .PhotoBox {
	margin-top: 15px;
	}
		
	#Page_BabyPeriod2 .SectionIntro .PhotoBox img {
	border-radius: 10px;
	}
		
}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SectionIntro .IntroWrap {
	width: 930px;
	margin: 0 auto;
	padding: 50px 0 105px 0;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust2 {
	right: -80px;
	bottom: 105px;
	}	

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust2 img {
	width: 488px;
	height: auto;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust3 {
	right: 280px;
	bottom: 350px;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroWrap .Illust3 img {
	width: 89px;
	height: auto;
	}			

	#Page_BabyPeriod2 .SectionIntro .IntroUnit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

	#Page_BabyPeriod2 .SectionIntro .IntroUnit:not(:first-of-type){
	margin-top: 70px;
	}
	
/*
	#Page_BabyPeriod2 .SectionIntro .IntroUnit:nth-of-type(even) {
	flex-direction : row-reverse;
	}
*/

	#Page_BabyPeriod2 .SectionIntro h2.Mds {
	margin-bottom: 16px;
	padding-bottom: 18px;
	background-size: 9px auto;
	font-size: 24px !important;
	}		

	#Page_BabyPeriod2 .SectionIntro .LeadBox {
	width: 53%;
	}

	#Page_BabyPeriod2 .SectionIntro .PhotoBox {
	width: 41%;
	}

	#Page_BabyPeriod2 .SectionIntro .PhotoBox img {
	border-radius: 15px;
	}
	
}



/* ■ どんなオモチャを選んだらいい？ ------------------------------------------------------------------ */

/*
■ わたしたちがおすすめします！
■ あそびの機能（あそびの機能1・あそびの機能2・あそびの機能3）
*/

#Page_BabyPeriod2 .SelectWrap {
background: #f9f7e4;
}

#Page_BabyPeriod2 .SelectWrap h2.Mds {
color: #fff;
text-align: center;
}

#Page_BabyPeriod2 .SelectWrap .LeadMain {
letter-spacing: 0.1em;
}

/* わたしたちがおすすめします！ */
#Page_BabyPeriod2 .SectionInstructor .MdsMain {
position: relative;
color: #e68996;
font-weight: bold;
text-align: center;
letter-spacing: 0.15em;
}

#Page_BabyPeriod2 .SectionInstructor .MdsMain:before,
#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
display: block;
position: absolute;
top: 0;
background: #e68996;
content: "";
}

#Page_BabyPeriod2 .SectionInstructor .MdsMain:before {
transform: rotate(-30deg);
}

#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
transform: rotate(30deg);
}

#Page_BabyPeriod2 .SectionInstructor .Lead {
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}

/* あそびの機能 */
#Page_BabyPeriod2 .SectionFeature {
position: relative;
}

#Page_BabyPeriod2 .SectionFeature .MdsCateNum {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
color: #fff;
text-align: center;
}

#Page_BabyPeriod2 .SectionFeature .MdsCateNum span {
display: inline-block;
vertical-align: middle;
}

#Page_BabyPeriod2 .SectionFeature .MdsCateNum .Main {
letter-spacing: 0.2em;
}

#Page_BabyPeriod2 .SectionFeature h3.MdsH3 {
text-align: center;
letter-spacing: 0.08em;
}		

#Page_BabyPeriod2 .SectionFeature .ListItem .ItemPhoto img {
border: none;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .Lead1 {
font-weight: bold;
color: #5a9abe;
letter-spacing: 0.01em;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .Lead1 small {
display: block;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 {
font-weight: bold;
color: #000;
letter-spacing: 0.02em;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 .IconAge {
display: inline-block;
border-radius: 50px;
background: #f29837;
color: #fff;
line-height: 1.0em;
text-align: center;
vertical-align: middle;
}	

#Page_BabyPeriod2 .SectionFeature .ListItem .Lead3 {
color: #000;
line-height: 1.8em;
letter-spacing: 0;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox {
position: relative;
}

#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox:before {
position: absolute;
display: inline-block;
content: '';
}

#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Lead {
color: #000;
letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .SelectWrap {
	padding: 30px 15px 35px 15px;
	}
		
	#Page_BabyPeriod2 .SectionSelect h2.Mds {
	padding: 20px 0;
	background: url(/images/campaign/baby_period2/Texture_Mds_Main_SP.png) no-repeat center center;
	background-size: contain;
	font-size: 24px !important;
	letter-spacing: 0.15em;
	line-height: 1.4em;
	}
	
	#Page_BabyPeriod2 .SectionSelect .LeadMain {
	margin-top: 15px;
	}			

	/* わたしたちがおすすめします！ */
	#Page_BabyPeriod2 .SectionInstructor {
	margin-top: 35px;
	}

	#Page_BabyPeriod2 .SectionInstructor .MdsMain {
	font-size: 18px;
	}	

	#Page_BabyPeriod2 .SectionInstructor .MdsMain:before,
	#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
	width: 2px;
	height: 30px;	
	}

	#Page_BabyPeriod2 .SectionInstructor .MdsMain:before {
	left: 5%;
	}
	
	#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
	right: 5%;
	}

	#Page_BabyPeriod2 .SectionInstructor .ListPhoto {
	margin-top: 5px;
	}	

	#Page_BabyPeriod2 .SectionInstructor .Lead {
	margin-top: 15px;
	}
	
	/* あそびの機能 */	
	#Page_BabyPeriod2 .SectionFeature {
	margin-top: 40px;
	padding: 40px 30px 30px 30px;
	border-radius: 18px;
	background: #fff;
	border: 3px solid;
	}

	#Page_BabyPeriod2 .SectionFeature .MdsCateNum {
	margin-top: -23px;
	padding: 10px 0;
	background-size: 200px auto !important;
	font-size: 13.5px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .MdsCateNum .Num {
	margin-top: -9.5px;
	margin-left: 10px;	
	}

	#Page_BabyPeriod2 .SectionFeature .MdsCateNum .Num img {
	width: auto;
	height: 19px;
	}

	#Page_BabyPeriod2 .SectionFeature .MdsH3 {
	font-size: 24px;
	line-height: 1.4em;
	}	

	#Page_BabyPeriod2 .SectionFeature .LeadMain {
	margin-top: 10px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem {
	margin-top: 20px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem li {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background-size: 7px auto;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none !important;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .ItemPhoto {
	margin-bottom: 10px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .ItemPhoto img {
	border-radius: 13px;
	border: 2.5px solid;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead1 {
	font-size: 16px;
	line-height: 1.5em;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 {
	margin-top: 2px;
	font-weight: bold;
	line-height: 1.9em;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 .Item_Price_Yen2 {
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 70%;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 .IconAge {
	margin-top: -4px;
	margin-left: 7px;
	padding: 3px 8px;
	font-size: 10px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead3 {
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.6em;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit {
	margin-top: 15px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox {
	padding: 15px 15px 15px 15px;
	border-radius: 7.5px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox:before {
	top: -18px;
	right: 18px;
	width: 13.5px;
	height: 20px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Lead {
	font-size: 13px;
	line-height: 1.7em;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Photo {
	margin-top: 15px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Photo img {
	border-radius: 5px;
	}

}

@media only screen and (max-width: 372px) {

	/* わたしたちがおすすめします！ */
	#Page_BabyPeriod2 .SectionInstructor .MdsMain {
	font-size: 17px;
	}	

	#Page_BabyPeriod2 .SectionInstructor .MdsMain:before {
	left: 0;
	}
	
	#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
	right: 0;
	}

	#Page_BabyPeriod2 .SectionInstructor .Lead {
	margin-top: 10px;
	font-size: 12px;
	}

	/* あそびの機能 */
	#Page_BabyPeriod2 .SectionFeature .MdsH3 {
	font-size: 22px;
	line-height: 1.4em;
	}	
				
}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SelectWrap {
	padding: 90px 0 115px 0;
	}

	#Page_BabyPeriod2 .SectionSelect {
	width: 940px;
	margin: 0 auto;
	}
		
	#Page_BabyPeriod2 .SectionSelect h2.Mds {
	padding: 35px 0;
	background: url(/images/campaign/baby_period2/Texture_Mds_Main_PC.png) no-repeat center center;
	background-size: 940px auto;
	font-size: 32px !important;
	letter-spacing: 0.15em;
	line-height: 1.0em;
	}

	#Page_BabyPeriod2 .SectionSelect .LeadMain {
	width: 800px;
	margin: 45px auto 0 auto;
	font-size: 15px;
	}	

	/* わたしたちがおすすめします！ */
	#Page_BabyPeriod2 .SectionInstructor {
	width: 580px;
	margin: 50px auto 0 auto;
	}
	
	#Page_BabyPeriod2 .SectionInstructor .MdsMain {
	font-size: 24px;
	}

	#Page_BabyPeriod2 .SectionInstructor .MdsMain:before,
	#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
	width: 2px;
	height: 40px;	
	}

	#Page_BabyPeriod2 .SectionInstructor .MdsMain:before {
	left: 14%;
	}
	
	#Page_BabyPeriod2 .SectionInstructor .MdsMain:after {
	right: 14%;
	}

	#Page_BabyPeriod2 .SectionInstructor .ListPhoto {
	margin-top: 15px;
	}	

	#Page_BabyPeriod2 .SectionInstructor .Lead {
	margin-top: 20px;
	font-size: 16px;
	}

	/* あそびの機能 */	
	#Page_BabyPeriod2 .SectionFeature {
	margin-top: 80px;
	padding: 70px 50px 50px 50px;
	border-radius: 20px;
	background: #fff;
	border: 5px solid;
	}	

	#Page_BabyPeriod2 .SectionFeature .MdsCateNum {
	margin-top: -40px;
	padding: 15px 0;
	background-size: 300px auto !important;
	font-size: 20px;
	}

	#Page_BabyPeriod2 .SectionFeature .MdsCateNum .Num {
	margin-top: -14.5px;
	margin-left: 10px;	
	}

	#Page_BabyPeriod2 .SectionFeature .MdsCateNum .Num img {
	width: auto;
	height: 29px;
	}

	#Page_BabyPeriod2 .SectionFeature .MdsH3 {
	font-size: 30px;
	}	

	#Page_BabyPeriod2 .SectionFeature .LeadMain {
	width: auto;
	margin-top: 30px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem {
	margin-top: 50px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem li {
	width: calc(32.33333333%);
	margin-bottom: 35px;
	padding-bottom: 20px;
	}	

	#Page_BabyPeriod2 .SectionFeature .ListItem li:last-child,
	#Page_BabyPeriod2 .SectionFeature .ListItem li:nth-last-child(2),
	#Page_BabyPeriod2 .SectionFeature .ListItem li:nth-last-child(3) {
	margin-bottom: 0;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem li:nth-child(1) {
	padding-right: 1%;
	background-position: 100% 0;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem li:nth-child(2) {
	padding-left: 0.5%;
	padding-right: 0.5%;
	background: none !important;
	}	

	#Page_BabyPeriod2 .SectionFeature .ListItem li:nth-child(3) {
	padding-left: 1%;
	background-position: 0 0;
	}
			
	#Page_BabyPeriod2 .SectionFeature .ListItem .ItemPhoto {
	margin-bottom: 15px;
	}	
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead1 {
	font-size: 18px;
	line-height: 1.6em;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead1 small {
	display: block;
	font-size: 70%;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 {
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.5em;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 .Item_Price_Yen2 {
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 70%;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead2 .IconAge {
	width: 77px;
	margin-top: -3px;
	margin-left: 8px;
	padding: 4px 0;
	font-size: 12px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .Lead3 {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.8em;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit {
	padding-top: 25px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox {
	padding: 20px 20px 15px 20px;
	border-radius: 10px;
	}
	
	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox:before {
	top: -23px;
	right: 18px;
	width: 16px;
	height: 24px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Lead {
	font-size: 14px;
	line-height: 1.7em;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Photo {
	margin-top: 15px;
	}

	#Page_BabyPeriod2 .SectionFeature .ListItem .CmtUnit .BalloonBox .Photo img {
	border-radius: 10px;
	}

}

/* あそびの機能1 */	
#Page_BabyPeriod2 .SectionFeature#Cate1 {
border-color: #f2bb37;
}

#Page_BabyPeriod2 .SectionFeature#Cate1 .MdsCateNum {
background: url(/images/campaign/baby_period2/Texture_Mds_Cate1.png) no-repeat center center;
}

#Page_BabyPeriod2 .SectionFeature#Cate1 h3.MdsH3 {
color: #f2bb37;
}

#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem .CmtUnit .BalloonBox {
background: #fcf5c0;
}

#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem .CmtUnit .BalloonBox:before {
background-image: url(/images/campaign/baby_period2/Texture_Cate1_Cmt_Balloon.png);
background-repeat: no-repeat;
background-size: contain;
content: '';
}
	
@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem li {
	background: url(/images/campaign/baby_period2/Texture_DotLineW1.png) repeat-x left bottom;
	background-size: 7px auto;
	}

}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem li {		
	background: url(/images/campaign/baby_period2/Texture_DotLineH1.png) repeat-y;
	background-size: 4px auto;
	}
	
	#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem li:nth-child(1) {
	padding-right: 3%;
	background-position: 100% 0;
	}

	#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem li:nth-child(2) {
	padding-left: 1.5%;
	padding-right: 1.5%;
	background: none !important;
	}	

	#Page_BabyPeriod2 .SectionFeature#Cate1 .ListItem li:nth-child(3) {
	padding-left: 3%;
	background-position: 0 0;
	}
	
}
	
/* あそびの機能2 */	
#Page_BabyPeriod2 .SectionFeature#Cate2 {
border-color: #e68996;
}

#Page_BabyPeriod2 .SectionFeature#Cate2 .MdsCateNum {
background: url(/images/campaign/baby_period2/Texture_Mds_Cate2.png) no-repeat center center;
}

#Page_BabyPeriod2 .SectionFeature#Cate2 h3.MdsH3 {
color: #e68996;
}

#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem .CmtUnit .BalloonBox {
background: #f8e6f1;
}

#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem .CmtUnit .BalloonBox:before {
background-image: url(/images/campaign/baby_period2/Texture_Cate2_Cmt_Balloon.png);
background-repeat: no-repeat;
background-size: contain;
content: '';
}

@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem li {
	background: url(/images/campaign/baby_period2/Texture_DotLineW2.png) repeat-x left bottom;
	background-size: 7px auto;
	}

}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem li {		
	background: url(/images/campaign/baby_period2/Texture_DotLineH2.png) repeat-y;
	background-size: 4px auto;
	}
	
	#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem li:nth-child(1) {
	padding-right: 3%;
	background-position: 100% 0;
	}

	#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem li:nth-child(2) {
	padding-left: 1.5%;
	padding-right: 1.5%;
	background: none !important;
	}	

	#Page_BabyPeriod2 .SectionFeature#Cate2 .ListItem li:nth-child(3) {
	padding-left: 3%;
	background-position: 0 0;
	}
	
}

/* あそびの機能3 */	
#Page_BabyPeriod2 .SectionFeature#Cate3 {
border-color: #77cae9;
}

#Page_BabyPeriod2 .SectionFeature#Cate3 .MdsCateNum {
background: url(/images/campaign/baby_period2/Texture_Mds_Cate3.png) no-repeat center center;
}

#Page_BabyPeriod2 .SectionFeature#Cate3 h3.MdsH3 {
color: #77cae9;
}

/*
#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem .ItemPhoto img {
border-color: #d1effa;
}
*/

#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem .CmtUnit .BalloonBox {
background: #e8f9ff;
}

@media only screen and (max-width: 767px) {

	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem li {
	background: url(/images/campaign/baby_period2/Texture_DotLineW3.png) repeat-x left bottom;
	background-size: 7px auto;
	}

	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem .CmtUnit .BalloonBox:before {
	background-image: url(/images/campaign/baby_period2/Texture_Cate3_Cmt_Balloon.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	}

}

@media print, screen and (min-width: 768px) {

	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem li {		
	background: url(/images/campaign/baby_period2/Texture_DotLineH3.png) repeat-y;
	background-size: 4px auto;
	}
	
	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem li:nth-child(1) {
	padding-right: 3%;
	background-position: 100% 0;
	}

	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem li:nth-child(2) {
	padding-left: 1.5%;
	padding-right: 1.5%;
	background: none !important;
	}	

	#Page_BabyPeriod2 .SectionFeature#Cate3 .ListItem li:nth-child(3) {
	padding-left: 3%;
	background-position: 0 0;
	}
	
}



/* ■ ボーネルンドのベビー遊具「安心・安全への取り組み」------------------------------------------------------------------ */

/*
#Page_BabyPeriod2 .SectionSafety h2.Mds {
color: #89cb6b;
text-align: center;
}

#Page_BabyPeriod2 .SectionSafety .Lead1 {
font-weight: bold;
letter-spacing: 0.15em;
}
*/

/* 2つの安全基準 */
/*
#Page_BabyPeriod2 .SectionSafety .StandardUnit {
background: url(/images/campaign/baby_period2/Texture_DotLineW4.png) repeat-x left bottom;
}
	
#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox {
background: #effce9;
}
*/

/* お客様ご自身 */
/*
#Page_BabyPeriod2 .SectionSafety .MyselfUnit {
background: url(/images/campaign/baby_period2/Texture_DotLineW4.png) repeat-x left bottom;
}
	
#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox {
display: flex;
width: 100%;
align-items: center;
}
	
*/
@media only screen and (max-width: 767px) {

/*
	#Page_BabyPeriod2 .SafetyWrap {
	padding: 3rem 1.6rem 0.5rem 1.6rem;
	}

	#Page_BabyPeriod2 .SectionSafety {
	padding: 20px 1.6rem 20px 1.6rem;
	border-radius: 18px;
	border: 2.5px solid #89cb6b;
	}

	#Page_BabyPeriod2 .SectionSafety h2.Mds {
	font-size: 20px !important;
	line-height: 1.5em;
	}

	#Page_BabyPeriod2 .SectionSafety .Lead1 {
	line-height: 1.7em;
	}
*/

	/* 2つの安全基準 */
/*
	#Page_BabyPeriod2 .SectionSafety .StandardUnit {
	margin-top: 15px;
	padding-bottom: 25px;
	background-size: 7px auto;
	}

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox {
	position: relative;
	margin-top: 25px;
	padding: 20px 1.6rem 20px 1.6rem;
	border-radius: 7.5px;
	}	

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .IconNum {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	}
	
	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .IconNum img {
	width: 30px;
	height: auto;
	}

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .Lead {
	font-size: 13px;
	line-height: 1.8em;
	}	
*/

	/* お客様ご自身 */
/*
	#Page_BabyPeriod2 .SectionSafety .MyselfUnit {
	margin: 20px 0;
	padding-bottom: 25px;
	background-size: 7px auto;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox {
	margin-top: 5px;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox:first-of-type {
	margin-top: 10px;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox .Photo {
	width: 40%;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox .Lead {
	padding-left: 10px;
	font-size: 12.5px;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	}
*/


	/* ■ 関連バナー ------------------------------------------------------------------ */
	
	#Page_BabyPeriod2 .BnrListWrap {
	margin: 3.5rem 1.5rem 0 1.5rem;
	}

	#Page_BabyPeriod2 .BnrListWrap .BnrList li:not(:first-child){
	margin-top: 1.5rem;
	}
						
}

@media print, screen and (min-width: 768px) {
	

/*
	#Page_BabyPeriod2 .SafetyWrap {
	padding: 85px 0 35px 0;
	}
	
	#Page_BabyPeriod2 .SectionSafety {
	width: 940px;
	margin: 0 auto;
	padding: 50px 45px 45px 45px;
	border-radius: 20px;
	border: 5px solid #89cb6b;
	}

	#Page_BabyPeriod2 .SectionSafety h2.Mds {
	font-size: 26px !important;
	}

	#Page_BabyPeriod2 .SectionSafety .Lead1 {
	font-size: 16px;
	line-height: 1.7em;
	}
*/

	/* 2つの安全基準 */
/*
	#Page_BabyPeriod2 .SectionSafety .StandardUnit {
	margin-top: 35px;
	padding-bottom: 40px;
	background-size: 10px auto;
	}

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox {
	display: flex;
	width: 100%;
	margin-top: 10px;
	padding: 30px 30px 25px 30px;
	border-radius: 15px;
	justify-content: space-between;
	}	

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox:first-of-type {
	margin-top: 20px;
	}	

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .IconNum {
	display: table;
	}	

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .IconNum span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	}

	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .IconNum img {
	width: 400px;
	height: auto;
	}
		
	#Page_BabyPeriod2 .SectionSafety .StandardUnit .LeadBox .Lead {
	padding-left: 25px;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.15em;
	}
*/
	
	
	/* お客様ご自身 */
/*
	#Page_BabyPeriod2 .SectionSafety .MyselfUnit {
	margin: 30px 0;
	padding-bottom: 35px;
	background-size: 10px auto;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox {
	margin-top: 20px;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox .Photo {
	width: 80px;
	}

	#Page_BabyPeriod2 .SectionSafety .MyselfUnit .LeadBox .Lead {
	padding-left: 10px;
	font-size: 16px;
	letter-spacing: 0.15em;
	}
*/
			
}


/* ■ 関連バナー ------------------------------------------------------------------ */

@media only screen and (max-width: 767px) {

}	

@media print, screen and (min-width: 768px) {
	
	.BnrListWrap {
	max-width: 54rem;
	margin: 8rem auto 0 auto;
	}

	.BnrListWrap .BnrList li:not(:first-child){
	margin-top: 2rem;
	}	
				
}