@charset "UTF-8";

#ma_lp {text-align: center; letter-spacing: 0.08em;}
#ma_lp img{width: 100%;}
#ma_lp p {font-size: 14px; font-size: 1.4rem; padding-bottom: 1em; line-height: 1.8;}
#ma_lp sup {font-weight: normal; font-size: 65%;}
#ma_lp a.link{text-decoration:none}
#ma_lp h2{ font-size: 36px; font-size: 3.6rem; color: #003264; font-weight: 600; letter-spacing: 0.2em; line-height: 1.7; margin-bottom: 1.5em;}
#ma_lp p.lead{font-size: 18px; font-size: 1.8rem; line-height: 2.5;}
#ma_lp .underline{background: url(../images/underline.png) no-repeat center bottom; padding-bottom: 40px;}
#ma_lp ul.note, #ma_lp ul.note_multi {color:#949494; font-size: 13px; font-size: 1.3rem; line-height: 1.3em;}
#ma_lp ul.note li { font-size: 12px; font-size: 1.2rem; padding: 0 0 4px 1em; text-indent: -1em;}

#ma_lp #mainimg_area-sp{display: none;}

#ma_lp #cont1 {max-width: 1020px;  padding: 90px 20px 150px 20px;  margin: 0 auto;}

#ma_lp #cont2 {background: url(../images/img-002.jpg) no-repeat fixed #d6edfb; background-size:cover;}
#ma_lp #cont2 .inner-box {max-width: 1020px;  padding: 0;  margin: 0 auto;}
#ma_lp #cont2  h3 img { max-width: 170px; margin-top: -40px;}
#ma_lp #cont2 .clayout-box {padding: 0 20px 80px 20px;}
#ma_lp #cont2  h3 {color:#003264; font-weight: 600; font-size: 26px; font-size: 2.6rem; padding-bottom: 1em; letter-spacing: 0.2em;}
#ma_lp #cont2 ul.note {padding-top: 3em;}
#ma_lp #cont2 p{font-size: 16px; font-size: 1.6rem; letter-spacing: 0.2em; line-height: 2.5;}

#ma_lp #cont3 {background: #fff;}
#ma_lp #cont3 .col-33 a{color:#67dded; text-decoration: underline;}
#ma_lp #cont3 .col-33 a:hover{text-decoration: none;}
#ma_lp #cont3 .inner-box1 {max-width: 1020px;  padding: 100px 20px 50px 20px;  margin: 0 auto;} 
#ma_lp #cont3 .func-index img { max-width: 900px; padding: 50px 20px;}
#ma_lp #cont3 .inner-box2 {max-width: 1020px;  padding: 0px 0px 80px 0px;  margin: 0 auto;} 
#ma_lp #cont3 .inner-box2 h4 {color: #0075c2; font-size: 20px; font-size: 2.0rem; padding-bottom: 1em; }
#ma_lp #cont3 .inner-box2 .clayout-box2 {padding: 0;}
#ma_lp #cont3 .inner-box2 .clayout-box2 img{padding-bottom: 20px;}
#ma_lp #cont3 .inner-box2 .clayout-box2 h4 {color: #e84171; font-size: 18px; font-size: 1.8rem; padding-bottom: 1.2em; text-align: center;}
#ma_lp #cont3 .func-index-sp {display: none;}

#ma_lp #cont4 {background: #fbfaef;}
#ma_lp #cont4 .inner-box {max-width: 1020px;  padding: 60px 0 70px;  margin: 0 auto;}
#ma_lp #cont4  h3 img { max-width: 90px; margin-top: -45px;}
#ma_lp #cont4  h2 {color: #a64c8f; padding:0 20px 40px 20px;}
#ma_lp #cont4 .inner-box .clayout-box h4 {color: #a64c8f; font-size: 18px; font-size: 1.8rem; padding-bottom: 1.2em; text-align: center;}
#ma_lp #cont4 .inner-box .clayout-box img{padding-bottom: 20px;}

#ma_lp .babycome_com_area {text-align:center;padding:65px 20px 65px 20px;}
#ma_lp .babycome_com {max-width:980px; padding:40px; margin:0 auto; background-color:#ffe2ec;}
#ma_lp .babycome_com h2 {padding-bottom:40px; margin:0; font-size: 30px; font-size: 3.0rem; font-weight: bold; letter-spacing: 0.1em; color: #51514f;}
#ma_lp .babycome_com .babycome_com_lay {padding:40px; background-color:#FFF;}
#ma_lp .babycome_com .babycome_com_lay .babycome_left {width:32%; float:left;}
#ma_lp .babycome_com .babycome_com_lay .babycome_left p {font-size:12px; font-size:1.2rem; padding:10px 0 0 0; margin:0; line-height: 1.4;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right {width:64%; float:right;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl {}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dt {width:64px; float:left;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dd {margin:0 0 0 80px; padding:0 0 10px 0; font-size:16px; font-size:1.6rem; text-align:left;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dd span.rv_st {color:#f990b5; font-size:20px; font-size:2rem;}

