@charset "utf-8";


/* 目次ページ ------------------------------------------------------------- */

#Page_Birth {
width: 940px;
margin-top: 35px;
}

#Page_Birth h1.Mds {
margin-bottom: 15px !important;
font-size: 100% !important;
font-weight: normal;
}

/* キービジュアル */
#Page_Birth .KeyVisual {
width: 940px;
height: 310px;
margin-bottom: 30px;
background: url(/images/campaign/birth/Texture_KeyVisual.png?ver=190326) no-repeat;
}

#Page_Birth .KeyVisual .Intro {
width: 540px;
padding: 195px 0 0 30px;
}

#Page_Birth .KeyVisual .MdsMain {
margin-bottom: 2px;
font-size: 129%;
}

#Page_Birth .KeyVisual .LeadMain {
font-size: 100% !important;
line-height: 1.8em;
}

/* 予算別メニュー（BudgetMenu） */
#Page_Birth .BudgetMenu {
width: 940px;
margin-bottom: 100px;
}

#Page_Birth .BudgetMenu .IndexMenu2 {
width: 940px;
}

#Page_Birth .BudgetMenu .IndexMenu2 li {
width: 460px;
margin: 0 20px 20px 0;
padding: 15px;
border: 4px solid #cfebfd;
border-radius: 18px;
box-sizing: border-box;
}

#Page_Birth .BudgetMenu .IndexMenu2 li:nth-child(2n) {
margin-right: 0;
}

#Page_Birth .BudgetMenu .IndexMenu2 li a {
display: block;
color: #548ed5;
text-decoration: none;
}

#Page_Birth .BudgetMenu .IndexMenu2 .LRBox {
display: table;
width: 460px;
}

#Page_Birth .BudgetMenu .IndexMenu2 .LBox,
#Page_Birth .BudgetMenu .IndexMenu2 .RBox {
display: table-cell;
float: none;
vertical-align: middle;
}

#Page_Birth .BudgetMenu .IndexMenu2 .LBox {
width: 40%;
}

#Page_Birth .BudgetMenu .IndexMenu2 .LBox img {
width: 100%;
height: auto;
}

#Page_Birth .BudgetMenu .IndexMenu2 .RBox {
width: 60%;
padding-left: 30px;
}

#Page_Birth .BudgetMenu .IndexMenu2 .Budget {
margin-bottom: 15px;
}

#Page_Birth .BudgetMenu .IndexMenu2 .Budget .Mds {
display: block;
margin-bottom: 10px;
padding-left: 50px;
font-size: 129%;
}

#Page_Birth .BudgetMenu .IndexMenu2 .Budget .Price {
font-size: 172%;
}

#Page_Birth .BudgetMenu .IndexMenu2 .Budget .Price em {
font-size: 47px;
font-weight: normal;
}

#Page_Birth .BudgetMenu .IndexMenu2 .BtnItemList {
width: 161px;
padding: 4px 0 4px 34px;
color: #fff;
font-size: 115%;
background: #fb4776 url(/images/sp/common/icon/Icon_LinkFwd_White.png) no-repeat;
background-size: 18px auto;
background-position: 6% 49%;
border-radius: 18px;
}

#Page_Birth .BudgetMenu .IndexMenu2 .NM15 {
margin-left: -15px;
}



/* 予算別ページ ------------------------------------------------------------- */

#Page_BirthPage {
margin-top: 35px;
}

#Page_BirthPage h1.Mds {
margin-bottom: 15px !important;
font-size: 12px !important;
font-weight: normal;
}

#Page_BirthPage .Title {
margin-bottom: 40px;
}

/* 予算別メニュー（上部・下部） */
#Page_BirthPage .BudgetMenu,
#Page_BirthPage .BudgetMenuBtm {
width: 940px;
overflow: hidden;
}

#Page_BirthPage .BudgetMenu {
height: 90px;
margin-bottom: 30px;
border-bottom: 4px solid #86c9f3;
background: url(/images/campaign/birth/budget_pages/Texture_NavShadow.png) left bottom repeat-x;
}

#Page_BirthPage .BudgetMenuBtm {
height: 80px;
margin-bottom: 80px;
}

#Page_BirthPage .BudgetMenu li,
#Page_BirthPage .BudgetMenuBtm li {
width: 220px;
margin-right: 20px;
}

#Page_BirthPage .BudgetMenu li:last-child,
#Page_BirthPage .BudgetMenuBtm li:last-child {
margin-right: 0;
}

#Page_BirthPage .BudgetMenu a,
#Page_BirthPage .BudgetMenuBtm a {
width: 220px;
color: #548ed5;
font-size: 20px;
text-align: center;
text-decoration: none;
box-sizing: border-box;
}

#Page_BirthPage .BudgetMenu a {
height: 90px;
line-height: 88px;
border-left: 4px solid #cfebfd;
border-top: 4px solid #cfebfd;
border-right: 4px solid #cfebfd;
border-radius: 16px 16px 0 0;
}

#Page_BirthPage .BudgetMenuBtm a {
height: 80px;
line-height: 74px;
border: 4px solid #cfebfd;
border-radius: 16px;
}

#Page_BirthPage .BudgetMenu a em,
#Page_BirthPage .BudgetMenuBtm a em {
font-size: 28px;
font-weight: normal;
}

#Page_BirthPage .BudgetMenu a:hover, 
#Page_BirthPage .BudgetMenuBtm a:hover, 
#Page_BirthPage .BudgetMenu .Current a,
#Page_BirthPage .BudgetMenuBtm .Current a {
color: #fff;
background: #86c9f3;
}

#Page_BirthPage .BudgetMenu a:hover, 
#Page_BirthPage .BudgetMenu .Current a {
line-height: 88px;
border-left: 4px solid #86c9f3;
border-top: 4px solid #86c9f3;
border-right: 4px solid #86c9f3;
}

