@charset "utf-8";



/* 1歳半からの手指あそび */


/*
■ 共通
■ 導入
■ どんなオモチャを選んだらいい？
■ おすすめのあそび道具5選（SectionRecommendedItems）
■ 関連バナー
*/


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

#Page_BabyPeriod4 {
overflow: hidden;
}

/* #Page_BabyPeriod4 * {
box-sizing: border-box;
} */

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

#Page_BabyPeriod4 p {
font-feature-settings: "palt";
letter-spacing: 0.2em;
}

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

/* ボタン */
#Page_BabyPeriod4 .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_BabyPeriod4 .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_BabyPeriod4 .PC,
	#Page_BabyPeriod4 .SE {
	display: none;
	}

	#Page_BabyPeriod4 .LeadMain {
	margin: 0;
	}

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

	/* ボタン */
	#Page_BabyPeriod4 .BtnBuy {
	/* width: 50%; */
	width: 17.5rem !important;
	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;
	}

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

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

	#Page_BabyPeriod4 .SE {
	display: block;
	}

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

}

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

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

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

	/* ボタン */
	#Page_BabyPeriod4 .Btn {
	font-size: 1.5rem;
	letter-spacing: 0;
	}
	
	#Page_BabyPeriod4 .BtnBuy {
	width: 16rem !important;
	margin-top: 2rem;
	padding: 0.6rem 0 0.8rem 1.5rem;
	background-size: 1.6rem auto;
	background-position: 6% 50%;
	}

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

	/* ぱんくず */
	.BreadCrumb_Wrap {
	margin-top: 10rem;
	margin-bottom: 4rem;
	}
	
}



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

#Page_BabyPeriod4 .SectionIntro h2.Mds {
background: url(/images/campaign/baby_period4/Texture_DotLineW1.png) repeat-x left bottom;
color: #53a5b6;
letter-spacing: 0.1em;
font-feature-settings: "palt";
}		

#Page_BabyPeriod4 .SectionIntro .Intro_Main_Lead {
font-weight: 500;
}		

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

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

/* #Page_BabyPeriod4 .SectionIntro .PhotoBox img {
border: 0.1rem solid #e055b1;
} */


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

	#Page_BabyPeriod4 .SectionIntro .Intro_Main_Lead {
	margin-top: 3rem;
	padding: 0 1.6rem;
	font-size: 1.4rem;
	line-height: 2;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroWrap {
	padding: 1.5rem 1.6rem 23rem 1.6rem;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroWrap .Illust1 {
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	margin-left: -3px;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroWrap .Illust1 img {
	max-width: 34.8rem !important;
	height: auto;
	}

	#Page_BabyPeriod4 .SectionIntro h2.Mds {
	padding-bottom: 1.3rem;
	background-size: 7px auto;
	font-size: 1.9rem;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroUnit:not(:first-of-type){
	margin-top: 2.5rem;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroUnit .Lead {
	margin-top: 1.6rem;
	font-size: 1.3rem;
	line-height: 2;
	}
	
	#Page_BabyPeriod4 .SectionIntro .PhotoBox {
	margin-top: 2rem;
	}
		
	#Page_BabyPeriod4 .SectionIntro .PhotoBox img {
	border-radius: 10px;
	}

	#Page_BabyPeriod4 .SectionIntro .MV {
	display: flex;
	align-items: center;
	overflow: hidden;
	}

	#Page_BabyPeriod4 .SectionIntro .MV .Slide {
	display: flex;
	animation: loop-slide 20s infinite linear 1s both;
	}

	#Page_BabyPeriod4 .SectionIntro .MV {
	margin-top: 1.5rem;
	width: 34.5rem;
	height: 21.25rem;
	}
	
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each {
	width: 34.5rem;
	height: 21.25rem;
	margin-right: 1.5rem;
	}

	@keyframes loop-slide {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}

}

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

	#Page_BabyPeriod4 .SectionIntro .IntroWrap {
	padding: 15px 0 200px 0;
	}
	
	#Page_BabyPeriod4 .SectionIntro .IntroWrap .Illust1 img {
	max-width: 30rem !important;
	height: auto;
	}	

}

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

	#Page_BabyPeriod4 .SectionIntro .Intro_Main_Lead {
	width: 93rem;
	margin: 2rem auto 0;
	font-size: 1.6rem;
	line-height: 2.5;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroWrap {
	width: 93rem;
	margin: 0 auto;
	padding: 5rem 0 10rem 0;
	}

	#Page_BabyPeriod4 .SectionIntro .IntroWrap .Illust1 {
	right: 0;
	bottom: 0;
	}	

	#Page_BabyPeriod4 .SectionIntro .IntroWrap .Illust1 img {
	width: 373px;
	height: auto;
	}	

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

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

	#Page_BabyPeriod4 .SectionIntro h2.Mds {
	margin-bottom: 16px;
	padding-bottom: 18px;
	background-size: 9px auto;
	font-size: 2.4rem;
	}		

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

	/* #Page_BabyPeriod4 .SectionIntro .PhotoBox {
	width: 41%;
	} */

	/* #Page_BabyPeriod4 .SectionIntro .PhotoBox img {
	border-radius: 1.5rem;
	border: 0.1rem solid #e055b1;
	} */

