@charset "utf-8";



/* ハリリットの楽器 */


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

#Page_HalilitMusic {
width: 94rem;
margin: 0 auto;
}

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

#Page_HalilitMusic a {
display: block;
color: #000;
text-decoration: none;
}

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

.OtherContWrap {
width: 94rem;
margin: 8rem auto 0 auto;
}

/* ボタン */
#Page_HalilitMusic .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_HalilitMusic .BtnBuy {
display: block;
width: 180px;
padding: 10px 0 10px 11px;
border: 2px solid #b8daeb;
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;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 18px auto;
background-position: 6% 50%;
font-size: 16px;
line-height: 1;
font-weight: bold;
text-align: center;
color: #3d5fc4;
text-decoration: none;
}

/* 見出し */
#Page_HalilitMusic .MdsH2 {
margin-bottom: 30px;
padding: 20px 0;
border-radius: 12px;
font-size: 30px !important; 
line-height: 1.0em;
text-align: center;
color: #fff;
background: #4caae6;
}



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

#Page_HalilitMusic .PageTitle {
margin-top: 20px;
margin-bottom: 40px;
}

#Page_HalilitMusic .LeadTitle {
width: 820px;
margin: 0 auto 70px auto;
font-size: 16px;
font-weight: bold;
line-height: 2.0em;
}



/* ■ ページ内リンク ------------------------------------------------------------------ */

#Page_HalilitMusic .InPageLink {
margin-bottom: 50px;
}

#Page_HalilitMusic .InPageLink li {
width: 49%;
margin-right: 2%;
}

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

#Page_HalilitMusic .InPageLink a {
padding: 18px 0;
border: 3px solid #4caae6;
border-radius: 30px;
font-size: 19px;
color: #4caae6;
background: #fff url(/images/campaign/halilit_music/Icon_LinkAllowCircleBelow.png) no-repeat;
background-position: 96% 50%;
background-size: 24px auto;
}



/* ■ 発達ごとの音あそび ------------------------------------------------------------------ */

#Page_HalilitMusic .SectionGrowth {
margin-bottom: 70px;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap {
margin-bottom: 35px;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .IndexMenu1 {
width: 940px;
height: 130px;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .IndexMenu1 li {
width: 25%;
padding-top: 25px;
margin-left: -0.3%;
box-sizing: border-box;
font-weight: bold;
text-align: center;
}

#Page_HalilitMusic .SectionGrowth .Chart1 {
margin-bottom: 15px;
background: url(/images/campaign/halilit_music/Texture_Growth1.png) no-repeat left top;
}

#Page_HalilitMusic .SectionGrowth .Chart1 li:first-child {
padding-top: 35px;
}

#Page_HalilitMusic .SectionGrowth .Chart2 {
background: url(/images/campaign/halilit_music/Texture_Growth2.png) no-repeat left top;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .Age {
margin-bottom: 10px;
font-size: 20px;
line-height: 1em;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .Age span {
display: inline-block;
vertical-align: middle;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .Age .Num {
margin-right: 2px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 40px;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .Lead1 {
font-size: 20px;
line-height: 1.5em;
}

#Page_HalilitMusic .SectionGrowth .ChartWrap .Lead2 {
font-size: 15px;
line-height: 1.5em;
}

/* 子育てのヒント */
#Page_HalilitMusic .SectionHints {
padding: 45px 40px 50px 40px;
border: 5px solid #ffb923;
box-sizing: border-box;
border-radius: 25px;
}

#Page_HalilitMusic .SectionHints h3.Mds {
display: inline-block;
margin-bottom: 30px;
padding: 10px 15px;
border-radius: 4px;
font-size: 20px !important;
line-height: 1.0em;
color: #fff;
background: #ff9600;
}

#Page_HalilitMusic .SectionHints h4.Mds {
margin-bottom: 15px;
font-size: 26px;
color: #ff9600;
}

#Page_HalilitMusic .SectionHints .PhotoR {
padding: 0 0 20px 30px;
}

#Page_HalilitMusic .SectionHints .Cap {
display: block;
margin-top: 10px;
font-size: 13px;
line-height: 1.8em;
}



/* ■ ハリリットのあそび道具 ------------------------------------------------------------------ */

#Page_HalilitMusic .SectionItems {
margin-bottom: 80px;
}

#Page_HalilitMusic .SectionItems .SectionMain {
margin-bottom: 30px;
padding: 0 40px 50px 40px;
border: 5px solid;
box-sizing: border-box;
border-radius: 25px;
}