#Page_BirthPage .BudgetMenuBtm a:hover, 
#Page_BirthPage .BudgetMenuBtm .Current a {
line-height: 74px;
border: 4px solid #86c9f3;
}


/* 内容（Contents）------------------------------------------------------------- */

#Page_BirthPage .ItemListCPWrap {
margin-bottom: 40px;
}

#Page_BirthPage .Contents {
width: 940px;
}

/* メイン（Main）*/
#Page_BirthPage .Contents .Main {
width: 940px;
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: 4px solid #cfebfd;
}

#Page_BirthPage .Contents .Main .LBox {
width: 590px;
}

#Page_BirthPage .Contents .Main .LBox .MdsMain {
margin-bottom: 15px;
padding-top: 25px;
color: #34d0c3;
font-size: 186%;
line-height: 1.4em;
}

#Page_BirthPage .Contents .Main .LBox .LeadMain {
margin: 0 !important;
padding: 0 !important;
font-size: 115%;
line-height: 1.6em;
}

#Page_BirthPage .Contents .Main .RBox {
width: 240px;
}

#Page_BirthPage .Contents .Main .RBox img {
width: 240px;
height: auto;
}


/* ランキング（Ranking）*/
#Page_BirthPage .Ranking {
width: 940px;
margin-bottom: 20px;
}

#Page_BirthPage .RankingList {
width: 940px;
}

#Page_BirthPage .RankingList li {
position: relative;
width: 940px;
margin-bottom: 30px;
padding-bottom: 70px;
border-bottom: 1px solid #c7c7c7;
}

#Page_BirthPage .RankingList li:last-child {
margin-bottom: 0;
/* padding-bottom: 0; */
border-bottom: none;
}

#Page_BirthPage .RankingList li a {
display: block;
text-decoration: none;
}

#Page_BirthPage .RankingList .Detail {
width: 660px;
}

#Page_BirthPage .RankingList h2.Mds {
display: table;
height: 50px;
margin-bottom: 15px;
font-weight: normal;
}

#Page_BirthPage .RankingList h2.Mds .IconNum1,
#Page_BirthPage .RankingList h2.Mds .IconNum2 {
display: table-cell;
color: #fff;
text-align: center;
border-radius: 8px;
vertical-align: middle;
}

/*
#Page_BirthPage .RankingList h2.Mds .IconNum1 {
width: 90px;
height: 65px;
font-size: 30px;
background: #fb4776;
}

#Page_BirthPage .RankingList h2.Mds .IconNum1 .Num {
font-size: 18px;
}
*/

#Page_BirthPage .RankingList h2.Mds .IconNum1 {
width: 65px;
height: 65px;
font-size: 30px;
background: #fb4776;
}

#Page_BirthPage .RankingList h2.Mds .IconNum2 {
width: 65px;
height: 65px;
font-size: 30px;
background: #86c9f3;
}

#Page_BirthPage .RankingList h2.Mds .ItemName {
display: table-cell;
padding-left: 18px;
color: #010101;
font-size: 24px;
font-weight: normal;
vertical-align: middle;
}

#Page_BirthPage .RankingList .Price {
margin-bottom: 5px;
font-size: 24px;
line-height: 1em;
color: #000;
}

#Page_BirthPage .RankingList .Price span {
font-size: 55%;
}

#Page_BirthPage .RankingList .Lead {
margin-bottom: 20px;
font-size: 16px;
color: #000;
}

#Page_BirthPage .RankingList .BtnDetail {
width: 166px;
padding: 7px 0 7px 33px;
border: 2px solid #a1c3ed;
color: #3d5fc4;
font-size: 16px;
line-height: 1.2em;
font-weight: bold;
background: #eff7fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 18px auto;
background-position: 6% 48%;
border-radius: 30px;
box-sizing: border-box;
text-decoration: none;
}

#Page_BirthPage .RankingList .Photo {
position: absolute;
top: 0;
right: 0;
width: 240px;
}

#Page_BirthPage .RankingList .Photo span {
display: block;
width: 240px;
height: 240px;
border: 1px solid #c0d6f5;
box-sizing: border-box;
border-radius: 16px;
background-size: cover;
}


/* 出産祝いの豆知識（Knowledge）*/
#Page_BirthPage .Knowledge {
width: 940px;
margin-bottom: 55px;
padding: 40px;
border: 4px solid #cff1d8;
border-radius: 18px;
box-sizing: border-box;
}

#Page_BirthPage .Knowledge h2.Mds {
position: relative;
margin-bottom: 30px;
padding-left: 45px;
color: #36bb9e;
font-size: 214% !important;
font-weight: normal !important;
}

#Page_BirthPage .Knowledge h2.Mds img {
position: absolute;
top: -20px;
left: -5px;
width: 35px;
height: auto;
}

#Page_BirthPage .KnowledgeIn {
width: 860px;
padding: 40px;
background: #faf9f0;
box-sizing: border-box;
}

#Page_BirthPage .KnowledgeIn h3.Mds {
margin-bottom: 10px;
font-size: 158%;
font-weight: normal;
}

#Page_BirthPage .KnowledgeIn .Lead {
font-size: 100%;
line-height: 1.8em;
}

/* ボタン */
#Page_BirthPage .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.0em;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Page_BirthPage .BtnIndex {
width: 58%;
margin: 0 auto;
padding: 16px 0 16px 4%;
background: #fb4776 url(/images/sp/common/icon/Icon_LinkFwd_White.png) no-repeat;
background-size: 20px auto;
background-position: 4% 50%;
font-size: 17px;
line-height: 1.0em;
color: #fff !important;
}