@charset "utf-8";

/* アンビ・トーイ */

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

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

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

#Page_AmbiToys .Lead {
color: #000;
}

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

/* ボタン */
#Page_AmbiToys .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_AmbiToys .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%;
}

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

/* ページ下部 */
.OtherContWrap {
width: 94rem;
margin: 0 auto;
}
	
	
/* ■ 導入 ------------------------------------------------------------------ */

#Page_AmbiToys .Intro {
margin-bottom: 50px;
}

#Page_AmbiToys .Intro h1.KeyVisual {
margin-bottom: 45px;
}

#Page_AmbiToys .Intro .IntroUnit {
width: 800px;
margin: 0 auto;
font-size: 115%;
line-height: 1.9;
}

#Page_AmbiToys .Intro h2.MdsMain {
margin-bottom: 25px;
color: #073190;
font-size: 27px !important;
line-height: 1;
}

#Page_AmbiToys .Intro .LeadMain {
width: 800px;
margin: 0 auto 55px auto;
font-size: 16px;
font-weight: bold;
line-height: 2.0;
}

#Page_AmbiToys .Intro .Movie {
width: 800px;
margin: 0 auto;
}


/* ■ 50年以上愛されているポイント ------------------------------------------------------------------ */

#Page_AmbiToys .Point {
margin-bottom: 70px;
}

#Page_AmbiToys .Point h2.MdsMain {
margin-bottom: 35px;
padding: 15px 0;
box-sizing: border-box;
background: #f8da42;
border-radius: 25px;
color: #073190;
font-size: 22px !important;
text-align: center;
line-height: 1;
letter-spacing: 0.08em
}

#Page_AmbiToys .Point .IndexMenu2 li {
width: 32%;
margin-right: 4%;
padding-right: 40px;
box-sizing: border-box;
background: url(/images/campaign/ambi_toys/point/Texture_LineDot.png) repeat-y right top;
}

#Page_AmbiToys .Point .IndexMenu2 li:nth-child(3n) {
width: 28%;
margin-right: 0;
padding-right: 0;
background: none;
}

#Page_AmbiToys .Point h3.Mds {
display: table;
margin-bottom: 25px;
}

#Page_AmbiToys .Point h3.Mds span {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
}

#Page_AmbiToys .Point h3.Mds .Num {
width: 14%;
}

#Page_AmbiToys .Point h3.Mds .Num img {
width: 100%;
height: auto;
}

#Page_AmbiToys .Point h3.Mds .Main {
width: 86%;
padding-left: 6%;
color: #103281;
font-size: 24px;
line-height: 1.4;
}

#Page_AmbiToys .Point .Photo {
margin-bottom: 20px;
}

#Page_AmbiToys .Point .Lead {
font-size: 15px;
line-height: 1.8;
}


/* ■ デザイナーインタビュー ------------------------------------------------------------------ */

#Page_AmbiToys .InterviewWrap {
margin-bottom: 50px;
padding-bottom: 55px;
background: url(/images/campaign/ambi_toys/interview/Texture_LineDot.png) repeat-x left bottom;
background-size: 20px auto;
}

#Page_AmbiToys .Interview {
border: 4px solid #f8da42;
border-radius: 15px;
box-sizing: border-box;
}

/* アコーディオン調整 */
#Page_AmbiToys .Interview .Level1 a {
margin: 25px 0;
width: 100%;
height: 26px;
font-size: 22px;
color: #073190;
background: url(/images/sp/campaign/ambi_toys_sp/interview/Icon_Plus.png) no-repeat;
background-size: 26px 26px;
background-position: 97% 50%;
}

#Page_AmbiToys .Interview .Current a {
background: url(/images/sp/campaign/ambi_toys_sp/interview/Icon_Minus.png) no-repeat;
background-size: 26px 26px;
background-position: 97% 50%;
}

#Page_AmbiToys .Interview .Current span  {
display: none;
}

/* 非表示部分 */
#Page_AmbiToys .Interview .HideBox {
width: 820px;
margin: 0 auto 55px auto;
}

#Page_AmbiToys .Interview .HideBox h2.MdsMain {
margin-bottom: 20px;
font-size: 33px !important;
color: #073190;
line-height: 1.7;
text-align: center;
}

#Page_AmbiToys .Interview .HideBox .Catch {
margin-bottom: 35px;
font-size: 18px;
color: #073190;
line-height: 1;
text-align: center;
}

#Page_AmbiToys .Interview .HideBox .Lead {
font-size: 16px !important;
font-weight: bold;
line-height: 2.3 !important;
}

#Page_AmbiToys .Interview .HideBox .DLVert {
margin: 50px 0 55px 0;
}

#Page_AmbiToys .Interview .HideBox .DLVert dl {
margin-bottom: 50px;
}