#Page_BabyPeriod4 .SectionIntro .MV.PC {
		display: block;
		position: relative;
		width: 41%;
	}

	
	/* ループ用の複製リストを非表示化 */
	#Page_BabyPeriod4 .SectionIntro .MV .Slide:nth-of-type(2),
	#Page_BabyPeriod4 .SectionIntro .MV .Slide:nth-of-type(3) {
		display: none !important;
	}

	#Page_BabyPeriod4 .SectionIntro .MV .Slide {
		display: block;
		animation: none !important; 
		position: relative;
	}

	/* アニメーションの総時間を20秒に変更（5枚 × 4秒） */
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		animation: fade-slide 20s infinite; 
	}
	
	/* 1枚目のみ相対配置で高さを確保 */
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(1) {
		position: relative;
	}

	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each img {
		display: block;
		width: 100%;
		height: auto;

border-radius: 1.5rem;
	}

	/* 5枚分の遅延時間を4秒ずつ設定 */
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(1) { animation-delay: 0s; }
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(2) { animation-delay: 4s; }
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(3) { animation-delay: 8s; }
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(4) { animation-delay: 12s; }
	#Page_BabyPeriod4 .SectionIntro .MV .Slide_Each:nth-child(5) { animation-delay: 16s; }

	@keyframes fade-slide {
		0% { opacity: 0; }
		5% { opacity: 1; } /* フェードイン完了 */
		20% { opacity: 1; } /* 1枚の表示維持（4秒 = 全20秒の20%） */
		25% { opacity: 0; } /* フェードアウト完了 */
		100% { opacity: 0; }
	}


}



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

/*
■ 手指あそびのおすすめ商品
■ あそびの機能（あそびの機能1・あそびの機能2・あそびの機能3）
*/

#Page_BabyPeriod4 .SelectWrap {
background: #f0fcff;
}

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

#Page_BabyPeriod4 .SelectWrap .LeadMain {
font-weight: bold;
letter-spacing: 0.1em;
}


/* 手指あそびのおすすめ商品 ------------------------------------------------------------------ */

#Page_BabyPeriod4 .SectionRecommend {
border-color: #39aec6 !important;
background: #fff;
}

#Page_BabyPeriod4 .SectionRecommend h3.Mds_Recommend {
background: #39aec6;
color: #fff;
text-align: center;
letter-spacing: 0.15em;
}

#Page_BabyPeriod4 .SectionRecommend .PhotoBox {
position: relative;
border-color: #39aec6 !important;
overflow: hidden;
}

#Page_BabyPeriod4 .SectionRecommend .PhotoBox img {
display: block;
}

#Page_BabyPeriod4 .SectionRecommend .Lead_Recommend {
font-weight: 500;
color: #000;
letter-spacing: 0.01em;
}

#Page_BabyPeriod4 .SectionRecommend .Lead1 {
font-weight: 600;
color: #000;
letter-spacing: 0.01em;
}

