#lp-sp-ccc { margin: 0 auto; background-color: #eae8e5; line-height: 1.75;}
#lp-sp-ccc img { display: initial; max-width: 100%;}
#lp-sp-ccc .brand-wrap { width: 1200px; margin: 0px auto;}

@media only screen and (max-width: 979px) {
    #lp-sp-ccc { width: 100%; background-color: #eae8e5; }
    #lp-sp-ccc .brand-wrap { width:100%; margin: 0px auto;}
}

#lp-sp-ccc .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-ccc .cfix { min-height: 1px;}
#lp-sp-ccc .sp_main { overflow: hidden;}
#lp-sp-ccc #brand-main { margin-bottom: 6%;}
#lp-sp-ccc .cushion { text-align: center;}
#lp-sp-ccc .cushion p { text-align: center; letter-spacing: 0.01em; font-size: 14px; line-height: 1.7;}
#lp-sp-ccc .cushion #COORDINATE p,
#lp-sp-ccc .cushion #RANKING p { margin: 0 auto 40px;}
#lp-sp-ccc .cushion #COORDINATE .hacobune-gallery .hacobune-app-container { background:none; }
#lp-sp-ccc .cushion li { list-style: none;}
#lp-sp-ccc .cushion h1 { margin: 0; padding: 0; border: none;}
#lp-sp-ccc .cushion h2 { margin-bottom: 3%; font-weight: 500; font-size: 50px; font-family: futura-pt, sans-serif;}
#lp-sp-ccc .cushion h3 { margin: 100px 0 15px; font-weight: 500; font-size: 36px; font-family: futura-pt, sans-serif;}
#lp-sp-ccc .cushion #RANKING h3 { margin: 75px 0 10px;}
#lp-sp-ccc .cushion h4 { padding-top: 20px; font-weight: 500; font-size: 28px; font-family: futura-pt, sans-serif;}
#lp-sp-ccc .cushion section:first-of-type { border-top: none;}
#lp-sp-ccc .cushion .center a { margin: 0 auto !important; padding: 25px 125px; background-color: #fff; font-size: 14px;}
#lp-sp-ccc .cushion .center a img{ width: auto; magin: 0 30px 0 0;}
#lp-sp-ccc .cushion .navi_area a { display: block; padding: 20px 0; width: 100%; background-color: #f4f4f4; color: #000; font-size: 16px;}
#lp-sp-ccc .cushion .navi_area a:hover { color: #000;}
#lp-sp-ccc .cushion #salesranking .tab_ttl { display: none;}
#lp-sp-ccc .cushion .top_area { margin-bottom: 4%;}
#lp-sp-ccc .cushion .top_img { margin-bottom: 3%;}
#lp-sp-ccc .cushion .sec_txt { margin: 0px auto 50px;}
#lp-sp-ccc .cushion .sec_item_txt { margin: 30px auto 0; max-width: 630px; text-align: left;}
#lp-sp-ccc .cushion .item { margin-top: 40px;}
#lp-sp-ccc .cushion .navi_area ul { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-evenly; margin: 3% auto;}
#lp-sp-ccc .cushion .navi_area ul li { display: inline-block; width: 280px; background: #f4f4f4; font-weight: bold;}
#lp-sp-ccc .cushion .navi_area ul li img { margin-right: 12px; width: auto;}
#lp-sp-ccc .cushion #COLUMN .navi_area ul li:nth-child(3) { width: 370px;}
#lp-sp-ccc .cushion #COLUMN hr { border: 1px dotted #ffffff; width: 90%; margin: 20px auto 50px; }
#lp-sp-ccc .cushion .ecbn-selection-widget .ttle_instagram h2 { display: none;}
#lp-sp-ccc #COLUMN .code_clm { margin: 3.5% auto 8%;}
#lp-sp-ccc #COLUMN .code_clm p { font-size: 14px;}
#lp-sp-ccc #COLUMN .code_clm p span.sub_ttl { display: block; margin: 20px auto 10px; text-decoration: underline; font-weight: normal;}
#lp-sp-ccc #COLUMN .code_clm p span.ttl { display: block; margin-bottom: 15px; font-weight: 600; font-size: 18px;}
#lp-sp-ccc #BEST_SELLER ul.item_list > li { margin-bottom: 30px;}
#lp-sp-ccc #BRAND_ITEM .sec_item_txt { display: flex; margin: 50px auto 0; max-width: 85%;}
#lp-sp-ccc #BRAND_ITEM .brand_item_detail { width: 55%;}
#lp-sp-ccc #BRAND_ITEM .brand_item_detail p { margin-bottom: 20px; margin-left: 30px; text-align: left; letter-spacing: 0.1em; line-height: 1.8;}
#lp-sp-ccc #BRAND_ITEM .brand_item_detail span { display: inline-block; margin-top: 15px; padding: 2px 10px; border: 1px solid #426fc4; color: #426fc4;}
#lp-sp-ccc #BRAND_ITEM .brand_item_img { margin-bottom: 15px; width: 75%;}
#lp-sp-ccc .slide_all { width: 730px; height: 426px;}
#lp-sp-ccc .slide { width: 630px !important;}
#lp-sp-ccc .slide_wrap { left: 56.5%;}
#lp-sp-ccc .bx-wrapper .bx-controls-direction a.bx-next { left: 712px;}
#lp-sp-ccc #NEWARRIVAL,
#lp-sp-ccc #ORIGINAL,
#lp-sp-ccc #BRAND_ITEM{ margin-top: -5px; padding-top: 5px;}
#lp-sp-ccc #COLUMN { margin: 0px auto; width: 80%;}