#ma_lp #products_area { padding: 110px 0 0px 0;}
#ma_lp #products_area h2 {font-size: 30px;font-size: 3.0rem; font-weight: normal; color: #3e3a39; letter-spacing: 0.2em; margin-bottom: 3em;}
#ma_lp .clayout-box2{ font-size: 0;}
#ma_lp .clayout03 { max-width: 960px; padding: 0 20px; margin: 0 auto 100px;}
#ma_lp #products_name { padding-bottom: 60px;}
#ma_lp #products_name #products_logo1 img{max-width:313px;}
#ma_lp #products_name #products_logo2 img{max-width:210px;}
#ma_lp #products_area ul {font-size: 0;}
#ma_lp li.products_list { width: 24.9%; display: inline-block; vertical-align: top; padding: 0 20px 30px 20px;}
#ma_lp #products_btn { max-width: 167px; margin: 0 auto;}
#ma_lp li.products_list h4 { font-size: 13px; font-size: 1.3rem; padding: 30px 0; text-align: center; font-weight: normal;}
#ma_lp #products_area p.price { text-align: center; font-size: 14px; font-size: 1.4rem; padding-bottom: 1.5em;}
#ma_lp #products_area h3{font-size: 18px; font-size: 1.8rem; padding-bottom: 0.8em;}
#ma_lp #products_area .link_btn_v2 {max-width: 180px;}
#ma_lp #products_area .link_btn_v2 a{height: 40px; padding: 4px 16% 4px 5%;}

#ma_lp #funccom_link_area {max-width: 1020px; padding: 0 20px 100px 20px; margin: 0 auto; text-align: center;}

#ma_lp .col-30{width: 30%;}
#ma_lp .col-33{width: 33%; display: inline-block; vertical-align: top; text-align: left; padding: 0 20px 50px 20px;}
#ma_lp .col-35{width: 35%;}
#ma_lp .col-40{width: 40%;}
#ma_lp .col-45{width: 45%;}
#ma_lp .col-47{width: 47%;}
#ma_lp .col-50{width: 50%;}
#ma_lp .col-55{width: 55%;}
#ma_lp .col-60{width: 60%;}
#ma_lp .col-65{width: 65%;}

#ma_lp .fl-l{float: left;}
#ma_lp .fl-r{float: right;}

#ma_lp .tx-l{text-align: left;}
#ma_lp .tx-c{text-align: center;}

/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 768px) {
#ma_lp h2 {font-size: 30px; font-size:3.0rem;}
#ma_lp #cont2  h3 {font-size: 24px; font-size: 2.4rem;}
}

/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
#ma_lp {letter-spacing: 0em;}
#ma_lp h2{ font-size: 16px; font-size: 1.6rem; letter-spacing: 0em;}
#ma_lp p.lead{font-size: 14px; font-size: 1.4rem; line-height: 2.5;}
#ma_lp ul.note, #ma_lp ul.note_multi { font-size: 12px; font-size: 1.2rem; line-height: 1.3em;}
#ma_lp ul.note li { font-size: 12px; font-size: 1.2rem; padding: 0 0 4px 1em; text-indent: -1em;}
#ma_lp .underline{padding-bottom: 30px;}

#ma_lp #mainimg_area{display: none;}
#ma_lp #mainimg_area-sp{display: block;}

#ma_lp #cont1 { padding: 40px 5% 50px 5%;  margin: 0 auto;}

#ma_lp #cont2 p{font-size: 13px; font-size: 1.3rem; letter-spacing: 0.05em; line-height: 2;}
#ma_lp #cont2 h3 img { max-width: 100px; margin-top: -30px;}
#ma_lp #cont2 h3{padding-bottom: 5px;}
#ma_lp #cont2 .inner-box .fl-l img{width: 70%;}
#ma_lp #cont2 .col-35 img{width: 70%;}
#ma_lp #cont2  h4 {color: #595757; font-weight: normal; font-size: 14px; font-size: 1.4rem; padding-bottom: 20px; line-height: 1.5em;}
#ma_lp #cont2 ul.note {padding-top: 0.5em;}
#ma_lp #cont2 .clayout-box {padding: 0 20px 30px 20px;}
#ma_lp #cont2 .clayout-box h3 {font-size: 16px; font-size: 1.6rem; padding-bottom: 1em;}
#ma_lp #cont2 .fl-r{padding-bottom: 10px;}