#Page_BabyPeriod4 .SectionRecommend .Lead1 small {
display: block;
}

#Page_BabyPeriod4 .SectionRecommend .Lead2 {
font-weight: 600;
color: #000;
letter-spacing: 0.02em;
}

#Page_BabyPeriod4 .SectionRecommend .Lead2 .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 70%;
}

#Page_BabyPeriod4 .SectionRecommend .Lead2 .IconAge {
display: inline-block;
border-radius: 5rem;
background: #f29837;
border: none !important;
color: #fff;
line-height: 1.0em;
text-align: center;
vertical-align: middle;
}	

#Page_BabyPeriod4 .SectionRecommend .Lead3 {
color: #000;
line-height: 1.8em;
letter-spacing: 0;
}

/* 完売対応 */
#Page_BabyPeriod4 .SectionRecommend.SoldOut a {
pointer-events: none !important
}

#Page_BabyPeriod4 .SectionRecommend.SoldOut .BtnBuy {
display: none !important;
}

#Page_BabyPeriod4 .SectionRecommend.SoldOut .Icon_SoldOut {
position: absolute;
display: block;
border-radius: 50%;
background: #b51124;
font-weight: 900;
color: #fff;
text-align: center;
letter-spacing: 0.05em;
}


/* あそびの機能 ------------------------------------------------------------------ */

#Page_BabyPeriod4 .SectionFeature {
position: relative;
}

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

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

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

#Page_BabyPeriod4 .SectionFeature h3.MdsH3 {
text-align: center;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}		

#Page_BabyPeriod4 .SectionFeature .Feature_Main_Lead {
font-weight: 500;
letter-spacing: 0.1em;
}

#Page_BabyPeriod4 .SectionFeature .ListItem .ItemPhoto {
overflow: hidden;
}

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

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

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

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

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

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

#Page_BabyPeriod4 .SectionFeature .CmtUnit .MdsBalloon {
color: #fff;
text-align: center;
}
	
