@charset "utf-8";



/* Toddys特集 */


/*
■ 共通
■ キービジュアル
*/


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

#Page_Toddys {
overflow: hidden;
}

#Page_Toddys .SP {
display: none;
}

#Page_Toddys .InBox1 {
width: 102rem;
margin: 0 auto;
}

#Page_Toddys .InBox2 {
width: 94rem;
margin: 0 auto;
}

#Page_Toddys p {
font-size: 1.5rem;
line-height: 2.0em;
}

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

#Page_Toddys .SectionSub {
margin: 0;
}

#Page_Toddys .WF1 {
font-family: 'Rubik', sans-serif;
}

/* 完売アイコン */
#Page_Toddys .IconSoldOut {
display: inline-block;
margin-top: 10px;
padding: 6px 10px;
box-sizing: border-box;
background: #b81c25;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.0em;
}

/* 見出し */
#Page_Toddys .MdsH2 {
text-align: center;
}

#Page_Toddys .MdsH2 .Warp {
display: inline-block;
font-weight: 700;
letter-spacing: 0.13em;
color: #00acc0;
}

#Page_Toddys .MdsH2 .Ruby {
display: block;
margin-left: 10%;
margin-bottom: 5px;
font-size: 13px !important;
text-align: left;
}

#Page_Toddys .MdsH2 .Main {
display: block;
font-size: 34px !important;
}

/*
#Page_Toddys .MdsH2 rt {
display: block;
padding-left: 18px;
font-size: 13px !important;
line-height: 1em;
letter-spacing: -1.65em !important;
}
*/

/* カラム */
#Page_Toddys .Col2 li {
width: 48%;
margin-right: 4%;
}

#Page_Toddys .Col2 li:nth-child(2n) {
margin-right: 0;
}

#Page_Toddys .Col3 li {
width: 31%;
margin-right: 3.5%;
}

#Page_Toddys .Col3 li:nth-child(3n) {
margin-right: 0;
}

#Page_Toddys .Col4 li {
width: 22%;
margin-right: 4%;
}

#Page_Toddys .Col4 li:nth-child(4n) {
margin-right: 0;
}

/* リスト各種 */
.ListDisc li,
.ListDiscS li,
.ListKome li,
.ListKomeS li,
.ListNumS li,
.ListKomeNumS li {
position: relative;
padding-left: 14px;
background-image: none;
color: #000;
}

.ListDisc li:before,
.ListDiscS li:before,
.ListKome li:before,
.ListKomeS li:before,
.ListNumS li:before,
.ListKomeNumS li:before {
display: inline-block;
position: absolute;
}

/* ディスク（ListDisc） */
.ListDisc li:before {
left: 1px;
top: 7px;
width: 7px;
height: 7px;
border-radius: 100%;
background: #000;
content: '';
}

/* ディスク：小（ListDiscS） */
.ListDiscS li:before {
content: '';
}

/* 米印（ListKome） */
.ListKome li:before {
top: 0;
left: 0;
content: '※';
}

/* 米印：小（ListKomeS） */
.ListKomeS li:before {
top: 0;
left: 0;
content: '※';
}

/* 連番：小（ListNumS） */
.ListNumS li:before {
content: counter(ListNum)".";
}

/* 米印連番：小（ListKomeNumS） */
.ListKomeNumS li:before {
content: "※"counter(ListNum);
}

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

#Page_Toddys .BtnBuy {
width: 155px;
margin-top: 20px;
padding: 10px 0 10px 3%;
border: 2px solid #b8daeb;
border-radius: 30px;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 18px auto;
background-position: 6% 50%;
font-size: 15px;
color: #3d5fc4;
}

/* ページ下部枠 */
.RecommendedCampaignBnr p {
text-align: center;
}

.OtherContWrap {
max-width: 94rem;
margin: 0 auto;
padding-top: 70px;
}

/* #Page_Toddys .OtherContUnit {

} */

/* イベント告知 */
#Page_Toddys .SectionEvent {
width: 940px;
margin: 0 auto 100px auto;
padding: 50px;
border-radius: 30px;
box-sizing: border-box;
border: 3px solid #00acc0;
background: url(/images/campaign/toddys/Bnr_Event_Christmas.jpg) no-repeat;
background-size: 360px auto;
background-position: 100% 81%;
}

#Page_Toddys .SectionEvent .MdsSub {
width: 40%;
margin: 0 auto;
padding: 10px 0 10px 1%;
box-sizing: border-box;
border-radius: 10px; 
background: #00acc0;
font-size: 20px !important;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.0em;
color: #fff;
}

/*
#Page_Toddys .SectionEvent .MdsSub {
font-size: 20px !important;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.0em;
color: #f5a211;
}
*/

#Page_Toddys .SectionEvent h2.MdsH2 {
margin-top: 8px;
font-size: 34px !important;
font-weight: 700;
letter-spacing: 0.13em;
color: #f5a211;
}

#Page_Toddys .SectionEvent .LeadMain {
margin-top: 6px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.7em;
}

#Page_Toddys .SectionEvent .LinkChristmas {
text-align: center;
}