#ma_lp #cont3  h3 img { max-width:100px; padding-bottom: 0;}
#ma_lp #cont3 .inner-box1 {  padding: 30px 20px 30px 20px;} 
#ma_lp #cont3 .inner-box2 { padding: 30px 0px 30px 0px;  margin: 0 auto;} 
#ma_lp #cont3 .inner-box2 h3 { padding: 12px 0; font-size: 15px; font-size: 1.5rem; border-top: 2px solid #0075c2; border-bottom: 2px solid #0075c2; margin:0 20px 30px 20px;}
#ma_lp #cont3 .inner-box2 .icon-area {text-align:left; padding: 12px 0; }
#ma_lp #cont3 .inner-box2 h4 {font-size: 14px; font-size: 1.4rem; padding-bottom: 1em; }
#ma_lp #cont3 .inner-box2 .clayout-box {padding: 0 20px 0px 20px;}
#ma_lp #cont3 .inner-box2 .clayout-box2 img {padding-bottom: 20px;}
#ma_lp #cont3 .inner-box2 .clayout-box2 h4 { font-size: 14px; font-size: 1.4rem; padding-bottom: 1em;}
#ma_lp #cont3 .func-index-sp img {  padding: 0;}
#ma_lp #cont3 .func-index {display: none;}
#ma_lp #cont3 .func-index-sp {display: block;}

#ma_lp #cont4 .inner-box { padding: 40px 0 0; margin-bottom: 20px;}
#ma_lp #cont4 .inner-box .clayout-box h4 { font-size: 14px; font-size: 1.4rem; padding-bottom: 1em;}
#ma_lp #cont4  h2 {padding:0 5% 30px 5%;}

#ma_lp .babycome_com_area {text-align:center;padding:15px 4% 30px 4%;}
#ma_lp .babycome_com {max-width:980px; padding:6% 4%; margin:0 auto; background-color:#ffe2ec;}
#ma_lp .babycome_com h2 {padding-bottom:20px; margin:0; font-size: 20px; font-size: 2.0rem;}
#ma_lp .babycome_com .babycome_com_lay {padding:6% 4%; background-color:#FFF;}
#ma_lp .babycome_com .babycome_com_lay .babycome_left,
#ma_lp .babycome_com .babycome_com_lay .babycome_right {width:100%; float:none;}
#ma_lp .babycome_com .babycome_com_lay .babycome_left img {max-width:200px;}
#ma_lp .babycome_com .babycome_com_lay .babycome_left p {font-size:11px; font-size:1.1rem; padding:10px 0 30px 0;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl {}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dt {width:46px; float:left;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dd {margin:0 0 0 56px; padding:0 0 10px 0; font-size:14px; font-size:1.4rem; text-align:left;}
#ma_lp .babycome_com .babycome_com_lay .babycome_right dl dd span.rv_st {font-size:18px; font-size:1.8rem;}

#ma_lp #products_area { padding: 40px 0 0 0;}
#ma_lp #products_area h2 {font-size: 18px;font-size: 1.8rem; font-weight: normal; letter-spacing: 0.1em;}
#ma_lp #products_area #products_logo1,#ma_lp #products_area #products_logo2{width: 60%; margin: 0 auto;}
#ma_lp #products_name { padding-bottom: 30px;}
#ma_lp #products_name img{max-width:80%;}
#ma_lp li.products_list { width: 50%; display: inline-block; vertical-align: top; padding: 0 8px 20px 8px;}
#ma_lp li.products_list h3 { font-size: 13px; font-size: 1.3rem; padding: 10px 0;}
#ma_lp li.products_list h4 { padding: 15px 0;}

#ma_lp .clayout03 { padding: 0 10px; margin: 0 auto 30px;}

#ma_lp .fl-l{float: none; padding-bottom: 30px;}
#ma_lp .fl-r{float: none; padding-bottom: 30px;}

#ma_lp .col-33{width: 100%;}
#ma_lp .col-35{width: 100%;}
#ma_lp .col-45{width: 100%;}
#ma_lp .col-47{width: 100%;}
#ma_lp .col-50{width: 100%;}
#ma_lp .col-65{width: 100%;}
}