@charset "utf-8";



/* ボーネルンドの教育遊具 */


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


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

/*
#HeaderBanner2 {
margin-bottom: 0;
}
*/

#Search {
margin-bottom: 0;
}

#Page_EducationalToy .SP {
display: none;
}

#Page_EducationalToy p {
font-size: 15px;
line-height: 2.0em;
}

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

#Page_EducationalToy .InBox {
width: 940px;
margin: 0 auto;
}

#Page_EducationalToy .SectionBasic {
width: 940px;
margin: 0 auto;
}

#Page_EducationalToy .SectionSub {
margin: 0;
}

/* フォント */
#Page_EducationalToy .WF1 {
font-family: 'Montserrat', sans-serif;
}

/* リスト各種 */
.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_EducationalToy .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;
}

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

/* ページ下部枠 */
#Page_EducationalToy .OtherContWrap {
padding-top: 80px;
}

#Page_EducationalToy .OtherContUnit {
width: 940px;
margin: 0 auto;
}

/* 見出し */
#Page_EducationalToy h2.MdsMain {
margin-bottom: 40px;
font-size: 32px !important;
color: #2b7cc7;
text-align: center;
line-height: 1em;
}

#Page_EducationalToy .HowToWrap .SectionBasic h2.MdsH2 {
margin-bottom: 40px;
padding: 20px 0;
box-sizing: border-box;
border-radius: 10px;
font-size: 26px !important;
text-align: center;
line-height: 1em !important;
color: #fff;
}

#Page_EducationalToy .SeriesWrap .SectionBasic h3.MdsH3 {
margin-bottom: 40px;
padding: 20px 0;
box-sizing: border-box;
border-radius: 10px;
font-size: 26px !important;
text-align: center;
line-height: 1em !important;
color: #fff;
}



/* ■ タイトル ------------------------------------------------------------- */

#Page_EducationalToy .TitleWrap {
min-height: 460px;
margin-bottom: 50px;
padding-top: 60px;
box-sizing: border-box;
background: url(/images/campaign/educational_toy/Texture_KeyVisual.jpg) no-repeat center top;
background-size: 100% auto;
}

#Page_EducationalToy .TitleUnit {
width: 520px;
margin: 0 auto;
}

#Page_EducationalToy .TitleUnit h1.Title {
margin-bottom: 35px;
line-height: 1em;
}

#Page_EducationalToy .TitleUnit .Lead {
font-size: 17px;
font-weight: bold;
line-height: 2.2em;
}



/* ■ ボーネルンドの教育観 ------------------------------------------------------------- */

#Page_EducationalToy .SectionIntro {
width: 940px;
margin: 0 auto 70px auto;
padding: 50px 0 60px 0;
border-radius: 15px;
border: 2px solid #add0f0;
text-align: center;
}

#Page_EducationalToy .SectionIntro h2.Mds {
margin-bottom: 25px;
font-size: 24px !important;
line-height: 1em;
}

#Page_EducationalToy .SectionIntro .Lead {
font-size: 16px;
font-weight: bold;
line-height: 2.0em;
}



/* ■ 教育遊具の説明 ------------------------------------------------------------- */

#Page_EducationalToy .HowToWrap {
padding: 60px 0;
background: #f2f9f9;
}

#Page_EducationalToy .HowToWrap .SectionBasic {
margin-bottom: 70px !important;
}

#Page_EducationalToy .HowToWrap .SectionBasic:last-of-type {
margin-bottom: 0 !important;
}

#Page_EducationalToy .HowToWrap .SectionBasic .LBox {
width: 55%;
}

#Page_EducationalToy .HowToWrap .SectionBasic .RBox {
width: 40%;
}

#Page_EducationalToy .HowToWrap #Cate1 .Photo,
#Page_EducationalToy .HowToWrap #Cate2 .Photo {
border-radius: 15px;
overflow: hidden;
}

/* 幼児期の学びに重要な「実体験」（Cate1） */
#Page_EducationalToy .HowToWrap #Cate1 h2.MdsH2 {
background: #ed5c74;
}

/* 世界の教育遊具、何が違うの？（Cate2） */
#Page_EducationalToy .HowToWrap #Cate2 h2.MdsH2 {
background: #4db087;
}

/* 教育遊具がサポートできる幼児期の学びの領域（Cate3） */
#Page_EducationalToy .HowToWrap #Cate3 h2.MdsH2 {
background: #edb225;
}

