@charset "utf-8";



/* タミータイム特集 */


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


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

#Page_TummyTime .SP {
display: none;
}

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

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

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

#Page_TummyTime .SectionSub {
margin: 0;
}

#Page_TummyTime .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_TummyTime .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_TummyTime .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;
}

#Page_TummyTime .BtnBuy a {
color: #3d5fc4 !important;
}

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

#PlayTimeWrap {
margin-top: 9rem !important ;
}

.SectionPlayTime {
margin-bottom: 0 !important;
}


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

#Page_TummyTime #KeyVisual {
height: 555px;
background: url(/images/campaign/tummy_time/Texture_KeyVisual.jpg) no-repeat;
background-position: 50% 0;
background-size: cover;
}

#Page_TummyTime #KeyVisual h1.PageTitle {
margin-bottom: 45px;
padding-top: 75px;
line-height: 1em;	
}

#Page_TummyTime #KeyVisual .LeadTitle {
width: 500px;
font-size: 17px;
font-weight: bold;
}



/* ■ FAQ ------------------------------------------------------------------ */

#Page_TummyTime .SectionFaq {
padding: 90px 0 70px 0;
}

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

#Page_TummyTime .SectionFaq .IconNum img {
width: 65px;
}

#Page_TummyTime .SectionFaq  h2.Mds {
margin-bottom: 35px;
font-size: 24px !important;
color: #d83c85;
text-align: center;
line-height: 1em;
}

#Page_TummyTime .SectionFaq .IndexMenu1 li {
position: relative;
width: 300px;
margin-right: 20px;
padding: 70px 30px 50px 30px;
box-sizing: border-box;
border-radius: 20px;
background: #fdfcf2;
}

#Page_TummyTime .SectionFaq .IndexMenu1 li:nth-child(3n) {
margin-right: 0;
}



/* ■ Enjoy Tummy Time ------------------------------------------------------------------ */

#Page_TummyTime .SectionStep {
padding: 65px 0 85px 0;
background: url(/images/campaign/tummy_time/step/Texture_Bg.jpg) center top;
background-size: cover;
}

#Page_TummyTime .SectionStep h2.Mds {
margin-bottom: 60px;
text-align: center;
line-height: 1em;
}

#Page_TummyTime .SectionStep h2.Mds span {
display: block;
}

#Page_TummyTime .SectionStep h2.Mds .Sub {
margin-bottom: 15px;
}

#Page_TummyTime .SectionStep h2.Mds .Main {
font-size: 32px;
color: #5fc2cb;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li {
position: relative;
width: 48%;
margin-right: 4%;
padding: 35px 30px 40px 30px;
box-sizing: border-box;
border-radius: 18px;
background: #fff;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li:nth-child(2n) {
margin-right: 0;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li .Photo {
position: absolute;
bottom: 40px;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li:nth-child(1) .Photo {
right: 20px;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li:nth-child(2) .Photo {
left: 53%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

#Page_TummyTime .SectionStep .IndexMenu1 > li:nth-child(1) .Photo img {
width: 150px;
height: auto;
}

#Page_TummyTime .SectionStep .IndexMenu1 > li:nth-child(2) .Photo img {
width: 198px;
height: auto;
}

#Page_TummyTime .SectionStep .IconStep {
position: absolute;
top: -20px;
left: 50%;
margin-left: -55px;
}

#Page_TummyTime .SectionStep .IconStep img {
width: 110px;
height: auto;
}

#Page_TummyTime .SectionStep h3.Mds {
margin-bottom: 20px;
font-size: 26px !important;
color: #d83c85;
line-height: 1.5em;
}

#Page_TummyTime .SectionStep h3.Mds small {
display: block;
font-size: 20px !important;
}

#Page_TummyTime .SectionStep .ListDisc > li {
padding-left: 22px;
font-size: 15px;
line-height: 2.0em;
}

#Page_TummyTime .SectionStep .ListDisc > li:before {
left: 1px;
top: 7px;
width: 14px;
height: 14px;
border-radius: 100%;
background: #d83c85;
content: '';
}

#Page_TummyTime .SectionStep .BtnInsta {
width: 38%;
margin: 55px auto 0 auto;
padding: 20px 0 20px 4%;
border: 3px solid #5fc2cb;
border-radius: 15px;
background: #fff url(/images/campaign/tummy_time/step/Icon_Insta.png) no-repeat;
background-size: 30px auto;
background-position: 7% 50%;
color: #5fc2cb;
}

#Page_TummyTime .SectionStep .BtnInsta span {
display: inline-block;
vertical-align: middle;
}

#Page_TummyTime .SectionStep .BtnInsta .TxtFollow {
font-size: 20px;
}

#Page_TummyTime .SectionStep .BtnInsta .TxtTummy {
margin-left: 10px;
font-size: 18px;
}



/* ■ ぴったりのあそび道具 ------------------------------------------------------------------ */

#Page_TummyTime .SectionItems {
padding-top: 8.5rem;
}

#Page_TummyTime .SectionItems a {
display: block;
color: #000;
text-decoration: none;
}

#Page_TummyTime .SectionItems .InBox {
padding-bottom: 5.5rem;
background: url(/images/campaign/tummy_time_ver2/items/Texture_Dot_Line1_W.png) repeat-x;
background-size: 2rem auto;
background-position: 4.8rem 100%;
}