#Page_HalilitMusic .SectionItems .SectionMain:last-of-type {
margin-bottom: 0;
}

#Page_HalilitMusic .SectionItems .BtnOthers {
width: 55%;
margin: 50px auto 0 auto;
padding: 15px 0 15px 2%;
background-size: 22px auto;
background-position: 3% 50%;
font-size: 22px;
}

#Page_HalilitMusic .SectionItems .SectionMain .LeadMain1 {
margin-bottom: 40px;
font-size: 18px;
font-weight: bold;
line-height: 1.8em;
}

#Page_HalilitMusic .SectionItems .SectionMain .MdsMainBox {
display: table;
width: 100%;
margin-bottom: 25px;
}

#Page_HalilitMusic .SectionItems .SectionMain .MdsMainBox .Icon {
display: table-cell;
width: 25%;
padding: 40px 0;
box-sizing: border-box;
border-radius: 0 0 12px 12px;
font-size: 26px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.0em;
vertical-align: middle;
}

#Page_HalilitMusic .SectionItems .SectionMain .MdsMainBox .Icon span {
display: inline-block;
margin-right: 2px;
font-size: 45px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}

#Page_HalilitMusic .SectionItems .SectionMain .MdsMainBox .Icon small {
display: inline-block;
font-size: 26px;
font-weight: 900;
}

#Page_HalilitMusic .SectionItems .SectionMain .MdsMainBox h3.Mds {
display: table-cell;
width: 75%;
padding-left: 40px;
box-sizing: border-box;
font-size: 32px;
line-height: 1.4em;
vertical-align: middle;
}

#Page_HalilitMusic .SectionItems .SectionMain:nth-of-type(2) .MdsMainBox h3.Mds,
#Page_HalilitMusic .SectionItems .SectionMain:nth-of-type(5) .MdsMainBox h3.Mds {
padding-top: 30px;
padding-bottom: 10px;
}

#Page_HalilitMusic .SectionItems .SectionMain .ItemPhoto {
margin-bottom: 15px;
border-radius: 12px;
overflow: hidden !important;
}

#Page_HalilitMusic .SectionItems .SectionMain .ItemPhoto span {
display: block;
width: 100%;
height: auto;
background-size: cover !important;
}

#Page_HalilitMusic .SectionItems .SectionMain .ItemPhoto img {
width: 100%;
height: auto;
border-radius: 12px;
border-color: #e6ebf7 !important;
}

#Page_HalilitMusic .SectionItems .SectionMain h4.Mds {
margin-bottom: 8px;
font-size: 18px;
color: #0682c8;
line-height: 1.5em;
}

#Page_HalilitMusic .SectionItems .SectionMain .Price {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.0em;
letter-spacing: 0.08em;
}

#Page_HalilitMusic .SectionItems .SectionMain .Price span,
#Page_HalilitMusic .SectionItems .SectionMain .Price .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.1rem;
font-size: 1.4rem;
}

#Page_HalilitMusic .SectionItems .SectionMain .BtnBuy {
margin-top: 20px;
}

#Page_HalilitMusic .SectionItems .SectionMain .Col3 li {
width: 31%;
margin-right: 3.5%;
}

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

#Page_HalilitMusic .SectionItems .SectionMain .Col4 li {
width: 22%;
margin-right: 4%;
}

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

/* 0歳ごろ */
#Page_HalilitMusic .SectionItems .SectionMain#Sec1 {
border-color: #a8d62a;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec1 .Icon {
background: #a8d62a;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec1 .MdsMainBox h3.Mds {
color: #a8d62a;
}

/* 1歳ごろ */
#Page_HalilitMusic .SectionItems .SectionMain#Sec2 {
border-color: #d42480;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec2 .Icon {
background: #d42480;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec2 .MdsMainBox h3.Mds {
color: #d42480;
}

/* 2歳ごろ */
#Page_HalilitMusic .SectionItems .SectionMain#Sec3 {
border-color: #ff9600;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec3 .Icon {
background: #ff9600;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec3 .MdsMainBox h3.Mds {
color: #ff9600;
}

/* 3歳ごろ */
#Page_HalilitMusic .SectionItems .SectionMain#Sec4 {
border-color: #a8d62a;
background: url(/images/campaign/halilit_music/Texture_ItemsSec4.jpg) no-repeat right bottom;
overflow: hidden;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec4 .Icon {
background: #a8d62a;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec4 .MdsMainBox h3.Mds {
color: #a8d62a;
}

