@charset "UTF-8";
/*------------------------------------------------------------------- 
* * File Name:over_smile.css *
-------------------------------------------------------------------*/
body.over{background:url(/babyfood/products/odekake/images/bg.jpg) 0 0 repeat;font-size:0.9rem;line-height:1.6;}
.f_s{font-size:0.7rem !important;}
.f_m{font-size:1.2rem !important;}
.f_l{font-size:1.4rem !important;}
.mt-1{margin-top:2rem !important;}
.smaller{font-size:90% !important;}




/*===================================================================
mainWrap
===================================================================*/
/*header#headerWrap{margin:0 auto;z-index:100;position:relative;}*/
.over #mainWrap{margin-top:120px!important;/*z-index:5;*/}
.box{width:1000px;margin:0 auto;position:relative;}
.cmnNav {background: #fff;}
/*===================================================================
productsHead
===================================================================*/
.productsHead_smile{height:400px;
	background-image:url(/babyfood/products/odekake/images/r_mv_bg-town.png),url(/babyfood/products/odekake/images/r_mv_bg-cloud.png);
	background-position:center bottom,center top;
	background-repeat:repeat-x;
	margin:0 auto;
	background-color:#b9e2eb;
}
.productsHead_smile .inner{height:400px;}
.productsHead_smile h1{margin-left:12px;}
.productsHead_smile .txt{width:100%;position:absolute;bottom:0px;left:0;color:#fff;text-align:center;line-height:1.6;font-size:1rem;height:96px;display: flex;justify-content: center;align-items: center;}
/*===================================================================
mainArea
===================================================================*/
.mainArea_smile{width:100%;}
body.over p.pagetop{width:1080px;margin:30px auto;}
/*===================================================================
contentsWrap
===================================================================*/
.contents_a_wrap{position:relative;background-color:#FFF;border-radius:0 0 90px 90px;border:1px solid #eaead3;z-index:10;}
.contents_b_wrap{position:relative;background:url('/babyfood/products/odekake/images/products_bg01.jpg');border-radius:0 0 90px 90px;z-index:10;padding:3rem 0 5rem;}

/*===================================================================
kotsu
===================================================================*/
#kotsuArea{position:relative;width:1139px;margin:100px auto 2rem;}
.kotsuTit{position:absolute;top:0;left:0;z-index:100;margin-top:-50px;}
.kotsuMidashi{padding:40px 0 10px;text-align:center;}
.kotsuMidashi p{font-size:1.4rem;line-height:2.6;}
.kotsuContsInr{display:flex;flex-flow:row wrap;padding:0 2.6rem;justify-content:space-around;}
.kotsuContsInr .item{width:28%;margin-bottom:5rem;}
.kotsu_list li:first-child{border-radius:22px;background:url('/babyfood/products/odekake/images/kotsu_tit_bg.jpg');width:100%;height:62px;text-align:center;font-size:22px;color:#4a2e23;line-height:62px;}
.kotsu_list li:nth-child(2){width:auto;padding:1rem;}
.kotsu_list li:nth-child(2) img{width:100%;}
.kotsu_list li:nth-child(3){background:url('/babyfood/products/odekake/images/kotsu_icn_balloon.png') 0 0 no-repeat;height:56px;padding:0 0 0 80px;color:#d05800;font-size:16px;font-weight:bold;}
.kotsu_list li:nth-child(4) p{padding-left:1em;text-indent:-1em;}
.kotsu_list li:nth-child(4) span{color:#d05800;}
.kotsu_list li:nth-child(5) .advice_btn{display:block;border-bottom:1px dotted #1098fc;color:#1098fc;margin:1rem 0 0.5rem;}
/*===================================================================
advice
===================================================================*/
#adviceArea{position:relative;width:1139px;margin:100px auto 2rem;}
.adviceTit{position:absolute;top:0;left:0;z-index:100;margin-top:-50px;}
.adviceConts{padding:60px 3rem 50px;}
.adviceContsInr{border-radius:50px;background:url('/babyfood/products/odekake/images/advice_conts_bg.jpg');width:auto;margin:0 auto;padding:2rem 3rem;display: flex;flex-wrap: wrap;}
.adviceContsInr .txt{width:76.5%;}
.adviceContsInr .txt p:nth-child(1){font-weight: bold;line-height: 2;margin-bottom: 10px;}
.adviceContsInr .ph{width:23.5%;text-align: right;}
.adviceContsInr .ph img{width:90%;}
.adviceContsInr .name{margin-top: 0.25rem;}

/*===================================================================
products
===================================================================*/
#productsArea{position:relative;width:1139px;margin:100px auto 2rem;}
.productsTit{position:absolute;top:0;left:0;z-index:100;margin-top:-50px;}

.productsConts{display: flex;flex-wrap: wrap;justify-content:space-between;width:945px;margin: 0 auto;gap:30px 0;}

.productsContsInr{width: 460px;background: #fff;display: flex;flex-direction: column;justify-content: space-between;padding: 26px 0;}
.productsContsInr p{width: 400px;margin:0 auto}
.productsBnr{display:block;margin:1.5rem auto 0;}

.linkhover{transition: all .3s ease;}
.linkhover:hover{opacity: 0.6;}

@media all and (max-width:767px){
	#productsArea{width:auto;margin:2rem auto ;}
.productsConts {width: 100%;justify-content: center;}
	.productsContsInr {width:92%;}
	.productsContsInr p {width: 90%;}
	.productsTit{margin-top:0px;}
	.productsBnr {width: 90%;}
}


/*===================================================================
banner
===================================================================*/
/* .smile_bnr{width: 892px;;margin: 2.5rem auto;} */
.factocy_bnr img{width:750px;}
.cmp_bnr{width:800px;margin:2rem auto 1rem;}
.cmp_bnr img{width:100%;height:auto;}
/* =================================================================
END
================================================================= */



/* =================================================================
SP
================================================================= */

@media all and (max-width:767px){/* SP */
.anchor{
display: block !important;
/*margin-top: -40px;
padding-top: 40px;*/
margin-top: 0;
padding-top: 0;
}

/*===================================================================
	mainWrap
	===================================================================*/
/*header#headerWrap{margin:0 auto;z-index:100;position:relative;}*/
.over #mainWrap{margin-top: 31.2vw !important;/*z-index:5;*/}
.box{width:97vw;}
.mt-1{margin-top:1rem !important;}
/*===================================================================
	productsHead
	===================================================================*/
.productsHead_smile{height:auto;background:url(/babyfood/products/odekake/images/r_mv_bg_sp.jpg) 0 0 repeat;margin:0 auto 1rem;}
.productsHead_smile .inner{height:auto;}
.productsHead_smile h1{margin-left:0;}
.productsHead_smile .box{width:100vw;}
.productsHead_smile .txt{width:auto;position:relative;color:#fff;text-align:left;padding:0.8rem;margin-left: 0;height:auto;}



/*===================================================================
	mainArea
	===================================================================*/
.mainArea_smile{width:100vw;}
body.over p.pagetop{width:50%;margin:20px auto;}

.internallinks{}




/*===================================================================
	contentsWrap
	===================================================================*/
.contents_a_wrap{border-radius:0 0 40px 40px;}
.contents_b_wrap {border-radius:0 0 40px 40px;  padding: 6rem 0 3rem;}
/*===================================================================
	kotsu
	===================================================================*/
#kotsuArea{position:relative;width:auto;margin:2rem auto 2rem;}
.kotsuTit{margin-top:0px;}
.kotsuMidashi{padding:90px 0 0;text-align:center;}
.kotsuMidashi p{font-size:1.2rem;line-height:1.6;}
.kotsuMidashiBar{width:80vw;margin:0.8rem auto 0.2rem;}
.kotsuMenu_list{display:flex;flex-wrap:wrap;padding:0.5rem 0.5rem 2rem 0.5rem;}
.kotsuMenu_list li{background:#dd9582;border-radius:8px;border:2px solid #fff;width:50%;box-sizing:border-box;position:relative;}
.kotsuMenu_list li a{display: block;padding: 0.66rem;color:#fff;}
.kotsuMenu_list li:before{display:block;content:"";position:absolute;top:50%;right:0.4rem;width:0;height:0;margin-top:-5px;border: 5px solid transparent;border-top: 5px solid #fff;}
	
.kotsuMenu_list li a:hover:before{left:27px;}
.kotsuContsInr{display:flex;flex-flow:column;padding:0 0.5rem 3rem;justify-content:space-around;}
.kotsuContsInr .item{width:auto;margin-bottom:3rem;}
.kotsuContsInr .item:last-child{margin-bottom:0;}
.kotsu_list li:first-child{border-radius:18px;background:url('/babyfood/products/odekake/images/kotsu_tit_bg.jpg');width:100%;height:52px;text-align:center;font-size:22px;color:#4a2e23;line-height:52px;}
.kotsu_list li:nth-child(2){width:auto;padding:1rem;}
.kotsu_list li:nth-child(2) img{width:100%;}
.kotsu_list li:nth-child(3){background:url('/babyfood/products/odekake/images/kotsu_icn_balloon.png') 0 0 no-repeat;height:56px;padding:14px 0 0 80px;color:#d05800;font-size:16px;font-weight:bold;}
.kotsu_list li:nth-child(4) p{padding-left:1em;text-indent:-1em;}
.kotsu_list li:nth-child(4) span{color:#d05800;}
.kotsu_list li:nth-child(5) .advice_btn{display:block;background:#add2eb;border-bottom:none;color:#000;margin:1rem 0 0.5rem;position:relative;width:auto;border-radius:8px;padding:0.5rem 0.5rem 0.5rem 1rem;}
/*===================================================================
	advice
	===================================================================*/
#adviceArea{position:relative;width:auto;margin:2rem auto;}
.adviceTit{margin-top:0px;}
.adviceConts{padding:100px 0.8rem 20px;}
.adviceContsInr{border-radius:20px;padding:2rem 1.5rem;display: flex;flex-wrap: wrap;}
.adviceContsInr .txt{width:auto;order: 1;}
.adviceContsInr .txt p.f_m{font-weight:bold;line-height:1.4;margin-bottom:10px; font-size: 1rem;}
.adviceContsInr .name{width:50%;margin-top: 0.8rem;order: 2;}
.adviceContsInr .name p.f_m{font-size: 1rem; line-height:1.4;margin-bottom:6px;}
.adviceContsInr .name p.name_s{font-size: 0.8rem; line-height:1.4;}
.adviceContsInr .ph{width:50%;margin-top: 0.8rem;text-align: right;order: 3;}
.adviceContsInr .ph img{width:80%;}

/*===================================================================
	products
	===================================================================*/
/* #productsWrap{border-radius:40px;background:url('/babyfood/products/odekake/images/products_bg01.jpg');width:auto;padding:1rem;position:relative;}
.productsFlag{position:absolute;top:0;left:0;z-index:100;}
.productsInr{background:url('/babyfood/products/odekake/images/products_bg02.png') 0 0 repeat;position:relative;z-index:10;padding-top:66px;}
.productsBnr01{padding:2rem 0.4rem;text-align:center;}
.productsBnr02{padding:2rem 0;text-align:center;}
#products_KaihatsuWrap{border-radius:40px;background:#fff;border:6px solid #e8fad1;width:auto;padding:1.8rem 1rem 1rem;position:relative;}
.products_KaihatsuTit{text-align:center;font-weight:bold;color:#4b99cf;border-bottom:1px dotted #4b99cf;font-size:1.6rem;line-height:1.6;margin-bottom:1rem;padding-bottom: 0.6rem;}
	
.products_Kaihatsu{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.products_Kaihatsu .txt{width:auto; margin-top: 1rem;order: 1}
.products_Kaihatsu .txt p.tit{font-weight:bold;line-height:1.6;margin-bottom:0.4rem;}
.products_Kaihatsu .name{width:55%;margin: 1rem 0 0 auto;order: 2; font-size: 0.8rem;}
.products_Kaihatsu .ph{width:45%; order: 3}
.products_Kaihatsu .ph img{width:86%;}
.products_KaihatsuBnr{padding:2rem 0;text-align:center;} */

/*===================================================================
	banner
	===================================================================*/
.factocy_bnr img{width:88%;}
.cmp_bnr{width:94%;margin:0 auto;}
/*===================================================================
	hamburger
	===================================================================*/
#gnav_container{background:#fba08f;}
#gnav_container nav.nav{padding:90px 0 20px;}
#gnav_container nav.nav ul.main_nav{width:100vw;background:#fba08f;margin:0;padding:0;}
#gnav_container nav.nav ul.main_nav li{margin:0;padding:0;}
#gnav_container nav.nav ul.main_nav li a{display:block;}


/*===================================================================
	footer
	===================================================================*/
footer#footerWrap .footerBnrArea{
	background:#ffffeb url(/babyfood/products/odekake/images/sp/cmn_bg_footer.png) left bottom repeat-x;
	background-size: 8%;
}

}

.internallinks{width:94%;margin:1rem auto;background:#fff;border:1px solid #D6D6C3;padding:1rem;box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.25);box-sizing: border-box;}
.internallinks li{position: relative;padding: 0 0 0 20px;font-size: 4.3vw;}
.internallinks li + li{margin-top: .3rem;}
.internallinks li::before{content:'';position: absolute;top: 55%;left: 0;transform: translateY(-50%); border: 7px solid transparent;border-top: 10px solid #555; }
.-kotsu a{color:#FF2D1B}
.-advice a{color:#0094D5}
.-products a{color:#42A500}
.internallinks li.-kotsu::before{border-top:10px solid #FF2D1B}
.internallinks li.-advice::before{border-top:10px solid #0094D5}
.internallinks li.-products::before{border-top:10px solid #42A500}