@charset "utf-8";



/* 親子のあそびでコミュニケーション特集 */


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


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

#Page_OyakoAsobi .SP {
display: none;
}

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

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

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

#Page_OyakoAsobi .SectionSub {
margin: 0;
}

/* カラム */
#Page_OyakoAsobi .Col2 li {
width: 49%;
margin-right: 2%;
}

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

#Page_OyakoAsobi .Col3 li {
width: 32%;
margin-right: 2%;
}

#Page_OyakoAsobi .Col3 li:nth-child(3n) {
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_OyakoAsobi .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_OyakoAsobi .BtnBuy {
width: 190px;
margin-top: 20px;
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: 18px auto;
background-position: 6% 50%;
font-size: 16px;
color: #3d5fc4;
}

/* ページ下部枠 */
.OtherContWrap {
width: 94rem;
margin: 7rem auto 0 auto;
}



/* ■ キービジュアル ------------------------------------------------------------------ */

#Page_OyakoAsobi #KeyVisual {
height: 555px;
background: url(/images/campaign/oyako_asobi/Texture_KeyVisual.jpg?ver=200707) no-repeat;
background-position: 50% 0;
background-size: cover;
}

#Page_OyakoAsobi #KeyVisual h1.PageTitle {
margin-bottom: 40px;
padding-top: 70px;
line-height: 1em;	
}

#Page_OyakoAsobi #KeyVisual .LeadTitle {
width: 500px;
font-size: 15px;
font-weight: bold;
line-height: 2.2em;
}



/* ■ 3つのあそびと役立つ道具 ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionAsobiNav {
padding: 80px 0;
}

#Page_OyakoAsobi .SectionAsobiNav a {
display: block;
color: #000;
text-decoration: none;
}

#Page_OyakoAsobi .SectionAsobiNav h2.Mds {
margin-bottom: 80px;
font-size: 28px !important;
text-align: center;
line-height: 1em;
}

#Page_OyakoAsobi .SectionAsobiNav .IconNum {
position: absolute;
top: -24px;
left: 0;
right: 0;
margin: auto;
text-align: center;
line-height: 1em;
}

#Page_OyakoAsobi .SectionAsobiNav .IconNum img {
width: 70px;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li {
position: relative;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li a {
width: 100%;
padding: 70px 25px;
box-sizing: border-box;
border-radius: 20px;
border: 3px solid;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(1) a {
border-color: #56ad9c;
background: url(/images/campaign/oyako_asobi/asobi_nav/Icon_LinkAllowBelow1.png) no-repeat;
background-size: 30px auto;
background-position: 50% 93%;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(2) a {
border-color: #e85faf;
background: url(/images/campaign/oyako_asobi/asobi_nav/Icon_LinkAllowBelow2.png) no-repeat;
background-size: 30px auto;
background-position: 50% 93%;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(3) a {
margin-right: 0;
border-color: #f29837;
background: url(/images/campaign/oyako_asobi/asobi_nav/Icon_LinkAllowBelow3.png) no-repeat;
background-size: 30px auto;
background-position: 50% 93%;
}

#Page_OyakoAsobi .SectionAsobiNav h3.Mds {
margin-bottom: 20px;
font-size: 23px !important;
text-align: center;
line-height: 1.5em;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(1) h3.Mds {
color: #56ad9c;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(2) h3.Mds {
color: #e85faf;
}

#Page_OyakoAsobi .SectionAsobiNav .IndexMenu1 li:nth-child(3) h3.Mds {
color: #f29837;
}



/* ■ 各セクション共通 ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionMain {
padding: 70px 0 100px 0;
}

#Page_OyakoAsobi .SectionMain a {
display: block;
color: #000;
text-decoration: none;
}

#Page_OyakoAsobi .SectionMain .SectionSub {
margin-bottom: 70px;
}

#Page_OyakoAsobi .SectionMain .SectionSub:last-of-type {
margin-bottom: 0;
}

#Page_OyakoAsobi .SectionMain.Bg_Color1 {
background: #fffeea;
}

/* 見出し */
#Page_OyakoAsobi .SectionMain h2.MdsH2 {
margin-bottom: 55px;
font-size: 38px !important;
text-align: center;
line-height: 1em;
letter-spacing: 0.08em;
}

#Page_OyakoAsobi .SectionMain h3.MdsH3 {
margin-bottom: 35px;
padding: 15px 0;
box-sizing: border-box;
border-radius: 10px;
font-size: 26px !important;
text-align: center;
line-height: 1em;
color: #fff;
}