#Page_TummyTime .SectionItems .InBox:before {
display: block;
height: 5px; /* 線幅 */
background-color: #5fc2cb; /* 線色 */
border-radius: 4.5px; /* 線幅の半分 */
content: "";
}

#Page_TummyTime .SectionItems h2.Mds {
margin-bottom: 50px;
padding-top: 50px;
font-size: 40px !important;
text-align: center;
line-height: 1em !important;
}

#Page_TummyTime .SectionItems h2.Mds .Sub {
display: block;
margin-bottom: 10px;
font-size: 22px !important;
color: #5fc2cb;
}

#Page_TummyTime .SectionItems .SectionSub_Wrap {
margin-top: 9rem;
}

#Page_TummyTime .SectionItems .SectionSub_Wrap:first-of-type {
margin-top: 7rem;
}

#Page_TummyTime .SectionSub_Wrap .Item_Intro {
margin-bottom: 3.5rem;
}

#Page_TummyTime .SectionSub_Wrap .Mds_Item_Intro {
margin-bottom: 3rem;
padding: 2rem 0;
border-radius: 1.5rem;
background: #d93c85;
font-size: 2.8rem !important;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 1em;
letter-spacing: 0.1em;
}

#Page_TummyTime .SectionSub_Wrap .Lead_Item_Intro {
font-size: 1.8rem !important;
font-weight: 500;
text-align: center;
letter-spacing: 0.1em;
}

#Page_TummyTime .SectionItems .ItemMain_Photo {
margin-bottom: 3rem;
border-radius: 2rem;
overflow: hidden;
}

#Page_TummyTime .SectionItems .ItemName {
margin-bottom: 10px;
font-size: 22px;
color: #d83c85;
}

#Page_TummyTime .SectionItems .Price {
margin-bottom: 1.5rem;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.08em;
line-height: 1em;
}

#Page_TummyTime .SectionItems .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.2rem;
font-size: 1.5rem;
}

#Page_TummyTime .SectionItems .Catch {
margin-bottom: 5px;
font-size: 18px;
font-weight: bold;
}

#Page_TummyTime .SectionItems .BtnBuy {
margin-top: 2rem;
}

#Page_TummyTime .SectionItems .ItemMain1 .LBox {
width: 46%;
}

#Page_TummyTime .SectionItems .ItemMain1 .RBox {
width: 50%;
}

#Page_TummyTime .SectionItems .ItemMain2 .LBox {
width: 46%;
}

#Page_TummyTime .SectionItems .ItemMain2 .RBox {
width: 50%;
padding-top: 1.5rem;
}

#Page_TummyTime .SectionItems .ItemEach {
display: grid;
grid-template-rows: auto; 
grid-template-columns: repeat(2, 1fr);
gap: 0 3rem;
margin-top: 2.5rem;
}

#Page_TummyTime .SectionItems .ItemEach .Item_Photo img {
display: inline-block;
width: 9.5rem;
border: none;
vertical-align: middle;
}

#Page_TummyTime .SectionItems .ItemEach .Item_Photo .Item_Color {
display: inline-block;
font-size: 1.3rem;
font-weight: 500;
vertical-align: middle;
}

#Page_TummyTime .SectionItems .ItemEach .BtnBuy {
width: 15rem !important;
font-size: 1.4rem !important;
}

#Page_TummyTime .SectionItems .ListItem_Wrap {
margin-top: 3.5rem;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 8rem;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1:not(:first-of-type) {	
background: url(/images/campaign/tummy_time_ver2/items/Texture_Dot_Line1_W.png) repeat-x;
background-size: 2rem auto;
background-position: 4.8rem 0;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1 li {
float: none;
padding-top: 5.4rem;
padding-bottom: 6rem;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1:first-of-type li {	
padding-top: 1.5rem;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1 li:nth-child(odd) {
position: relative;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .IndexMenu1 li:nth-child(odd) ::before {
display: inline-block;
position: absolute;
top: 0;
right: -4.2rem;
width: 0.4rem;
background: url(/images/campaign/tummy_time_ver2/items/Texture_Dot_Line1_H.png) repeat-y;
background-size: contain;
height: 100%;
content: '';
}

#Page_TummyTime .SectionItems .ListItem_Wrap .Photo {
margin-bottom: 2rem;
border-radius: 2rem;
overflow: hidden;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .ItemName {
margin-bottom: 8px;
font-size: 18px;
line-height: 1.6em;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .Price {
margin-bottom: 10px;	
font-size: 16px;
letter-spacing: 0.08em;
line-height: 1em;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .Price span {
margin-left: 2px;
margin-right: 2px;
font-size: 13px;
}

#Page_TummyTime .SectionItems .ListItem_Wrap .Lead {
margin-top: 10px;
}


/* シリーズ紹介 ------------------------------------------------------------------ */

#Page_TummyTime .SectionItems .SectionSeriesIntro {
margin: 2rem auto 0 auto;
padding: 6rem 5rem;
border-radius: 3rem;
border: 0.4rem solid #d83c85;
}

#Page_TummyTime .SectionItems .SectionSeriesIntro .Mds_Intro {
margin-bottom: 1.5rem;
font-size: 2.4rem;
font-weight: 700;
}

#Page_TummyTime .SectionItems .SectionSeriesIntro .Lead_Intro {
line-height: 2.0em;
}