#Page_AmbiToys .Interview .HideBox .DLVert dl:last-child  {
margin-bottom: 0;
}

#Page_AmbiToys .Interview .HideBox .DLVert dt {
position: relative;
margin-bottom: 10px;
padding-left: 1.3em;
font-size: 16px;
color: #073190;
}

#Page_AmbiToys .Interview .HideBox .DLVert dt:before {
position: absolute;
top: -1px;
left: 0;
content: 'Q';
}

#Page_AmbiToys .Interview .HideBox .DLVert dd {
position: relative;
padding-left: 1.3em;
font-size: 15px;
line-height: 1.9;
}

#Page_AmbiToys .Interview .HideBox .DLVert dd:before {
position: absolute;
top: -1px;
left: 0;
content: 'A';
color: #073190;
}


/* ■ ナビゲーション ------------------------------------------------------------------ */

#Page_AmbiToys .CateNav {
margin-bottom: 40px;
width: 100%;
height: 130px;
text-align: center;
}

#Page_AmbiToys .CateNav .LBox,
#Page_AmbiToys .CateNav .RBox {
height: 130px;
border-radius: 15px;
border: 3px solid #073190;
box-sizing: border-box;
}

/* ギフトセット */
#Page_AmbiToys .CateNav .LBox {
width: 20%;
}

#Page_AmbiToys .CateNav .LBox .Btn {
width: 100%;
height: 100%;
padding: 40px 0 15px 0;
box-sizing: border-box;
background: url(/images/sp/campaign/ambi_toys_sp/icon/Icon_LinkAllowBelow.png) no-repeat;
background-position: 50% 82%;
background-size: 17px auto;
font-size: 22px;
color: #073190;
line-height: 1;
}

/* 年齢別ナビゲーション */
#Page_AmbiToys .CateNav .RBox {
width: 78%;
padding: 15px;
}

#Page_AmbiToys .CateNav .Mds {
margin-bottom: 10px;
padding: 8px 0;
box-sizing: border-box;
border-radius: 8px;
background: #073190;
font-size: 22px;
color: #fff;
line-height: 1;
letter-spacing: 0.08em;
}

#Page_AmbiToys .CateNav .IndexMenu2 {
width: 100%;
}

#Page_AmbiToys .CateNav li {
width: 20%;
}

#Page_AmbiToys .CateNav li a {
width: 100%;
height: 50px;
padding-left: 10%;
background: url(/images/sp/campaign/ambi_toys_sp/icon/Icon_LinkAllowBelow.png) no-repeat left center;
background-position: 10% 50%;
background-size: 17px auto;
border-left: 2px solid #073190;
box-sizing: border-box;
color: #073190;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 50px;
letter-spacing: 0.08em;
}

#Page_AmbiToys .CateNav .IndexMenu2 li:first-child a {
border-left: 0;
}

#Page_AmbiToys .CateNav li span {
font-size: 11px;
}


/* ■ 商品ラインナップ ------------------------------------------------------------------ */

#Page_AmbiToys .Items {
margin-bottom: 40px;
}

#Page_AmbiToys .Items:last-of-type {
margin-bottom: 0;
}

#Page_AmbiToys .ItemsUnit {
padding: 40px 40px 50px 40px;
border: 6px solid;
border-radius: 25px;
box-sizing: border-box;
overflow: hidden;
}


#Page_AmbiToys .Items .IndexMenu2 > li {
position: relative;
}

#Page_AmbiToys .Items .IndexMenu2 > li .IconPriceSP {
display: inline-block;
position: absolute;
top: 15px;
right: 15px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #e53526;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 70px;
color: #fff;
}

#Page_AmbiToys .Items:not(#GiftSet) .IndexMenu2 > li {
width: 32%;
margin-bottom: 50px;
margin-right: 2%;
}

#Page_AmbiToys .Items:not(#GiftSet) .IndexMenu2 > li:nth-child(3n) {
margin-right: 0;
}