#Page_EducationalToy .HowToWrap #Cate3 .LeadMain {
margin-bottom: 20px;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li {
position: relative;
width: 16%;
height: 150px;
margin-right: 0.8%;
box-sizing: border-box;
border-radius: 50%;
border: 3px solid;
background: #fff;
text-align: center;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(1) {
border-color: #50c1f7;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(2) {
border-color: #01a4bb;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(3) {
border-color: #7ec122;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(4) {
border-color: #f78b1f;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(5) {
border-color: #e60012;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList li:nth-child(6) {
margin-right: 0;
border-color: #a339c2;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList .Inner {
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align:center;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList span {
display: block;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList .Jp {
margin-bottom: 8px;
font-size: 17px;
font-weight: bold;
line-height: 1em;
}

#Page_EducationalToy .HowToWrap #Cate3 .TypeList .En {
font-size: 13px;
font-weight: 600;
line-height: 1.3em;
letter-spacing: 0.08em
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox {
width: 525px;
margin: 55px auto 0 auto;
padding: 25px 35px 25px 20px;
box-sizing: border-box;
border-radius: 20px;
border: 2px solid #add0f0;
background: #fff;
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox .RBox {
display: table;
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox .LBox,
#Page_EducationalToy .HowToWrap #Cate3 .ChartBox .RBox {
display: table-cell;
float: none;
vertical-align: middle;
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox .LBox {
width: 50%;
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox .RBox {
width: 50%;
padding-left: 30px;
}

#Page_EducationalToy .HowToWrap #Cate3 .ChartBox h3.Mds {
margin-bottom: 8px;
font-size: 18px !important;
color: #2b7cc7;
}

/* Cate4 */
#Page_EducationalToy .HowToWrap #Cate4 h2.MdsH2 {
background: #5897d2;
}

#Page_EducationalToy .HowToWrap #Cate4 .LeadMain {
margin-bottom: 70px;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList li {
position: relative;
width: 30%;
margin-right: 5%;
padding: 80px 30px 30px 30px;
box-sizing: border-box;
border-radius: 20px;
border: 2px solid #add0f0;
background: #fff;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList li:nth-child(3n) {
margin-right: 0;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList li:after {
position: absolute;
top: 50%;
right: 0;
width: 33px;
height: 30px;
margin-right: -40px;
background: url(/images/campaign/educational_toy/howto/cate4/Icon_Arrow.png) top left no-repeat;
background-size: 33px 30px;
content: "";
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList li:nth-child(3n):after {
display: none;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList .IconNum {
position: absolute;
top: -30px;
left: 50%;
margin-left: -45px;
border-radius: 10px;
overflow: hidden;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList .IconNum img {
width: 90px;
height: auto;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList h3.Mds {
margin-bottom: 18px;
font-size: 20px;
text-align: center;
line-height: 1.5em;
}

#Page_EducationalToy .HowToWrap #Cate4 .StepList .Photo {
margin-bottom: 20px;
}



/* ■ 新シリーズのご紹介 ------------------------------------------------------------- */

#Page_EducationalToy .SeriesWrap {
padding: 60px 0 90px 0;
}

#Page_EducationalToy .SeriesWrap .LeadUnit {
margin-bottom: 60px;
}

#Page_EducationalToy .SeriesWrap .LeadUnit .Logo img {
width: 150px;
height: auto;
}

#Page_EducationalToy .SeriesWrap .LeadUnit .LeadMain {
margin-bottom: 0;
font-size: 16px;
}

#Page_EducationalToy .SeriesWrap .SectionSub {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #e5e5e5;
}

#Page_EducationalToy .SeriesWrap .SectionSub:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}

#Page_EducationalToy .SeriesWrap #Series1 {
margin-bottom: 70px;
padding-bottom: 70px;
border-bottom: 1px solid #e5e5e5;
}

#Page_EducationalToy .SeriesWrap .SectionSub .LBox {
width: 43%;
}

#Page_EducationalToy .SeriesWrap .SectionSub .RBox {
width: 52%;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Main {
position: relative;
box-sizing: border-box;
border-radius: 20px;
border: 2px solid;
overflow: hidden;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Main .IconNew {
position: absolute;
display: inline-block;
top: 15px;
right: 15px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #ec396c;
font-size: 16px;
font-weight: bold;
text-align:center;
line-height: 80px;
color: #fff;
}

#Page_EducationalToy .SeriesWrap .SectionSub .DetailWrap {
display: table;
}

#Page_EducationalToy .SeriesWrap .SectionSub .DetailBox,
#Page_EducationalToy .SeriesWrap .SectionSub .ChartBox {
display: table-cell;
vertical-align: top;
}