@media only screen and (max-width: 767px) {

	#Page_BabyPeriod4 .SelectWrap {
	padding: 3rem 1.6rem 3.5rem 1.6rem;
	}

	#Page_BabyPeriod4 .SectionSelect:not(:first-of-type) {
	margin-top: 5rem;
	}

	#Page_BabyPeriod4 .SectionSelect h2.Mds {
	padding: 20px 0;
	background: url(/images/campaign/baby_period4/Texture_Mds_Main_SP.png) no-repeat center center;
	background-size: contain;
	font-size: 2.2rem;
	letter-spacing: 0.15em;
	line-height: 1.4em;
	}
	
	#Page_BabyPeriod4 .SectionSelect .LeadMain {
	margin-top: 15px;
	font-size: 1.4rem;
	line-height: 1.9;
	}			
	

	/* 手指あそびのおすすめ商品 ------------------------------------------------------------------ */

	#Page_BabyPeriod4 .SectionRecommend {
    margin-top: 2.5rem;
    padding: 2.5rem 2rem 3rem 2rem;
    border-radius: 1.8rem;
	border: 0.3rem solid;
	}

	#Page_BabyPeriod4 .SectionRecommend .RecommendUnit {
	margin-top: 2.5rem;
    }

	#Page_BabyPeriod4 .SectionRecommend .LeadBox {
	margin-top: 2rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .PhotoBox {
	border-radius: 1.5rem;
	border: 1px solid;
	}	

	#Page_BabyPeriod4 .SectionRecommend h3.Mds_Recommend {
	padding: 0.8rem 0;
    border-radius: 1rem;
	font-size: 1.8rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead_Recommend {
	font-size: 1.3rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .IconLmited {
	margin-top: 1rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .IconLmited img {
    width: auto;
    height: 2.2rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead1 {
	margin-top: 0.8rem;
	font-size: 1.6rem;
	line-height: 1.5em;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead1 small {
	display: block;
	font-size: 70%;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead2 {
	margin-top: 0.5rem;
	line-height: 1.9em;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead2 .IconAge {
	margin-top: -0.2rem;
	margin-left: 0.7rem;
	padding: 0.4rem 0.8rem 0.3rem 1.1rem;
	font-size: 1rem;
	}	

	#Page_BabyPeriod4 .SectionRecommend .Lead3 {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.8em;
	}

	/* 完売対応 */
	#Page_BabyPeriod4 .SectionRecommend.SoldOut .Icon_SoldOut {
	top: 1.5rem;
	right: 1.5rem;
	padding-top: 1.9rem;
    width: 7rem;
    height: 7rem;
    font-size: 1.2rem;
    line-height: 1.3em;
	}


	/* あそびの機能 ------------------------------------------------------------------ */

	#Page_BabyPeriod4 .SectionFeature {
	margin-top: 40px;
	padding: 40px 20px 30px 20px;
	border-radius: 18px;
	background: #fff;
	border: 3px solid;
	}

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

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

	#Page_BabyPeriod4 .SectionFeature .MdsH3 {
	font-size: 2rem;
	line-height: 1.6;
	}	

	#Page_BabyPeriod4 .SectionFeature .Feature_Main_Lead {
	margin-top: 1.2rem;
	}

	#Page_BabyPeriod4 .SectionFeature .LeadMain {
	margin-top: 1rem;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem {
	margin-top: 3.5rem;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem li {
	margin-bottom: 3.5rem;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none !important;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem .ItemPhoto {
	margin-bottom: 15px;
	border-radius: 15px;
	border: 1px solid;
	}		

	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead1 {
	font-size: 16px;
	line-height: 1.5em;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 {
	margin-top: 2px;
	font-weight: bold;
	line-height: 1.9em;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 small {
	font-size: 70%;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 .Item_Price_Yen2 {
	margin-right: 0.2rem;
	font-size: 1.2rem;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 .IconAge {
	margin-top: -2px;
	margin-left: 7px;
	padding: 4px 8px 3px 11px;
	font-size: 10px;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead3 {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.8em;
	}

	#Page_BabyPeriod4 .SectionFeature .SectionCmt {
	margin-top: 25px;
	border-radius: 12.5px;
	overflow: hidden;
	}	

	#Page_BabyPeriod4 .SectionFeature .SectionCmt .LeadUnit {
	padding: 20px 20px;
	}	

	#Page_BabyPeriod4 .SectionFeature .SectionCmt .LeadUnit .MdsBalloon {
	margin-bottom: 2px;
	padding-top: 13px;
	height: 60px;
	font-size: 1.4rem;
	line-height: 1;
	}
	
	#Page_BabyPeriod4 .SectionFeature .SectionCmt .LeadUnit .Lead {
	font-size: 1.3rem;
	}
}

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

	/* あそびの機能 ------------------------------------------------------------------ */

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

	#Page_BabyPeriod4 .SectionFeature .SectionCmt .LeadUnit .MdsBalloon {
	margin-bottom: 0;
	padding-top: 8px;
	height: 50px;
	font-size: 14px;
	}

	#Page_BabyPeriod4 .SectionFeature .SectionCmt .LeadUnit .Lead {
	font-size: 13px;
	}					
	
}

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

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

	#Page_BabyPeriod4 .SectionSelect {
	width: 94rem;
	margin: 0 auto;
	}

	#Page_BabyPeriod4 .SectionSelect:not(:first-of-type) {
	margin-top: 8rem;
	}

	#Page_BabyPeriod4 .SectionSelect h2.Mds {
	padding: 35px 0;
	background: url(/images/campaign/baby_period4/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_BabyPeriod4 .SectionSelect .LeadMain {
	margin-top: 30px;
	font-size: 20px;
	text-align: center;
	line-height: 1.8em;
	}	


	/* 手指あそびのおすすめ商品 ------------------------------------------------------------------ */

	#Page_BabyPeriod4 .SectionRecommend {
    margin-top: 4rem;
    padding: 5rem 5rem 5rem 5rem;
    border-radius: 2rem;
	border: 0.5rem solid;
	}

	#Page_BabyPeriod4 .SectionRecommend .RecommendUnit {
	margin-top: 3rem;
    }

	#Page_BabyPeriod4 .SectionRecommend .InBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* flex-direction: row-reverse; */
    }

	#Page_BabyPeriod4 .SectionRecommend .LeadBox {
	width: 55%;
	}

	#Page_BabyPeriod4 .SectionRecommend .PhotoBox {
	width: 40%;
	border-radius: 1.6rem;
	border: 1px solid;
	}	

	#Page_BabyPeriod4 .SectionRecommend h3.Mds_Recommend {
	padding: 1rem 0;
    border-radius: 1.5rem;
	font-size: 2.8rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .IconLmited {
	margin-top: 1rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .IconLmited img {
    width: auto;
    height: 2.2rem;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead1 {
	margin-top: 0.8rem;
	font-size: 1.8rem;
	line-height: 1.6em;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead1 small {
	display: block;
	font-size: 70%;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead2 {
	margin-top: 0.5rem;
	font-size: 1.8rem;
	line-height: 1.5em;
	}

	#Page_BabyPeriod4 .SectionRecommend .Lead2 .IconAge {
	margin-top: -0.3rem;
	margin-left: 0.8rem;
	padding: 0.3rem 0.8rem 0.5rem 1rem;
	font-size: 1.2rem;
	}	

	#Page_BabyPeriod4 .SectionRecommend .Lead3 {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	/* 完売対応 */
	#Page_BabyPeriod4 .SectionRecommend.SoldOut .Icon_SoldOut {
	top: 1.5rem;
	right: 1.5rem;
	padding-top: 2rem;
	width: 8rem;
	height: 8rem;
	font-size: 1.3rem;
	line-height: 1.4em;
	}


	/* あそびの機能 ------------------------------------------------------------------ */

	#Page_BabyPeriod4 .SectionFeature {
	margin-top: 80px;
	padding: 70px 50px 50px 50px;
	border-radius: 20px;
	background: #fff;
	border: 5px solid;
	}	

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

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

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

	#Page_BabyPeriod4 .SectionFeature .MdsH3 {
	font-size: 30px;
	line-height: 1.5em;
	}	

	#Page_BabyPeriod4 .SectionFeature .Feature_Main_Lead {
	width: 80%;
	margin: 1.8rem auto 0 auto;
	line-height: 2.0em;
	}

	#Page_BabyPeriod4 .SectionFeature .LeadMain {
	width: auto;
	margin-top: 30px;
	text-align: left;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem {
	margin-top: 45px;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem:after {
	display: block;
	width: calc(32.33333333% - 1%);
	content:"";
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem li {
	width: calc(32.33333333% - 1%);
	margin-bottom: 40px;
	}	

	#Page_BabyPeriod4 .SectionFeature .ListItem li:last-child,
	#Page_BabyPeriod4 .SectionFeature .ListItem li:nth-last-child(2),
	#Page_BabyPeriod4 .SectionFeature .ListItem li:nth-last-child(3) {
	margin-bottom: 0;
	}		

	#Page_BabyPeriod4 .SectionFeature .ListItem .ItemPhoto {
	margin-bottom: 15px;
	border-radius: 16px;
	border: 1px solid;
	}	
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead1 {
	font-size: 18px;
	line-height: 1.6em;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead1 small {
	display: block;
	font-size: 70%;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 {
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.5em;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 .Item_Price_Yen2 {
	display: inline-block;
	margin-right: 0.2rem;
	font-size: 70%;
	}
	
	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead2 .IconAge {
	margin-top: -3px;
	margin-left: 8px;
	padding: 0.3rem 0.8rem 0.5rem 1rem;
	font-size: 12px;
	}

	#Page_BabyPeriod4 .SectionFeature .ListItem .Lead3 {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.8em;
	}

	#Page_BabyPeriod4 .SectionFeature .SectionCmt {
	margin-top: 40px;
	border-radius: 15px;
	}	
	
	#Page_BabyPeriod4 .SectionFeature .CmtUnit {
	display: flex;
	position: relative;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	border-radius: 15px;
	}

	#Page_BabyPeriod4 .SectionFeature .CmtUnit .LeadUnit {