#Page_AmbiToys .Items:not(#GiftSet) .IndexMenu2 > li:last-child,
#Page_AmbiToys .Items:not(#GiftSet) .IndexMenu2 > li:nth-last-child(3):nth-child(odd) {
margin-bottom: 0 !important;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title {
display: table;
width: 100%;
margin-bottom: 25px;
box-sizing: border-box;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title .LBox,
#Page_AmbiToys .Items:not(#GiftSet) .Title .RBox {
display: table-cell;
float: none;
box-sizing: border-box;
vertical-align: middle;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title .LBox {
width: 34%;
padding-right: 4%;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title .RBox {
width: 66%;
padding-left: 4%;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title h2.Mds span {
display: block;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title h2.Mds .Sub {
width: 230px;
height: 34px;
margin-bottom: 15px;
border-radius: 8px;
color: #fff;
font-size: 18px;
font-weight: normal;
text-align: center;
line-height: 34px;
letter-spacing: 0.08em
}

#Page_AmbiToys .Items:not(#GiftSet) .Title h2.Mds .Main {
font-size: 40px;
line-height: 1;
}

#Page_AmbiToys .Items:not(#GiftSet) .Title h3.Mds {
margin-bottom: 15px;
font-size: 26px;
line-height: 1;
letter-spacing: 0.08em
}

#Page_AmbiToys .Items:not(#GiftSet) .Title .LeadMain {
font-size: 16px;
font-weight: bold;
line-height: 1.7;
letter-spacing: 0.05em
}

#Page_AmbiToys .Items .Photo {
margin-bottom: 15px;
border-radius: 1.8rem;
overflow: hidden;
}

#Page_AmbiToys .Items h4.Name {
margin-bottom: 5px;
color: #0682c8;
font-size: 21px;
line-height: 1.4;
}

#Page_AmbiToys .Items .Detail {
margin-bottom: 8px;
}

#Page_AmbiToys .Items .Price {
display: inline-block;
color: #000;
font-size: 1.6rem;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}

#Page_AmbiToys .Items .Price em {
font-size: 2rem;
font-weight: normal;
letter-spacing: 0.03em;
}

#Page_AmbiToys .Items .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 1.4rem;
vertical-align: bottom;
}

#Page_AmbiToys .Items .PriceSP {
color: #e53526;
}

#Page_AmbiToys .Items .Age {
display: inline-block;
width: 110px;
margin-left: 10px;
padding: 4px 0;
border: 1px solid #e60020;
border-radius: 18px;
box-sizing: border-box;
color: #e60020;
font-size:13px;
font-weight: bold;
text-align: center;
line-height: 1;
vertical-align: middle;
}

#Page_AmbiToys .Items .Lead {
margin-bottom: 8px;
font-size: 15px;
line-height: 1.8;
}

#Page_AmbiToys .Items .ListDisc li {
display: inline-block;
float: none;
margin-right: 15px;
margin-bottom: 0;
padding-left: 15px;
font-size: 14px;
line-height: 1.8;
}

#Page_AmbiToys .Items .ListDisc li:before {
left: 1px;
top: 0.45em;
width: 12px;
height: 12px;
}

#Page_AmbiToys .Items .BtnDetail {
width: 190px;
margin-top: 20px;
padding: 10px 0 10px 2.5%;
background-size: 18px auto;
background-position: 6% 50%;
font-size: 129%;
letter-spacing: -0.02em;
}

/* GiftSet */
#Page_AmbiToys #GiftSet .ItemsUnit {
border-color: #f33928;
}

#Page_AmbiToys #GiftSet .Title {
display: table;
width: 100%;
margin-bottom: 25px;
box-sizing: border-box;
text-align: center;
}

#Page_AmbiToys #GiftSet .Title .LBox,
#Page_AmbiToys #GiftSet .Title .RBox {
display: table-cell;
float: none;
padding: 5px 0;
box-sizing: border-box;
vertical-align: middle;
}

#Page_AmbiToys #GiftSet .Title .LBox {
width: 42%;
padding-right: 5%;
}

#Page_AmbiToys #GiftSet .Title .RBox {
width: 58%;
padding-left: 2%;
background: url(/images/campaign/ambi_toys/giftset/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #GiftSet .Title h2.Mds span {
display: block;
}

#Page_AmbiToys #GiftSet .Title h2.Mds .Sub {
margin-bottom: 25px;
background: url(/images/campaign/ambi_toys/giftset/Texture_MdsRibbon.png) no-repeat left center;
background-size: 100% auto;
color: #fff;
font-size: 20px;
font-weight: normal;
line-height: 40px;
letter-spacing: 0.08em
}

#Page_AmbiToys #GiftSet .Title h2.Mds .Main {
color: #f33928;
font-size: 40px;
line-height: 1;
}

#Page_AmbiToys #GiftSet .Title .LeadMain {
font-size: 20px;
font-weight: bold;
line-height: 1;
}

#Page_AmbiToys #GiftSet h3.Mds {
margin-bottom: 10px;
padding: 8px 0;
box-sizing: border-box;
background: #4379be;
border-radius: 8px;
font-size: 20px;
color: #fff;
font-weight: normal;
text-align: center;
line-height: 1;
letter-spacing: 0.1em
}

#Page_AmbiToys #GiftSet .IndexMenu2 > li {
width: 48%;
margin-right: 4%;
}

#Page_AmbiToys #GiftSet .IndexMenu2 > li:nth-child(2n) {
margin-right: 0;
}