#Page_Toddys .SectionEvent .Col3_PC {
margin: 0 -1%;
}

#Page_Toddys .SectionEvent .Col, .wp-block-columns {
display: flex;
flex-wrap: wrap;
}

#Page_Toddys .SectionEvent .Col3_PC .ColItem, .Col3_PC .wp-block-column {
width: calc(32.33333333% - 1%);
margin: 0 1% 3%;
}

#Page_Toddys .SectionEvent .ListItem {
margin-top: 20px;
}

#Page_Toddys .SectionEvent .ListItem a {
display: block;
color: #000;
text-decoration: none;
}

#Page_Toddys .SectionEvent .ListItem .Photo img {
border: 1px solid #7baadc;
border-radius: 8px;
}

#Page_Toddys .SectionEvent .ListItem .Lead1 {
margin-top: 10px;
font-weight: bold;
line-height: 1.6em;
}

#Page_Toddys .SectionEvent .ListItem .Lead1 .Icon {
display: inline-block;
margin-right: 5px;
padding: 5px 5px;
background: #f5a211;
font-size: 13px !important;
line-height: 1.0em;
letter-spacing: 0.1em;
color: #fff;
}

#Page_Toddys .SectionEvent .ListItem .Lead2 {
color: #00acc0;
}    
 
#Page_Toddys .SectionEvent .ListItem .Lead2 .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 1.2rem;
}
   
#Page_Toddys .SectionEvent .ListItem .Lead3 {
margin-top: 5px;
font-size: 14px !important;
line-height: 1.5em;
}


/* ■ Toddysとは ------------------------------------------------------------------ */

#Page_Toddys #KeyVisual {
max-width: 200rem;
margin: 0 auto 3.5rem auto;
}

#Page_Toddys #KeyVisual img {
width: 100%;
height: auto;
}


/* ■ イメージ画像 ------------------------------------------------------------------ */

#Page_Toddys .ImageBox {
max-width: 200rem;
margin: 0 auto;
}

#Page_Toddys .ImageBox img {
width: 100%;
height: auto;
}


/* ■ Toddysとは ------------------------------------------------------------------ */

#Page_Toddys .SectionAbout {
margin-bottom: 100px;
}

#Page_Toddys .SectionAbout h2.MdsH2 {
margin-bottom: 40px;
}

#Page_Toddys .SectionAbout .LeadMain {
width: 860px;
margin: 0 auto 60px auto;
font-size: 16px;
line-height: 2.2em;
}

#Page_Toddys .SectionAbout .Movie {
width: 760px;
margin: 0 auto !important;
}


/* ■ Toddysの特長 ------------------------------------------------------------------ */

#Page_Toddys .SectionFeatures {
margin-bottom: 100px;
}

#Page_Toddys .SectionFeatures h2.MdsH2 {
margin-bottom: 50px;
}

#Page_Toddys .SectionFeatures h3.Mds {
height: 170px;
margin-bottom: 25px;
border-radius: 20px;
box-sizing: border-box;
background: #f5a211;
font-size: 24px !important;
text-align: center;
line-height: 170px;
color: #fff;
}

#Page_Toddys .SectionFeatures h3.Mds.MdstLine2 {
padding-top: 50px;
line-height: 1.6em !important;
}

#Page_Toddys .SectionFeatures .Lead {
font-size: 15px;
line-height: 2.0em;
}


/* ■ Toddysだけのあそびの機能 ------------------------------------------------------------------ */

#Page_Toddys .SectionFunction {
padding: 80px 0;
background: #ebf9fd url(/images/campaign/toddys/function/Texture_BgTop.png) center top no-repeat;
background-size: contain;
}

#Page_Toddys .SectionFunction h2.MdsH2 {
margin-bottom: 60px;
}

#Page_Toddys .SectionFunction h2.MdsH2 .Ruby {
margin-left: 4%;
}

#Page_Toddys .SectionFunction .FunctionUnit {
width: 940px;
margin: 0 auto;
}

/* Click Play */
#Page_Toddys .SectionFunction .CheckBox {
position: relative;
margin-bottom: 60px;
padding: 55px 50px 75px 50px;
box-sizing: border-box;
border-radius: 30px;
border: 3px solid #00acc0;
}

#Page_Toddys .SectionFunction .CheckBox h3.Mds {
position: absolute;
top: -19px;;
left: 50%;
margin-left: -125px;
text-align: center;
}

#Page_Toddys .SectionFunction .CheckBox .LeadMain {
margin: 0 0 55px 0 !important;
font-size: 22px;
font-weight: bold;
text-align: center;
}

#Page_Toddys .SectionFunction .CheckBox .IndexMenu1 li {
position: relative;
}

#Page_Toddys .SectionFunction .CheckBox .IndexMenu1 .IconNum {
position: absolute;
top: -10px;
left: -10px;
width: 30px;
height: 30px;
background: #00acc0;
border-radius: 4px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 30px;
color: #fff;
}

#Page_Toddys .SectionFunction .CheckBox .IndexMenu1 .Photo {
margin-bottom: 20px;
border-radius: 20px;
overflow: hidden;
}