#Page_OyakoAsobi .SectionMain h4.MdsH4 {
margin-bottom: 30px;
font-size: 22px !important;
text-align: center;
line-height: 1em;
}

#Page_OyakoAsobi .SectionMain .LeadMain {
width: 850px;
margin: 0 auto 65px auto;
font-size: 20px;
font-weight: bold;
}

#Page_OyakoAsobi .SectionMain .Lead1 {
width: 850px;
margin: 0 auto;
font-size: 16px;
line-height: 2.2em;
}

#Page_OyakoAsobi .SectionMain .MovieList {
margin-bottom: 35px;
}

#Page_OyakoAsobi .SectionMain .MovieList li {
width: 460px;
margin-right: 20px;
}

#Page_OyakoAsobi .SectionMain .MovieList li:nth-child(2n) {
margin-right: 0;
}

/* ItemMain */
#Page_OyakoAsobi .SectionMain .ItemMain .LRBox {
width: 100%;
margin-bottom: 40px;
}

#Page_OyakoAsobi .SectionMain .ItemMain .LBox {
width: 53%;
}

#Page_OyakoAsobi .SectionMain .ItemMain .RBox {
width: 42%;
border-radius: 15px;
overflow: hidden;
}

#Page_OyakoAsobi .SectionMain .ItemMain .Catch {
margin-bottom: 12px;
font-size: 28px;
font-weight: bold;
line-height: 1.5em;
}

#Page_OyakoAsobi .SectionMain .ItemMain h5.MdsH5 {
margin-bottom: 6px;
font-size: 22px !important;
line-height: 1.6em;
}

#Page_OyakoAsobi .SectionMain .ItemMain .Price,
#Page_OyakoAsobi .SectionMain .ItemMain .PriceSP {
margin-bottom: 20px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1em;
}

#Page_OyakoAsobi .SectionMain .ItemMain .Price .Item_Price_Yen2 {
display: inline-block;	
margin-right: 0.2rem;
font-size: 1.5rem;
}

#Page_OyakoAsobi .SectionMain .ItemMain .ListDisc {
margin-top: 12px;
}

#Page_OyakoAsobi .SectionMain .ItemMain .ListDisc li {
padding-left: 22px;
margin-bottom: 3px;
font-size: 15px;
line-height: 1.8em;
}

#Page_OyakoAsobi .SectionMain .ItemMain .ListDisc li:before {
left: 1px;
top: 7px;
width: 14px;
height: 14px;
}

#Page_OyakoAsobi .SectionMain .ItemMain .ListDisc li:last-child {
margin-bottom: 0;
}

/* ItemSub */
#Page_OyakoAsobi .SectionMain .ItemSub .IndexMenu1 > li {
position: relative;
}

#Page_OyakoAsobi .SectionMain .ItemSub .IconPriceSP {
position: absolute;
top: 10px;
right: 10px;
}

#Page_OyakoAsobi .SectionMain .ItemSub .IconPriceSP img {
width: 50px;
height: auto;
}

#Page_OyakoAsobi .SectionMain .ItemSub .Photo {
margin-bottom: 25px;
border-radius: 12px;
overflow: hidden;
}

#Page_OyakoAsobi .SectionMain .ItemSub .Catch {
margin-bottom: 12px;
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
}

#Page_OyakoAsobi .SectionMain .ItemSub .Catch {
margin-bottom: 12px;
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
}

#Page_OyakoAsobi .SectionMain .ItemSub h5.MdsH5 {
margin-bottom: 8px;
font-size: 18px !important;
line-height: 1.6em;
}

#Page_OyakoAsobi .SectionMain .ItemSub .Price,
#Page_OyakoAsobi .SectionMain .ItemSub .PriceSP {
margin-bottom: 20px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1em;
}

#Page_OyakoAsobi .SectionMain .ItemSub .PriceSP {
color: #dc2e12;
}

#Page_OyakoAsobi .SectionMain .ItemSub .Price .Item_Price_Yen2,
#Page_OyakoAsobi .SectionMain .ItemSub .PriceSP .Item_Price_Yen2 {
display: inline-block;	
margin-right: 0.2rem;
font-size: 1.3rem;
}



