@charset "utf-8";

/* 赤ちゃんの睡眠と生活リズムづくり */


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

#Baby_Sleep {
width: 94rem;
margin: 3rem auto 0 auto;
}

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

#Baby_Sleep .Photo img {
width: 100%;
height: auto;
}

.OtherContWrap {
width: 94rem;
margin: 0 auto;
}

/* ボタン */
#Baby_Sleep .Btn {
display: block;
width: 100%;
border-radius: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 15px;
line-height: 1;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Baby_Sleep .BtnDetail {
width: 190px;
padding: 10px 0 10px 11px;
border: 2px solid #b8daeb;
color: #3d5fc4;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 16px auto;
background-position: 6% 50%;
}


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

#Baby_Sleep .Intro {
margin-bottom: 70px;
}

#Baby_Sleep .Intro h1.Title {
margin-bottom: 45px;
}

#Baby_Sleep .Intro .LeadMain {
width: 780px;
margin: 0 auto;
font-size: 18px;
line-height: 1.9;
}


/* ■ その眠りの悩み、解決できるかも？ ------------------------------------------------- */

#Baby_Sleep .Settle {
margin-bottom: 60px;
}

#Baby_Sleep .Settle h2.MdsBase {
margin-bottom: 40px;
text-align: center;
line-height: 1;
}

#Baby_Sleep .Settle .SectionBasic:first-of-type {
margin-bottom: 70px; 
}

#Baby_Sleep .Settle h3.MdsBase {
margin-bottom: 35px;
padding: 15px 0;
color: #3b270a;
background: #f7d0c5;
border-radius: 10px;
font-size: 26px;
text-align: center;
line-height: 1;
}

#Baby_Sleep .Settle .LeadMain {
margin-bottom: 40px;
font-size: 16px;
line-height: 1.8;
}

#Baby_Sleep .Settle .IndexMenu1 {
width: 100%;
}

#Baby_Sleep .Settle .IndexMenu1 li {
width: 32%;
margin-right: 2%;
padding: 25px 15px;
border: 1px solid #096555;
border-radius: 15px;
box-sizing: border-box;
}

#Baby_Sleep .Settle .IndexMenu1 li:last-child {
margin-right: 0;
}

#Baby_Sleep .Settle h4.MdsBase {
margin-bottom: 15px;
color: #096555;
font-size: 24px;
font-weight: normal;
text-align: center;
line-height: 1.4;
}

#Baby_Sleep .Settle .Lead {
margin-bottom: 30px;
font-size: 15px;
line-height: 1.8;
}


/* ■ ベビー用品 ------------------------------------------------- */

#Baby_Sleep .Item {
margin-bottom: 60px;
padding: 25px 0 50px 0;
background: #fff3ef url(/images/campaign/baby_sleep/Item/Texture_MdsMain.png) no-repeat center top;
background-size: 100% auto;
border-radius: 15px;
overflow: hidden;
}

#Baby_Sleep .Item h2.MdsBase {
margin-bottom: 105px;
text-align: center;
line-height: 1;
}

#Baby_Sleep .Item h2.MdsBase span {
display: block;
}

#Baby_Sleep .Item h2.MdsBase .Sub {
margin-bottom: 15px;
font-size: 20px;
font-weight: normal;
}

#Baby_Sleep .Item h2.MdsBase .Main {
font-size: 34px;
}

#Baby_Sleep .Item .IndexMenu1 {
width: 860px;
margin: 0 auto;
}

#Baby_Sleep .Item .IndexMenu1:first-of-type {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #f5d3c8;
}

#Baby_Sleep .Item .IndexMenu1 li {
width: 48%;
margin-right: 4%;
}

#Baby_Sleep .Item .IndexMenu1 li:last-child {
margin-right: 0;
}

#Baby_Sleep .Item .Photo {
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}

#Baby_Sleep .Item h3.MdsBase {
margin-bottom: 15px;
color: #096555;
font-size: 20px;
line-height: 1;
}

#Baby_Sleep .Item .Lead {
margin-bottom: 20px;
color: #000;
font-size: 16px;
line-height: 1.8;
}

#Baby_Sleep .Item h4.Name {
color: #000;
font-size: 129%;
line-height: 1.5;
}

#Baby_Sleep .Item .Price {
margin-top: 8px;
color: #000;
font-size: 18px;
font-weight: bold;
line-height: 1;
}

#Baby_Sleep .Item .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 1.3rem;
}

#Baby_Sleep .Item .BtnDetail {
width: 60%;
margin-top: 20px;
padding-top: 12px;
padding-bottom: 12px;
background-size: 18px auto;
font-size: 16px;
}