@media only screen and (min-width:767px) and (max-width: 979px) {
    #lp-sp-ccc .slide_wrap { left: 11.5%;}
    #lp-sp-ccc .bx-wrapper .bx-controls-direction a.bx-next { left: 555px;}
}

@media only screen and (max-width: 767px) {
    #lp-sp-ccc .cushion p { text-align: center; letter-spacing: 0; font-size: 12px; line-height: 1.6;}
    #lp-sp-ccc .cushion h2 { margin-bottom: 4%; font-size: 30px;}
    #lp-sp-ccc .cushion h3 { margin: 80px 0 10px; font-size: 26px;}
    #lp-sp-ccc .cushion #RANKING h3 { margin: 55px 0 10px;}
    #lp-sp-ccc .cushion h4 { margin: 16px 0 8px; padding-top: 0; font-size: 24px;}
    #lp-sp-ccc .cushion .center a { padding: 12px 0; width: 90%; font-size: 12px;}
    #lp-sp-ccc .cushion .navi_area a { padding: 15px 0; font-size: 13px;}
    #lp-sp-ccc .cushion .sec_txt { width: 100%; margin: 0px auto 20px;}
    #lp-sp-ccc .cushion .top_area { margin-bottom: 7%;}
    #lp-sp-ccc .cushion .top_img { margin-bottom: 5%;}
    #lp-sp-ccc .cushion .item { margin: 30px auto 0; width: 90%;}
    #lp-sp-ccc .cushion .sec_item_txt { margin: 20px auto 0; width: 95%;}
    #lp-sp-ccc .cushion .navi_area ul li { margin: 2% 1%; width: 46%;}
    #lp-sp-ccc #COLUMN .code_clm { margin: 7% auto 20%;}
    #lp-sp-ccc #COLUMN .code_clm p { font-size: 12px;}
    #lp-sp-ccc #COLUMN .code_clm p span.ttl { margin-bottom: 15px; font-size: 16px;}
    #lp-sp-ccc #BRAND_ITEM .sec_item_txt { display: block; margin: 30px auto 0; max-width: 95%;}
    #lp-sp-ccc #BRAND_ITEM .brand_item_detail { width: 100%;}
    #lp-sp-ccc #BRAND_ITEM .brand_item_detail p { margin-top: 20px; margin-bottom: 16px; margin-left: 0; letter-spacing: 0; line-height: 1.8;}
    #lp-sp-ccc #BRAND_ITEM .brand_item_img { width: 50%;}
    #lp-sp-ccc #NEWARRIVAL,
    #lp-sp-ccc #ORIGINAL,
    #lp-sp-ccc #BRAND_ITEM,
    #lp-sp-ccc #COLUMN { margin-top: -80px; padding-top: 80px;}
    #lp-sp-ccc .cushion li { list-style: none;}
}

@media only screen and (max-width: 550px) {
    #lp-sp-ccc .slide.smp { width: 2.18% !important;}
    #lp-sp-ccc .slide_wrap { left: 1.5%;}
    #lp-sp-ccc .bx-wrapper .bx-controls-direction a.bx-next { left: 84% !important;}
    #lp-sp-ccc .bx-controls { bottom: -20px;}
}

@media only screen and (max-width: 320px) {
    #lp-sp-ccc .slide img { width: 86%;}
}