/* ■ からだで触れ合いあそび ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionMain#Cate1 h2.MdsH2 {
color: #56ad9c;
}

#Page_OyakoAsobi .SectionMain#Cate1 h3.MdsH3 {
background: #56ad9c;
}

#Page_OyakoAsobi .SectionMain#Cate1 h4.MdsH4 {
color: #56ad9c;
}

#Page_OyakoAsobi .SectionMain#Cate1 .ItemMain h5.MdsH5 {
color: #56ad9c;
}

#Page_OyakoAsobi .SectionMain#Cate1 .ListDisc li:before {
background-color: #56ad9c;
}

#Page_OyakoAsobi .SectionMain#Cate1 .ItemMain {
margin-bottom: 60px;
padding-bottom: 65px;
background: url(/images/campaign/oyako_asobi/asobi1/Texture_DotLine1.png) repeat-x;
background-position: 8px 100%;
}

#Page_OyakoAsobi .SectionMain#Cate1 .ItemSub h5.MdsH5 {
color: #56ad9c;
}



/* ■ 協力してつくるあそび ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionMain#Cate2 h2.MdsH2 {
color: #f26ea9;
}

#Page_OyakoAsobi .SectionMain#Cate2 h3.MdsH3 {
background: #f26ea9;
}

#Page_OyakoAsobi .SectionMain#Cate2 h4.MdsH4 {
color: #f26ea9;
}

#Page_OyakoAsobi .SectionMain#Cate2 .ItemMain h5.MdsH5 {
color: #f26ea9;
}

#Page_OyakoAsobi .SectionMain#Cate2 .ListDisc li:before {
background-color: #f26ea9;
}

#Page_OyakoAsobi .SectionMain#Cate2 .ItemMain {
margin-bottom: 60px;
padding-bottom: 65px;
background: url(/images/campaign/oyako_asobi/asobi2/Texture_DotLine1.png) repeat-x;
background-position: 8px 100%;
}

#Page_OyakoAsobi .SectionMain#Cate2 .ItemSub h5.MdsH5 {
color: #f26ea9;
}



/* ■ 気持ちや考えを伝えるあそび ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionMain#Cate3 h2.MdsH2 {
color: #f29837;
}

#Page_OyakoAsobi .SectionMain#Cate3 h3.MdsH3 {
background: #f29837;
}

#Page_OyakoAsobi .SectionMain#Cate3 h4.MdsH4 {
color: #f29837;
}

#Page_OyakoAsobi .SectionMain#Cate3 .ItemMain h5.MdsH5 {
color: #f29837;
}

#Page_OyakoAsobi .SectionMain#Cate3 .ListDisc li:before {
background-color: #f29837;
}

#Page_OyakoAsobi .SectionMain#Cate3 .ItemMain {
margin-bottom: 70px;
padding-bottom: 50px;
background: url(/images/campaign/oyako_asobi/asobi3/Texture_DotLine1.png) repeat-x;
background-position: 8px 100%;
}

#Page_OyakoAsobi .SectionMain#Cate3 .ItemSub h5.MdsH5 {
color: #f29837;
}



/* ■ 世界の学び場から ------------------------------------------------------------------ */

#Page_OyakoAsobi .SectionColumn {
position: relative;
margin-top: 70px;
padding: 60px 50px 50px 50px;
box-sizing: border-box;
border-radius: 20px;
border: 2px solid #306dcd;
}

#Page_OyakoAsobi .SectionColumn .IconColumn {
display: inline-block;
position: absolute;
top: 0;
left: 50px;
padding: 12px;
box-sizing: border-box;
border-radius: 0 0 10px 10px;
background: #306dcd;
line-height: 1em;
}

#Page_OyakoAsobi .SectionColumn .IconColumn img {
width: 72px;
height: auto;
}

#Page_OyakoAsobi .SectionColumn h2.Mds {
margin-bottom: 25px;
}

#Page_OyakoAsobi .SectionColumn h2.Mds span {
display: inline-block;
line-height: 1em;
vertical-align: middle;
}

#Page_OyakoAsobi .SectionColumn h2.Mds .Main {
font-size: 24px;
}

#Page_OyakoAsobi .SectionColumn h2.Mds .Sub {
margin-left: 10px;
font-size: 20px;
font-weight: normal;
}

#Page_OyakoAsobi .SectionColumn .Lead {
margin-bottom: 35px;
}

#Page_OyakoAsobi .SectionColumn .Note {
margin-top: 20px;
font-size: 14px;
line-height: 1.7em;
}



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

#Shop_Stock_Notice {
margin-bottom: 40px !important;
}

#Shop_Stock_Notice .Lead {
color: #fff;
}