/* 4〜5歳ごろ */
#Page_HalilitMusic .SectionItems .SectionMain#Sec5 {
border-color: #d42480;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec5 .Icon {
background: #d42480;
}

#Page_HalilitMusic .SectionItems .SectionMain#Sec5 .MdsMainBox h3.Mds {
color: #d42480;
}



/* ■ あそび場イベント ------------------------------------------------------------------------------------ */

#Page_HalilitMusic .SectionEvent {
margin-bottom: 40px;
}

#Page_HalilitMusic .SectionEvent .SectionSub {
padding: 45px 50px 40px 50px;
border: 5px solid #4caae6;
box-sizing: border-box;
border-radius: 25px;
}

#Page_HalilitMusic .SectionEvent .SectionSub:last-of-type {
margin-bottom: 0;
}

#Page_HalilitMusic .SectionEvent .SectionSub h3.Mds {
margin-bottom: 15px;
font-size: 24px;
color: #d42480;
line-height: 1.6em;
}

#Page_HalilitMusic .SectionEvent .SectionSub h3.Mds .MdsSub {
display: block;
font-size: 20px;
line-height: 1.6em;
}

#Page_HalilitMusic .SectionEvent .SectionSub .MdsPlace {
display: inline-block;
margin-bottom: 15px;
padding: 10px 15px;
background: #d42480;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.0em;
}

#Page_HalilitMusic .SectionEvent .SectionSub .LBox {
width: 56%;
}

#Page_HalilitMusic .SectionEvent .SectionSub .RBox {
width: 40%;
padding-left: 3%;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Period {
margin-bottom: 15px;
font-size: 20px;
font-weight: bold; 
color: #c10e19;
line-height: 1.5em;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Lead1 {
margin-bottom: 25px;
font-size: 16px;
font-weight: bold; 
line-height: 1.9em;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Photo {
border: 1px solid #dbdbdb;
box-sizing: border-box;
overflow: hidden;
}

#Page_HalilitMusic .SectionEvent .SectionSub .ListKomeS {
margin-top: 20px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .ListKomeS li:last-child {
margin-bottom: 0;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnBuy {
width: 100%;
}

/* ボタンリスト */
#Page_HalilitMusic .SectionEvent .SectionSub .BtnList {
margin-top: 35px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnList .BtnDetail {
width: 100%;
margin-top: 0;
padding: 8px 0 8px 4%;
background-size: 19px auto;
font-size: 15px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnList.Col3 li {
width: 32%;
margin-right: 2%;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnList.Col3 li:last-child {
margin-right: 0;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnList.Col4 li {
width: 24.25%;
margin-right: 1%;
}

#Page_HalilitMusic .SectionEvent .SectionSub .BtnList.Col4 li:last-child {
margin-right: 0;
}

/* イベント概要 */
#Page_HalilitMusic .SectionEvent .SectionSub .Outline dl {
margin-bottom: 14px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline dl:last-child {
margin-bottom: 0;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline dt {
width: 15%;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline dt span {
display: inline-block;
width: 100%;
border-radius: 12px;
background: #fae14c;
font-size: 13px;
text-align: center;
vertical-align: top;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline dd {
width: 85%;
padding-left: 12px;
font-size: 15px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline .Kome,
#Page_HalilitMusic .SectionEvent .SectionSub .Outline .Kome2 {
display: block;
padding-left: 17px;
font-size: 15px;
background: url(/images/campaign/christmas2019/event/Icon_Kome.png) no-repeat;
background-position: 0 5px;
}

#Page_HalilitMusic .SectionEvent .SectionSub .Outline .Kome2 {
display: inline-block;
margin-left: 15px;
}


/* ■ ハリリット社 ------------------------------------------------------------------------------------ */

#Page_HalilitMusic .Maker {
padding: 40px 40px 60px 40px;
border-radius: 20px;
background: #f8fac9;
}

#Page_HalilitMusic .Maker h2.Mds {
margin-bottom: 20px;
font-size: 26px !important;
color: #96c102;
line-height: 1.0em;
}

#Page_HalilitMusic .Maker .Lead2 {
margin-top: 15px;
font-size: 13px;
line-height: 1.9em;
}

#Page_HalilitMusic .Maker .LBox {
width: 57%;
}

#Page_HalilitMusic .Maker .RBox {
width: 38%;
}