/* 	width: 70%; */
	padding: 30px 40px;
	font-size: 15px;
/* 	border-radius: 15px 0 0 15px; */
	clear: both;
	}		

	#Page_BabyPeriod4 .SectionFeature .CmtUnit .MdsBalloon {
	float: left;
	margin-top: -50px;
	margin-left: -15px;
	margin-right: 10px;
	width: 130px;
	height: 130px;
	padding-top: 30px;
	padding-right: 8px;
	font-size: 15px;
	line-height: 1.5em;
	letter-spacing: 0;
	}	

	#Page_BabyPeriod4 .SectionFeature .CmtUnit .Lead {
	font-size: 15px;
	}		

	
}

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

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

#Page_BabyPeriod4 .SectionFeature#Cate1 h3.MdsH3 {
color: #41a70e;
}

#Page_BabyPeriod4 .SectionFeature#Cate1 .ListItem .ItemPhoto {
border-color: #41a70e;
}

#Page_BabyPeriod4 .SectionFeature#Cate1 .SectionCmt {
background: #e0f2d7;
}
	
@media only screen and (max-width: 767px) {

	#Page_BabyPeriod4 .SectionFeature#Cate1 .SectionCmt .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate1_SP.png) no-repeat center top;
	background-size: contain;
	}
	
}