/* Month3 */
#Page_AmbiToys #Month3 .ItemsUnit {
border-color: #fcc640;
/*
background: url(/images/campaign/ambi_toys/3month/Texture_BgBtm.jpg) no-repeat;
background-position: right bottom;
*/
}

#Page_AmbiToys #Month3 .Title .RBox {
background: url(/images/campaign/ambi_toys/3month/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #Month3 .Title h2.Mds .Sub {
background: #fcc640;
}

#Page_AmbiToys #Month3 .Title h3.Mds {
color: #fcc640;
}

/* Month6 */
#Page_AmbiToys #Month6 .ItemsUnit {
border-color: #f892a2;
/*
background: url(/images/campaign/ambi_toys/6month/Texture_BgBtm.jpg) no-repeat;
background-position: right bottom;
*/
}

#Page_AmbiToys #Month6 .Title .RBox {
background: url(/images/campaign/ambi_toys/6month/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #Month6 .Title h2.Mds .Sub {
background: #f892a2;
}

#Page_AmbiToys #Month6 .Title h3.Mds {
color: #f892a2;
}

/* Month10 */
#Page_AmbiToys #Month10 .ItemsUnit {
border-color: #bce38f;
background: url(/images/campaign/ambi_toys/10month/Texture_BgBtm.jpg?190702) no-repeat;
background-position: right bottom;
}

#Page_AmbiToys #Month10 .Title .RBox {
background: url(/images/campaign/ambi_toys/10month/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #Month10 .Title h2.Mds .Sub {
background: #bce38f;
}

#Page_AmbiToys #Month10 .Title h3.Mds {
color: #bce38f;
}

/* Month12 */
#Page_AmbiToys #Month12 .ItemsUnit {
border-color: #ffb558;
background: url(/images/campaign/ambi_toys/12month/Texture_BgBtm.jpg) no-repeat;
background-position: right 102%;
}

#Page_AmbiToys #Month12 .Title .RBox {
background: url(/images/campaign/ambi_toys/12month/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #Month12 .Title h2.Mds .Sub {
background: #ffb558;
}

#Page_AmbiToys #Month12 .Title h3.Mds {
color: #ffb558;
}

/* Month18 */
#Page_AmbiToys #Month18 .ItemsUnit {
border-color: #c676bc;
background: url(/images/campaign/ambi_toys/18month/Texture_BgBtm.jpg) no-repeat;
background-position: right 102%;
}

#Page_AmbiToys #Month18 .Title .RBox {
background: url(/images/campaign/ambi_toys/18month/Texture_LineDot.png) left top repeat-y;
}

#Page_AmbiToys #Month18 .Title h2.Mds .Sub {
background: #c676bc;
}

#Page_AmbiToys #Month18 .Title h3.Mds {
color: #c676bc;
}


/* ■ 安心して遊んでください ------------------------------------------------------------------ */

#Page_AmbiToys .HowTo {
/* margin-bottom: 50px; */
padding: 40px;
box-sizing: border-box;
border-radius: 25px;
background: #f1f5fe;
}

#Page_AmbiToys .HowTo h2.Mds {
margin-bottom: 20px;
font-size: 26px !important;
color: #073190;
line-height: 1;
letter-spacing: 0.08em
}

#Page_AmbiToys .HowTo .LeadMain {
font-size: 17px;
font-weight: bold;
line-height: 2.0;
}

#Page_AmbiToys .HowTo .HowToUnit {
width: 100%;
}

#Page_AmbiToys .HowTo .HowToUnit > .LBox {
width: 48%;
}

#Page_AmbiToys .HowTo .HowToUnit > .RBox {
width: 48%;
}

#Page_AmbiToys .HowTo .Care {
padding: 25px;
background: #fff;
}

#Page_AmbiToys .HowTo .Care > .LBox {
width: 45%;
}

#Page_AmbiToys .HowTo .Care > .RBox {
width: 50%;
}

#Page_AmbiToys .HowTo .Care h3.Mds {
margin-bottom: 0;
padding: 10px 0;
box-sizing: border-box;
background: #f8da42;
border-radius: 30px;
font-size: 18px;
color: #073190;
text-align: center;
line-height: 1;
letter-spacing: 0.1em
}

#Page_AmbiToys .HowTo .Care .Lead {
margin-bottom: 15px;
font-size: 15px;
}

#Page_AmbiToys .HowTo .Care .NoteBox {
padding: 10px;
box-sizing: border-box;
border: 1px solid #073190;
border-radius: 10px;
font-weight: bold;
color: #073190;
}


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

#Page_AmbiToys #Shop_Stock_Notice .Lead {
color: #fff;
}


/* ■ 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: 80px auto 0 auto !important;
}