#lp-sp-babygift { margin: 0 auto; background-color: #f4fafd; line-height: 1.75; font-weight: 400; font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 16px; }
#lp-sp-babygift img { max-width: 100%; width: auto;}
#lp-sp-babygift .main_contents { width: 1200px; margin: 0px auto;}

@media only screen and (max-width: 979px) {
    #lp-sp-babygift { width: 100%; background-color: #f4fafd; font-weight: 400; font-family: 'Zen Kaku Gothic New', sans-serif;}
    #lp-sp-babygift .main_contents { width: 100%; margin: 0px auto;}
}

/*---------------------------------
pc content
---------------------------------*/
#lp-sp-babygift .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-babygift .cfix { min-height: 1px;}
#lp-sp-babygift .is_open { display: block !important;}
#lp-sp-babygift .is_close { display: none !important;}
#lp-sp-babygift .titleArea { margin: 5% 0; text-align: center;}
#lp-sp-babygift .titleArea p a { color: #29aabf; text-decoration: none;}
#lp-sp-babygift h3 { margin-bottom: 4%; color: #5b5b5b; text-align: center; font-weight: bold; font-size: 26px; line-height: 1;}
#lp-sp-babygift form { width: 100%;}
#lp-sp-babygift .btn-primary,
#lp-sp-babygift .btn-secondary { margin: 0; width: calc(100% - 25px);}
#lp-sp-babygift #brand-main { width: 100%;}
#lp-sp-babygift .naviArea { padding-bottom: 2%;}
#lp-sp-babygift .naviArea ul { margin: 0 auto; width: 82%; border: 1px solid #000; list-style: none; font-size: 0;}
#lp-sp-babygift .naviArea ul li { display: inline-block; box-sizing: border-box; width: 25%; border-left: 1px solid #000; line-height: 48px;}
#lp-sp-babygift .naviArea ul li:first-child { border-left: none;}
#lp-sp-babygift .naviArea ul li p { margin-bottom: 0; color: #5b5b5b; text-align: center; font-weight: bold; font-size: 14px;}
#lp-sp-babygift .naviArea ul li a { display: block;}
#lp-sp-babygift .naviArea ul li a { color: #000;}
#lp-sp-babygift .naviArea ul li a:hover { background-color: #fff; color: #fff; transition: 0.2s;}
#lp-sp-babygift .contents { padding-top: 6%; padding-bottom: 6%; border-bottom: solid 1px #dce1e1;}
#lp-sp-babygift .contents h3 span { font-weight: normal; font-size: 14px;}
#lp-sp-babygift .contents > p { margin-bottom: 3%; text-align: center;}
#lp-sp-babygift .contents .row-fluid .span6 { margin-left: 4%; width: 48%;}
#lp-sp-babygift .contents .row-fluid .span6:first-child { margin-left: 0;}
#lp-sp-babygift .contents .row-fluid .span6 p { text-align: left;}
#lp-sp-babygift .contents.last { margin-bottom: 8%; border: none;}
#lp-sp-babygift .border-action p { margin: 0;}
#lp-sp-babygift .border-action img{ display: initial; vertical-align: bottom;}
#lp-sp-babygift .border-action2 { margin: 6% 0; border-bottom: 1px solid #dce1e1;}
#lp-sp-babygift .navi_area ul {display: flex;  margin-bottom: 1.5%; text-align: center; justify-content: center;}
#lp-sp-babygift .navi_area ul li { padding: 0 4px; width: 24.5%; list-style: none;}
#lp-sp-babygift .navi_area ul li a { display: block; padding: 6% 0; border: 2px solid #a1b4de; text-align: center; white-space: nowrap;font-size: 16px; line-height: 1.8; }
#lp-sp-babygift .navi_area ul li a span { display: block; font-size: 11px;}
#lp-sp-babygift .navi_area ul li img{ display: initial; vertical-align: sub;}
/*#lp-sp-babygift .navi_area ul li:nth-of-type(2) a { border: 2px solid #dbd984;}*/
#lp-sp-babygift .navi_area ul li:nth-of-type(2) a { border: 2px solid #e0adac;}
#lp-sp-babygift .navi_area ul li:last-of-type a { border: 2px solid #f29b76;}
#lp-sp-babygift .faq_area { margin-top: 6%; margin-bottom: 6%;}
#lp-sp-babygift .faq_area a { color: #29aabf; text-decoration: underline; font-size: 12px;}
#lp-sp-babygift .tab_subttl { display: block; margin-bottom: 1%; color: #5b5b5b; text-align: center; font-size: 14px;}
#lp-sp-babygift .gift_lap { margin: 5%; text-align: center;}
#lp-sp-babygift .toggle_contents { margin: 0 auto; width: 78%;}
#lp-sp-babygift .toggle_title { position: relative; padding: 10px; border-bottom: 1px solid #edf0f1; text-align: center; font-weight: normal; font-size: 16px; line-height: 1.4; cursor: pointer;}
#lp-sp-babygift .toggle_btn { position: absolute; top: 50%; right: 20px; display: block; overflow: hidden; width: 24px; height: 24px; border-radius: 50%; background: #fff; text-indent: 100%; white-space: nowrap; transform: translateY(-50%);}
#lp-sp-babygift .toggle_btn:before,
#lp-sp-babygift .toggle_btn:after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; background-color: #7f7f7f; content: ''; transform: translate(-50%, -50%);}
#lp-sp-babygift .toggle_btn:before { width: 2px; height: 10px;}
#lp-sp-babygift .toggle_title.selected .toggle_btn:before { content: normal;}
#lp-sp-babygift .toggle_contents dd { display: none; margin: 4% 5%; text-align: center; font-size: 16px; }
#lp-sp-babygift .bnr { margin-bottom: 3%;}
#lp-sp-babygift #brand-tab { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; width: 26.5%; border-left: 1px solid #dddddd; list-style: none; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li.tab1 { border-top: 1px solid #dddddd;}
#lp-sp-babygift #brand-tab li { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 96%; height: 45px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: no-repeat center center; color: #5b5b5b; text-align: center; line-height: 45px; cursor: pointer; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { color: #fff;}
#lp-sp-babygift #brand-tab li.active:after { position: absolute; top: 15px; right: -4px; display: block; width: 15px; height: 15px; border-top: 1px solid #acc476; border-left: 1px solid #acc476; background-color: #acc476; content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { background-color: #acc476;}
#lp-sp-babygift .view-brand-wrap { overflow: hidden; margin-bottom: 30px; width: 75%;}
#lp-sp-babygift .view-brand-wrap ul li { float: left; list-style: none;}
#lp-sp-babygift .view-brand-wrap ul li.bottom_right p { margin-top: 15px;}
#lp-sp-babygift .view-brand-wrap ul li.bottom_left { width: 30.1%;}
#lp-sp-babygift .top_btn { margin-left: 70%;}
#lp-sp-babygift .main_area .main_area_inner { display: none; float: left; margin-left: 1%; width: 72.5%;}
#lp-sp-babygift .main_area .main_area_inner.active { display: block;}
#lp-sp-babygift #brand-tab { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; width: 26.5%; border-left: 1px solid #dddddd; list-style: none; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li.tab1 { border-top: 1px solid #dddddd;}
#lp-sp-babygift #brand-tab li { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 96%; height: 45px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: no-repeat center center; color: #5b5b5b; text-align: center; line-height: 45px; cursor: pointer; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { color: #fff;}
#lp-sp-babygift #brand-tab li.active:after { position: absolute; top: 15px; right: -4px; display: block; width: 15px; height: 15px; border-top: 1px solid #acc476; border-left: 1px solid #acc476; background-color: #acc476; content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { background-color: #acc476;}
#lp-sp-babygift .category-desc { margin: 15px 0; padding: 0 0 20px; width: calc(100% + 25%); border-bottom: 2px solid #cccccc;}
#lp-sp-babygift .itemList select { width: 170px;}
#lp-sp-babygift .itemList .itemImg { margin: 0 0 18px 0;}
#lp-sp-babygift .itemList .itemInfo a { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
#lp-sp-babygift .itemList.row-fluid.liquid-column2 { margin: 0 -5px; width: calc(100% + 10px);}
#lp-sp-babygift .itemList.row-fluid.liquid-column2 [class*='span'] { margin: 0 0 10px; padding: 0 5px;}
#lp-sp-babygift .itemList.row-fluid.liquid-column2 [class*='span']:nth-of-type(4n - 3) { clear: both; margin-left: 0;}
#lp-sp-babygift .item-cart-wrap { position: absolute; top: 70px; right: 0; width: 20%; height: calc(100% - 70px);}
#lp-sp-babygift .item-cart .item-lead { padding: 20px 5px 10px;}
#lp-sp-babygift .gift-box { position: relative; display: flex; flex-wrap: wrap;}
#lp-sp-babygift #tabchangeContents { width: 80%;}
#lp-sp-babygift #tabchangeContents .tab-pane { display: none;}
#lp-sp-babygift #tabchangeContents .tab-pane.active { display: block;}
#lp-sp-babygift .main_area { overflow: hidden; margin: 30px 0 0; padding: 0;}
#lp-sp-babygift .main_area ul { width: 100%; height: auto;}
#lp-sp-babygift .main_area ul li { float: left; margin: 0 8px 0 0; list-style-type: none;}
#lp-sp-babygift .main_area ul li.main_item { margin: 0 0 20px; width: 100%;}
#lp-sp-babygift .main_area ul li.main_item img { max-width: 100%;}
#lp-sp-babygift .main_area ul li.item_description { margin: 0; padding: 0px 0 10px; width: 100%; height: auto; background-color: #FFFFFF; color: #5b5b5b; font-size: 12px; line-height: 20px;}
#lp-sp-babygift #item-cart-text { display: block; margin: 10px 0 0; color: #ff0000; font-size: 12px;}
#lp-sp-babygift .item-cart { position: sticky; top: 85px; right: 0; margin: 0 0 0 5%; padding: 0; width: 95%; height: auto; border: 1px solid #CCC; text-align: center;}
#lp-sp-babygift .item-cart .item-cart-inner { margin: 0; width: 100%; height: auto;}
#lp-sp-babygift .item-cart .in-stock { display: flex; margin: 0 0 0 9px; padding: 0 0 20px; width: 195px; flex-wrap: wrap; justify-content: center;}
#lp-sp-babygift .item-cart .in-stock span { margin-right: 5px; margin-bottom: 5px; width: 58px; height: 58px; border: 1px solid #efefef;}
#lp-sp-babygift .item-cart .item-cart-foot { margin: 0 0 0 0; width: 227px; height: 8px;}
#lp-sp-babygift .item-cart-btn { margin: 0 0 20px;}
#lp-sp-babygift .ribbon .itemList select { width: 120px;}
#lp-sp-babygift .caution_inner { margin: 35px 0 40px; padding: 50px 40px; background-color: #ededed;}
#lp-sp-babygift .caution_inner .main_txt03 { margin-top: 20px; border-bottom: none; background-color: #ffffff;}
#lp-sp-babygift .caution_inner .main_txt03 .page-description { margin: 0; padding: 2%; width: 96%;}
#lp-sp-babygift .caution_inner .attention { padding: 2px 0 2px 25px; background: url('/static/mallDefault/contents/images/sp/baby_gift/icon_attention.png') 0 0 no-repeat;}
#lp-sp-babygift .caution_inner .ttl_img02 { overflow: hidden; margin: 0 0 15px; font-size: 16px;}
#lp-sp-babygift .caution_inner .ttl_img02 span { vertical-align: bottom;}
#lp-sp-babygift .left_area { float: left; margin: 0 30px 0 0;}
#lp-sp-babygift .right_area { margin: 34px 0 13px 0;}
#lp-sp-babygift  .ribbon .itemInfo p { color: #666666;}
#lp-sp-babygift .normal { color: #000000;}
#lp-sp-babygift #brand-tab { float: left; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; width: 26.5%; border-left: 1px solid #dddddd; list-style: none; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li.tab1 { border-top: 1px solid #dddddd;}
#lp-sp-babygift #brand-tab li { position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 96%; height: 45px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: no-repeat center center; color: #5b5b5b; text-align: center; line-height: 45px; cursor: pointer; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { color: #fff;}
#lp-sp-babygift #brand-tab li.active:after { position: absolute; top: 15px; right: -4px; display: block; width: 15px; height: 15px; border-top: 1px solid #acc476; border-left: 1px solid #acc476; background-color: #acc476; content: ''; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#lp-sp-babygift #brand-tab li:hover,
#lp-sp-babygift #brand-tab li.active { background-color: #acc476;}
#lp-sp-babygift .top_btn { margin-left: 70%;}
#lp-sp-babygift .main_area .main_area_inner { display: none; float: left; margin-left: 1%; width: 72.5%;}
#lp-sp-babygift .main_area .main_area_inner.active { display: block;}
#lp-sp-babygift .main_txt03 .page-description { padding: 2% 0 2% 2%; width: 100%;}