@media print, screen and (min-width: 768px) {
	
	#Page_BabyPeriod4 .SectionFeature#Cate1 .SectionCmt .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate1_PC.png) no-repeat left top;
	background-size: cover;
	}		
}
	
/* あそびの機能2 */	
#Page_BabyPeriod4 .SectionFeature#Cate2 {
border-color: #5a7ad6;
}

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

#Page_BabyPeriod4 .SectionFeature#Cate2 h3.MdsH3 {
color: #5a7ad6;
}

#Page_BabyPeriod4 .SectionFeature#Cate2 .ListItem .ItemPhoto {
border-color: #5a7ad6;
}

#Page_BabyPeriod4 .SectionFeature#Cate2 .SectionCmt {
background: #e3e8f9;
}


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

	#Page_BabyPeriod4 .SectionFeature#Cate2 .SectionCmt .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate2_SP.png) no-repeat center top;
	background-size: contain;
	}
	
}

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

	#Page_BabyPeriod4 .SectionFeature#Cate2 .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate2_PC.png) no-repeat left top;
	background-size: cover;
	}
	
}

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

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

#Page_BabyPeriod4 .SectionFeature#Cate3 h3.MdsH3 {
color: #f89827;
}

#Page_BabyPeriod4 .SectionFeature#Cate3 .ListItem .ItemPhoto {
border-color: #f89827;
}

#Page_BabyPeriod4 .SectionFeature#Cate3 .SectionCmt {
background: #fcf5c0;
}

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

	#Page_BabyPeriod4 .SectionFeature#Cate3 .SectionCmt .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate3_SP.png) no-repeat center top;
	background-size: contain;
	}
	
}

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

	#Page_BabyPeriod4 .SectionFeature#Cate3 .MdsBalloon {
	background: url(/images/campaign/baby_period4/Texture_Mds_Balloon_Cate3_PC.png) no-repeat left top;
	background-size: cover;
	}
	
}


/* ■ おすすめのあそび道具5選（SectionRecommendedItems）--------------------------------------------------- */

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach {
background-color: #fff;
}

/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach:not(:first-of-type) {
border-top: 0.1rem solid #e055b1;
} */

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach a {
display: block;
color: #000;
}

/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox .Photo {
display: flex; 
width: 100%;
aspect-ratio: 1 / 1; 
border-radius: 50%; 
border: 0.15rem solid #53a5b6 !important;
background-color: #fff;
align-items: center;
justify-content: center;
overflow: hidden;
} */

/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox img {
width: 95%;
height: auto;
object-fit: contain;
} */