#Page_Toddys .SectionFunction .CheckBox .IndexMenu1 .Lead {
text-align: center;
}

/* PhotoBox */
#Page_Toddys .SectionFunction .PhotoBox .IndexMenu1 li {
margin-bottom: 55px;
}

#Page_Toddys .SectionFunction .PhotoBox .IndexMenu1 li:nth-child(3n+1):nth-last-child(-n+3), 
#Page_Toddys .SectionFunction .PhotoBox .IndexMenu1 li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
margin-bottom: 0;
}
 
#Page_Toddys .SectionFunction .PhotoBox .IndexMenu1 .Photo {
margin-bottom: 15px;
border-radius: 15px;
box-sizing: border-box;
border: 1px solid #00acc0;
overflow: hidden;
}


/* ■ Toddysといっしょに、子どもも成長 ------------------------------------------------------------------ */

#Page_Toddys .SectionGrowth {
padding: 180px 0 0 0;
background: #fff url(/images/campaign/toddys/growth/Texture_BgTop.png) center top no-repeat;
background-size: contain;
}

#Page_Toddys .SectionGrowth h2.MdsH2 {
margin-bottom: 50px;
}

#Page_Toddys .SectionGrowth h2.MdsH2 .Ruby {
margin-left: 3%;
}

#Page_Toddys .SectionGrowth .GrowthUnit {
width: 940px;
margin: 0 auto;
}

/* AgeBox */
#Page_Toddys .SectionGrowth .AgeBox {
margin-bottom: 105px;
}

#Page_Toddys .SectionGrowth .AgeBox .MdsBox {
/* width: 120px; */
width: 100%;
/* margin: 0 20px 15px 0; */
margin: 0 0 15px 0;
/* padding: 25px 20px; */
padding: 25px 0;
box-sizing: border-box;
border-radius: 15px;
border: 3px solid #00acc0;
font-size: 20px;
text-align: center;
font-weight: bold;
line-height: 1.6em;
color: #f5a211;
}

/* ラインナップ */
#Page_Toddys .SectionGrowth .LineUp a {
display: block;
text-decoration: none;
}

#Page_Toddys .SectionGrowth .LineUp h3.Mds {
margin-bottom: 40px;
padding: 15px 0;
border-radius: 15px;
background: #00acc0;
font-size: 26px;
text-align: center;
line-height: 1.0em;
color: #fff;
}

#Page_Toddys .SectionGrowth .LineUp .LeadUnit {
margin-bottom: 70px;
text-align: center;
}

#Page_Toddys .SectionGrowth .LineUp .LeadUnit .Lead1 {
font-size: 26px;
font-weight: bold;
}

#Page_Toddys .SectionGrowth .LineUp .LeadUnit .Lead2 {
font-size: 20px;
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav {
width: 100%;
/* margin-bottom: 90px; */
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav li {
box-sizing: border-box;
border-radius: 20px;
border: 3px solid #00acc0;
text-align: center;
overflow: hidden;
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav a {
width: 100%;
padding: 25px 0 50px 0;
box-sizing: border-box;
background: url(/images/campaign/toddys/growth/lineup/Icon_LinkAllow.png) no-repeat;
background-size: 24px auto;
background-position: 50% 90%;
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav .Photo {
margin-bottom: 10px;
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav .Photo img {
width: auto;
height: 52px;
}

#Page_Toddys .SectionGrowth .LineUp .ModelNav .TypelName {
font-size: 22px;
font-weight: bold;
color: #f5a211;
}

/* SectionModel */
#Page_Toddys .SectionGrowth .LineUp .SectionModel {
padding-top: 95px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModelUnit {
position: relative;
padding: 65px 50px 70px 50px;
border-radius: 30px;
box-sizing: border-box;
border: 3px solid #00acc0;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel h4.Mds {
position: absolute;
top: -34px;
left: 50%;
text-align: center;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel#Model1 h4.Mds {
margin-left: -170px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel#Model2 h4.Mds {
margin-left: -200px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel#Model3 h4.Mds {
margin-left: -310px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .IndexMenu1 li {
margin-bottom: 65px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .IndexMenu1 li:nth-child(2n+1):nth-last-child(-n+2), 
#Page_Toddys .SectionGrowth .LineUp .SectionModel .IndexMenu1 li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
margin-bottom: 0;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .Photo {
margin-left: -15px;
margin-bottom: 25px;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .IconNew {
display: inline-block;
padding: 5px 15px;
box-sizing: border-box;
border-radius: 15px;
background: #f9bc06;
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.0em;
letter-spacing: 0.05em;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .TypelName {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.02em;	
color: #00acc0;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .NickName1,
#Page_Toddys .SectionGrowth .LineUp .SectionModel .NickName2,
#Page_Toddys .SectionGrowth .LineUp .SectionModel .VehicleType {
font-size: 14px;
color: #00acc0;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .Lead {
padding: 20px 0 30px 0;
color: #000;
font-feature-settings: "palt";
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .Price {
font-size: 1.8rem;
font-weight: bold;
color: #000;
}

#Page_Toddys .SectionGrowth .LineUp .SectionModel .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 1.4rem;
}