@media (max-width: 1200px) { .navi_area ul li { width: 21.5%;}
    #lp-sp-babygift .navi_area ul:nth-of-type(2) li { width: 44.5%;}
}

@media (min-width: 768px) {
    #lp-sp-babygift .row-fluid .span3 { margin: 0; padding-left: 0.44%; width: 25%;}
}

@media (min-width: 980px) and (max-width: 1200px) {
    #lp-sp-babygift .brand_title span { margin: 0; width: 75% !important;}
    #lp-sp-babygift .itemList.row-fluid.liquid-column2 { width: 100%;}
    #lp-sp-babygift .navi_area ul li:last-of-type { margin-top: 1.5%; width: 43.8%;}
}

/* pc */
@media (max-width: 979px) {
    #lp-sp-babygift .ribbon .itemList select { width: 92px;}
}

@media (min-width:768px) and (max-width: 979px) {
    #lp-sp-babygift #brand-tab { padding: 0; width: 25%;}
    #lp-sp-babygift #brand-tab li:nth-child(3n-1),
    #lp-sp-babygift #brand-tab li { width: 96%; font-size: 10px;}
    #lp-sp-babygift #tabchangeContents { width: 68%;}
    #lp-sp-babygift .category-desc { width: calc(100% + 47.5%);}
    #lp-sp-babygift .item-cart-wrap { width: 32%;}
    #lp-sp-babygift .main_area .main_area_inner { margin-left: 2%; width: 73%;}
    #lp-sp-babygift .main_area ul li.main_item img { max-width: 100%;}
    #lp-sp-babygift .main_area ul li:nth-child(3n-3) { margin: 0; padding: 0 2.5%; width: 65%; font-size: 9px; line-height: 14px;}
    #lp-sp-babygift .itemList.row-fluid.liquid-column2 { width: 100%;}
}