/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox img {
border: 0.15rem solid #53a5b6 !important;
overflow: hidden;
} */

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Icon_Num {
display: inline-flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: #53a5b6;
color: #fff;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
text-align: center;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Name {
font-weight: 700;
color: #53a5b6;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Price {
line-height: 1.0em;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 70%;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Lead {
font-weight: 400;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox {
background: url(/images/campaign/baby_period4/Texture_DotLineW1.png) repeat-x left top;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point span {
display: inline-block;
vertical-align: middle;
line-height: 1.0em;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Icon_Point {
background: #e055b1;
color: #fff;
letter-spacing: 0.1em;
}

#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Mds_Main {
font-weight: 700;
color: #53a5b6;
}

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

	#Page_BabyPeriod4 .SectionRecommendedItems {
	margin-top: 2rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach {
	padding: 2.5rem;
	border-radius: 1.75rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach:not(:first-of-type){
	margin-top: 2.5rem;
	/* padding-top: 2.5rem; */
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main {
	display: block !important;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .LeadBox {
	text-align: center;
	}

	/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox img {
	border-radius: 1.5rem;
	} */

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Icon_Num {
	margin-top: 1.5rem;
	width: 4rem;
	font-size: 2rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Name {
	font-size: 1.8rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Price {
	margin-top: 0.5rem;
	font-size: 1.5rem;	
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Lead {
	margin-top: 1.5rem;
	font-size: 1.4rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .BtnBuy {
	margin-left: auto;
	margin-right: auto;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox {
	margin-top: 3rem;
	padding-top: 2rem;
	background-size: 7px auto;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point {
	margin-bottom: 1.5rem;
	}	

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Icon_Point {
	margin-right: 0.8rem;
	padding: 0.6rem 1rem 0.5rem 1.2rem;
	border-radius: 3rem;
	font-size: 1.3rem;	
	}
	
	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Mds_Main {
	font-size: 1.6rem;
	}	

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .PhotoBox {
	margin-top: 0.5rem;
	}

}

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

	
}

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

	#Page_BabyPeriod4 .SectionRecommendedItems {
	margin-top: 3.5rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach {
	padding: 4rem;
	border-radius: 2rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach:not(:first-of-type){
	margin-top: 5rem;
	/* padding-top: 5rem; */
	}
	
	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main {
	flex-direction: row-reverse;
	align-items: center;
	}
	
	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox {
	width: 47%;
	}

	/* #Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .PhotoBox img {
	border-radius: 1.5rem;
	} */

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Main .LeadBox {
	width: 48%;
	text-align: center;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Icon_Num {
	width: 5rem;
	font-size: 2.2rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Name {
	font-size: 2.3rem;
	line-height: 1.5em;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Price {
	margin-top: 1rem;
	font-size: 2rem;	
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .Item_Lead {
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 2.0em;
	}
	
	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .BtnBuy {
	margin-left: auto;
	margin-right: auto;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox {
	margin-top: 3.5rem;
	padding-top: 3rem;
	background-size: 9px auto;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point {
	margin-bottom: 2.2rem;
	}	

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Icon_Point {
	margin-right: 1.5rem;
	padding: 0.8rem 1.5rem 1.05rem 1.5rem;
	border-radius: 3rem;
	font-size: 1.6rem;	
	}
	
	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .Mds_Point .Mds_Main {
	font-size: 1.8rem;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .LeadBox {
	width: 55%;
	}

	#Page_BabyPeriod4 .SectionRecommendedItems .SectionItemEach .PointBox .PhotoBox {
	width: 41%;
	}	

}

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


}


/* ■ 商品一覧埋め込み ------------------------------------------------------------------ */

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

	#Page_BabyPeriod4 .ItemListCP {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.6rem;
	}

	#Page_BabyPeriod4 .ItemListCP li {
	float: none;
	width: auto;
	margin-right: inherit;
	margin-bottom: inherit;
	}

}

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

	#Page_BabyPeriod4 .ItemListCP {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin-top: 2rem;
	}

	#Page_BabyPeriod4 .ItemListCP li {
	float: none;
	width: auto;
	margin-right: inherit;
	margin-bottom: inherit;
	}

}


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

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

	.BnrListWrap {
	margin: 3.5rem 0 0 0;
	}

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

	#Page_BabyPeriod4 .BnrListWrap {
	margin: 3.5rem 1.6rem 0 1.6rem;
	}	
}	

@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;
	}	
				
}