/* ■ 海外の子育てから学ぼう ------------------------------------------------- */

#Baby_Sleep .Learn {
margin-bottom: 75px;
}

#Baby_Sleep .Learn h2.MdsBase {
margin-bottom: 30px;
padding: 10px 0;
color: #3b270a;
background: #f7d0c5;
border-radius: 10px;
font-size: 26px !important;
text-align: center;
line-height: 1;
}

#Baby_Sleep .Learn .IndexMenu1 li {
width: 47%;
}

#Baby_Sleep .Learn .IndexMenu1 li:first-child {
margin-right: 3.5%;
padding-right: 2.5%;
border-right: 1px solid #f7d0c5;
box-sizing: border-box;
}

#Baby_Sleep .Learn h3.MdsBase {
margin-bottom: 25px;
color: #096555;
font-size: 24px;
font-weight: normal;
line-height: 1;
}

#Baby_Sleep .Learn .Lead {
font-size: 16px;
line-height: 1.8;
}


/* ■ ご出産祝い ------------------------------------------------- */

#Baby_Sleep .Gift {
/* margin-bottom: 50px; */
padding: 0 0 50px 0;
background: #eff5e7;
background-size: 100% auto;
border-radius: 15px;
overflow: hidden;
}

#Baby_Sleep .Gift h2.MdsBase {
margin-bottom: 35px;
padding: 25px 0;
background: #096555;
color: #fff;
font-size: 30px !important;
text-align: center;
line-height: 1;
}

#Baby_Sleep .GiftUnit {
margin: 0 40px;
}

#Baby_Sleep .Gift .LeadMain {
margin-bottom: 40px;
font-size: 24px;
line-height: 1.6;
}

#Baby_Sleep .Gift .IndexMenu1 {
width: 860px;
margin: 0 auto;
}

#Baby_Sleep .Gift .IndexMenu1 li {
width: 48%;
margin-right: 4%;
}

#Baby_Sleep .Gift .IndexMenu1 li:last-child {
margin-right: 0;
}

#Baby_Sleep .Gift .Photo {
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}

#Baby_Sleep .Gift h3.MdsBase {
margin-bottom: 15px;
color: #096555;
font-size: 20px;
line-height: 1;
}

#Baby_Sleep .Gift .Lead {
margin-bottom: 20px;
color: #000;
font-size: 16px;
line-height: 1.8;
}

#Baby_Sleep .Gift h4.Name {
color: #000;
font-size: 18px;
line-height: 1.5;
}

#Baby_Sleep .Gift .Price {
margin-top: 8px;
color: #000;
font-size: 16px;
font-weight: bold;
line-height: 1;
}

#Baby_Sleep .Gift .Price span {
font-size: 13px;
}

#Baby_Sleep .Gift .BtnDetail {
width: 60%;
margin-top: 20px;
padding-top: 12px;
padding-bottom: 12px;
background-size: 18px auto;
font-size: 16px;
}


/* ■ ベビーフェア ------------------------------------------------- */

#Baby_Sleep .Fair {
padding: 45px 0 35px 0;
border: 3px solid #e9546b;
border-radius: 15px;
box-sizing: border-box;
}

#Baby_Sleep .Fair h2.MdsBase {
margin-bottom: 20px;
text-align: center;
line-height: 1;
}

#Baby_Sleep .Fair .LeadMain {
margin-bottom: 25px;
font-size: 18px;
text-align: center;
line-height: 1.7;
}

#Baby_Sleep .Fair .BtnShop {
width: 260px;
margin: 0 auto 20px auto;
padding: 15px 0 15px 2%;
background: #37a9a9 url(/images/sp/common/icon/Icon_LinkFwd_White.png) no-repeat;
background-size: 20px auto;
background-position: 5% 48%;
color: #fff;
font-size: 18px;
line-height: 1;
}


/* ■ 取り扱い店舗案内 --------------------------------------------------- */

#Shop_Stock_Notice {
margin-top: 50px;
}


/* ■ 赤ちゃんのあそび場案内 --------------------------------------------------- */

#BabyAsobiba {
margin-bottom: 80px;
}


/* ■ SNSシェアボタン ------------------------------------------------------------------ */

.SocialBtn {
display: table;
margin-bottom: 30px;
}

.SocialBtn li {
margin: 0;
padding: 0 0 0 10px;
display: table-cell;
list-style: none;
vertical-align: top;
}

.SocialBtn li:first-child {
padding-left: 0 !important;
}

.fb_iframe_widget > span {
vertical-align: baseline !important;
}

.SocialBtnCenter {
margin: 60px auto 0 auto !important;
}