#Page_EducationalToy .SeriesWrap .SectionSub .DetailBox {
width: 55%;
padding-right: 30px;
}

#Page_EducationalToy .SeriesWrap .SectionSub .ChartBox {
width: 45%;
}

#Page_EducationalToy .SeriesWrap .SectionSub .ChartBox img {
box-sizing: border-box;
border: 1px solid #e5e5e5;
}

#Page_EducationalToy .SeriesWrap .SectionSub h4.Mds {
margin-bottom: 8px;
font-size: 20px !important;
color: #2b7cc7;
line-height: 1.6em;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Price {
margin-bottom: 16px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1em;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Price span {
display: inline-block;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Price .Item_Price_Yen2 {
margin-right: 0.3rem;
font-size: 1rem;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Price .Item_Price_Tax {
font-size: 0.9rem;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Age {
margin-bottom: 20px;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Age span {
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Age .MdsAge {
width: 75px;
margin-top: 14px;
padding: 5px 0;
border-radius: 20px;
background: #00a6ea;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1em;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Age .Chart {
padding-left: 5px;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Age .Chart img {
width: auto;
height: 30px;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Lead {
font-size: 14px;
line-height: 1.8em;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Movie {
margin-top: 30px !important;
}

#Page_EducationalToy .SeriesWrap .SectionSub .Movie iframe {
width: 100%;
}

/* Toys for Life（トイズ・フォー・ライフ）（Series1） */
#Page_EducationalToy .SeriesWrap #Series1 h3.MdsH3 {
background: #4dc1b7;
}

#Page_EducationalToy .SeriesWrap #Series1 .SectionSub .Main {
border-color: #4dc1b7;
}

/* 論理的思考と応用力を育むあそび道具（Series2） */
#Page_EducationalToy .SeriesWrap #Series2 h3.MdsH3 {
background: #f066a7;
}

#Page_EducationalToy .SeriesWrap #Series2 .SectionSub .Main {
border-color: #f066a7;
}



/* ■ その他、おすすめの教育遊具 ------------------------------------------------------------- */

#Page_EducationalToy .SectionOtherItems {
padding: 65px 0;
background: #f2f9f9;
}

#Page_EducationalToy .SectionOtherItems .TypeNav .Jp {
display: block;
margin-bottom: 15px;
font-size: 26px;
font-weight: bold;
line-height: 1em;
}

#Page_EducationalToy .SectionOtherItems .TypeNav .En {
display: block;
font-size: 13px;
font-weight: 600;
line-height: 1em;
letter-spacing: 0.08em
}

#Page_EducationalToy .SectionOtherItems .TypeNav .LinkFwd {
display: inline-block;
margin-top: 15px;
padding-left: 20px;
font-weight: bold;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li {
width: 32%;
margin-right: 2%;
box-sizing: border-box;
border-radius: 15px;
border: 3px solid;
background: #fff;
text-align: center;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(3n) {
margin-right: 0;
}


#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(-n+3) {
margin-bottom: 20px;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(1) {
border-color: #50c1f7;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(1) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd1.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #50c1f7;
}


#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(2) {
border-color: #01a4bb;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(2) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd2.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #01a4bb;
}


#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(3) {
border-color: #7ec122;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(3) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd3.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #7ec122;
}


#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(4) {
border-color: #f78b1f;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(4) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd4.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #f78b1f;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(5) {
border-color: #e60012;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(5) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd5.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #e60012;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(6) {
margin-right: 0;
border-color: #a339c2;
}

#Page_EducationalToy .SectionOtherItems .TypeNav li:nth-child(6) .LinkFwd {
background: url(/images/campaign/educational_toy/other/Icon_LinkFwd6.png) no-repeat;
background-size: 16px auto;
background-position: 0 5px;
color: #a339c2;
}

#Page_EducationalToy .SectionOtherItems .TypeNav a {
padding: 30px 0;
color: #000;
text-decoration: none;
}