@media only screen and (max-width: 767px) {
    #lp-sp-babygift h3 { font-size: 16px; line-height: 1.3;}
    #lp-sp-babygift .titleArea { margin-top: 8%; margin-bottom: 12%; font-size: 12px; line-height: 24px;}
    #lp-sp-babygift .naviArea ul { border: none;}
    #lp-sp-babygift .naviArea ul li { margin-bottom: 2%; width: 49%; border: 1px solid #c8c8c8;}
    #lp-sp-babygift .naviArea ul li:first-child { border-left: 1px solid #c8c8c8;}
    #lp-sp-babygift .naviArea ul li:nth-child(even) { margin-left: 2%;}
    #lp-sp-babygift .contents > p { padding: 0 4%; text-align: left;}
    #lp-sp-babygift .contents { padding-top: 13%; padding-bottom: 13%;}
    #lp-sp-babygift .border-action p { margin: 5% 0 0;}
    #lp-sp-babygift .border-action2 { margin: 10% 0 -5%;}
    #lp-sp-babygift .navi_area ul { margin-bottom: 9%; text-align: center; flex-wrap: wrap;}
    #lp-sp-babygift .navi_area ul li { margin-bottom: 2%; width: 47%;}
    #lp-sp-babygift .navi_area ul li:nth-child(odd) { margin-left: 0%;}
    #lp-sp-babygift .navi_area ul li a { display: block; padding: 6%; border: 2px solid #a1b4de; text-align: center; font-size: 12px; line-height: 1.8;}
    #lp-sp-babygift .navi_area ul:nth-of-type(2) li { width: 96%;}
    #lp-sp-babygift .navi_area ul li:last-of-type { margin-top: 0; width: 96%;}
    #lp-sp-babygift .navi_area ul li:last-of-type a { margin-left: 0;}
    #lp-sp-babygift .toggle_contents { width: 100%;}
    #lp-sp-babygift .toggle_contents dd { display: none; margin: 4% 5%; text-align: center; font-size: 12px; }
    #lp-sp-babygift .toggle_title { font-size: 13px;}
    #lp-sp-babygift .faq_area { margin-top: 8%; margin-bottom: 8%;}
    #lp-sp-babygift .tab_subttl { margin-top: 13%;}
    #lp-sp-babygift .contents .row-fluid .span6 { float: none; margin: 0 auto !important; margin-left: 0; width: 90%;}
    #lp-sp-babygift .contents .row-fluid .span6 img { max-width: 100%; width: 100%;}
    #lp-sp-babygift .contents p { font-size: 12px; line-height: 24px;}
    #lp-sp-babygift .bnr { margin-bottom: 7%;}
    #lp-sp-babygift .navi_area ul li a span { display: block; font-size: 10px;}
    /*index_detail*/
    #lp-sp-babygift .category-desc { width: 100%;}
    #lp-sp-babygift .item-cart-wrap { position: static; float: none; padding: 20px 0 0; width: auto; height: auto; border-top: 1px solid #dddddd; background-color: #EDEDED;}
    #lp-sp-babygift #tabchangeContents { width: 100%;}
    #lp-sp-babygift .main_area { margin: 0 0 0; padding: 0 0 0;}
    #lp-sp-babygift .main_area ul { width: 100%;}
    #lp-sp-babygift .main_area ul li { margin: 0;}
    #lp-sp-babygift .main_area ul li.main_item { margin: 0 0 10px !important;}
    #lp-sp-babygift .main_area ul li strong { display: block; margin: 0 0 5px;}
    #lp-sp-babygift .main_area ul li.item_description { margin: 0; padding: 1%; width: 98%; height: auto; background-color: #fff; color: #5b5b5b;}
    #lp-sp-babygift .main_area .main_area_inner { margin: 0; width: 100%;}
    #lp-sp-babygift .main_area ul li.main_item img { max-width: 100%;}
    #lp-sp-babygift .caution_inner { margin: 0 0 30px; padding: 10px; background-color: #ededed;}
    #lp-sp-babygift .caution_inner .ttl_img02 { margin: 10px 0 20px; text-align: center;}
    #lp-sp-babygift .caution_inner .ttl_img02 img { float: none;}
    #lp-sp-babygift .caution_inner .ttl_img02 span { display: block; margin: 0; padding: 0; width: 100%; text-align: center;}
    #lp-sp-babygift .item-cart { position: static; top: 0; right: 0; margin: 0 auto; width: 75%; height: auto; background: white; text-align: center;}
    #lp-sp-babygift .item-cart.active { position: static; top: 0;}
    #lp-sp-babygift .item-cart .item-cart-inner { margin: 0; width: 100%; height: auto; background: transparent;}
    #lp-sp-babygift .item-cart .in-stock { float: none !important; margin: 0 0 0 0; padding: 0 0 20px; width: 100% !important;}
    #lp-sp-babygift .item-cart .in-stock span { margin: 0 5px 5px 5px;}
    #lp-sp-babygift .item-cart .item-cart-foot { display: none; margin: 0 0 0 0; width: 227px; height: 8px; background: transparent;}
    #lp-sp-babygift .item-cart .item-cart-inner { border: none;}
    #lp-sp-babygift .itemList.row-fluid.liquid-column2 { margin-left: 0; width: 100% !important;}
    #lp-sp-babygift #brand-tab { padding: 0; width: 100%;}
    #lp-sp-babygift #brand-tab li { display: flex; width: 50%; background: no-repeat center center; -webkit-background-size: 170px 24px; -moz-background-size: 170px 24px; -o-background-size: 170px 24px; background-size: 170px 24px; line-height: 1.5; -ms-background-size: 170px 24px; justify-content: center; align-items: center;}
    #lp-sp-babygift #brand-tab li.active:after { display: none;}
    #lp-sp-babygift #brand-tab li.tab2 { border-top: 1px solid #dddddd;}
    #lp-sp-babygift .main_txt03 { margin: 20px 0 2%; padding: 2%; width: auto;}
    #lp-sp-babygift #baby-content-tab01,
    #lp-sp-babygift #baby-content-tab02,
    #lp-sp-babygift #baby-content-tab03,
    #lp-sp-babygift #baby-content-tab04,
    #lp-sp-babygift #baby-content-tab05 { margin-top: -100px; padding-top: 100px;}
}

@media (max-width: 320px) {
    #lp-sp-babygift .navi_area ul li a { padding: 5%; font-size: 10px;}
}