#lp-sp-old { margin: auto; padding: 60px 0 0; width: 960px; line-height: 1.75;}
#lp-sp-old img { max-width: 100%; width: auto;}

@media only screen and (max-width: 979px) {
    #lp-sp-old { padding: 30px 0 0; width: 100%;}
}

/*---------------------------------
sp content - fashion_accessory
---------------------------------*/
#lp-sp-old .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-old .cfix { min-height: 1px;}
#lp-sp-old li { list-style-type: none;}
#lp-sp-old .sp-wrap { overflow: hidden;}
#lp-sp-old .sp-main { float: left;}
#lp-sp-old a.a_color { color: #29aabf; text-decoration: underline;}

/*---brand_title---*/
#lp-sp-old #brand-wrap h1 { margin: 0 0 4%; padding-left: 0; border-left: none; letter-spacing: normal;}
#lp-sp-old .brand_title span { width: 73%;}
#lp-sp-old #main_txt { text-align: center;}
#lp-sp-old .all-view-page #main_txt h2 { font-weight: bold; font-size: 21px; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#lp-sp-old #main_txt p { letter-spacing: 0.1em; line-height: 1.8;}
#lp-sp-old .ttl01 { margin-bottom: 2%; text-align: center; font-size: 18px;}
#lp-sp-old .ttl02 { margin-bottom: 2%; text-align: center; font-weight: bold; font-size: 30px; line-height: 35px;}
#lp-sp-old .ttl03 { margin-bottom: 5%; text-align: center; font-size: 12px;}
#lp-sp-old .ttl04 { font-size: 13px;}
#lp-sp-old h3.ttl05 { margin: 1% auto 0%; font-weight: bold; font-size: 21px; font-family: sans-serif;}
#lp-sp-old .intro { text-align: center;}
#lp-sp-old .head_box { margin: 5% auto 2%; width: 80%; text-align: center;}
#lp-sp-old .head_box img{ display: inline;}
#lp-sp-old .lineup a { text-decoration: underline; font-size: 13px; line-height: 25px;}
#lp-sp-old .lineup_left { display: inline-block; width: 21%; text-align: left;}
#lp-sp-old .lineup_right { display: inline-block; padding-left: 7%; width: 16%; height: 146px; border-left: solid 1px #d2d2d2; vertical-align: top; text-align: left;}
#lp-sp-old .btn_area { margin: 2% auto 10%;}
#lp-sp-old .btn_area a { display: block; margin: 0 auto; padding: 10px; width: 50%; background: #28a1b4; color: #fff; text-align: center; font-size: 12px; line-height: 20px;}
#lp-sp-old .btn_area img { display: initial; margin-right: 2%;}
#lp-sp-old .btn_area2 { margin: 2% auto 2%;}
#lp-sp-old .btn_area2 a { display: block; margin: 0 auto; padding: 10px; width: 50%; background: #28a1b4; color: #fff; text-align: center; font-size: 12px; line-height: 20px;}
#lp-sp-old .btn_area2 img { display: initial; margin-right: 2%;}
#lp-sp-old .bottom_box { margin: 2% auto 15%;}
#lp-sp-old .bottom_left { display: inline-block; margin-left: 14%; width: 18%; vertical-align: top;}
#lp-sp-old .bottom_right { display: inline-block; width: 60%; vertical-align: bottom;}
#lp-sp-old .txtArea { text-align: center;}
#lp-sp-old .txtArea p { margin: 3% 0 0; line-height: 1.8;}
#lp-sp-old .first { margin-top: 6%; text-align: center;}
#lp-sp-old .first img{ display: inherit;}

/*---page-description---*/
#lp-sp-old .page-description { margin-top: 3%; text-align: center; font-size: 11px;}
#lp-sp-old .page-description span { display: block; margin-bottom: 25px; font-size: 15px;}
#lp-sp-old p.guide_btn { box-sizing: border-box; margin: 3% auto 1%; padding: 12px; width: 47%; border: 1px solid #000; font-size: 14px;}
#lp-sp-old p.guide_btn img { margin-right: 4%;}

/*------contents----*/
#lp-sp-old .contents { margin-top: 50px;}
#lp-sp-old .border-action p.contents_text { margin-bottom: 3%;}
#lp-sp-old .border-action p.item-title { margin-top: 0;}
#lp-sp-old .border-action { margin-bottom: 5%; padding-bottom: 5%; border-bottom: solid 1px #d9d9d9;}
#lp-sp-old .border-action.contentEnd { border-bottom: 0;}
#lp-sp-old #items1 { margin-bottom: 70px;}
#lp-sp-old .list-link-btn { margin: 30px 0 60px 0;}
#lp-sp-old .list-link-btn_last { margin: 20px 0 5px 0;}
#lp-sp-old .summer-cleaning-title,
#lp-sp-old clearfix { margin: 20px 0 30px 0;}
#lp-sp-old .main_img { margin: 0 0 32px 0;}
#lp-sp-old p.contents_text { margin: 3% 0 0; padding-bottom: 4%; border-bottom: 1px solid #d9d9d9;}
#lp-sp-old .allBtn { margin-bottom: 5%;}
#lp-sp-old .infocontents { padding: 8% 0;}

/*item
---------------------------------*/
#lp-sp-old .item li.span8.right { margin-left: 0; width: 50%; text-align: right;}
#lp-sp-old .item li.span4.right { margin: 0; width: 50%;}
#lp-sp-old .item span { display: inline-block; margin-bottom: 2.5%;}
#lp-sp-old p.item_text { margin: 2% 0 18%;}
#lp-sp-old p.item_detail { margin: 0 0 2%; font-size: 10px;}
#lp-sp-old ul.item.cfix.lastitem { margin-bottom: -1%; border: none;}
#lp-sp-old .itemall_title { margin-bottom: 5%; border-bottom: solid 1px #d9d9d9;}
#lp-sp-old div.itemall_title.last { margin-bottom: 0; border: none;}
#lp-sp-old .itemall_title ul.item { margin-bottom: 4%;}

/*---------------------------------
@media query
---------------------------------*/
@media only screen and (max-width: 1200px) {
    #lp-sp-old .item li.span4.right { margin: 0 2% 0 0; width: 43%;}
}

@media only screen and (max-width: 979px) {
    #lp-sp-old p.slide_text { margin: 4% 0 0 -10%; text-align: center;}
    #lp-sp-old .bx-wrapper .bx-controls-direction a { top: -850%;}
}

@media only screen and (min-width:767px) and (max-width: 979px) {
    #lp-sp-old .fashion_accessory { width: 100%;}
    #lp-sp-old .sub-contants-wrap { display: none;}
}

@media only screen and (max-width: 767px) {

    /*---brand_title---*/
    #lp-sp-old .brand_title span { margin-top: 3%; width: 100%;}
    #lp-sp-old .brand_title strong { display: inline; text-align: left; font-size: 13px;}
    #lp-sp-old .brand_title strong img { display: block; float: inherit; margin: auto;}
    #lp-sp-old #main_txt,
    #lp-sp-old .page-description { text-align: left;}
    #lp-sp-old .ttl02 { font-size: 20px;}
    #lp-sp-old h3.ttl05 { margin: 2% auto 0%; font-weight: bold; font-size: 18px; font-family: sans-serif;}
    #lp-sp-old .head_left { display: block; margin: 0 auto; width: 60%;}
    #lp-sp-old .head_right { display: block; margin-left: 0%; width: 100%; text-align: center;}
    #lp-sp-old .lineup_sp { margin: 5% auto 0; text-align: center;}
    #lp-sp-old .lineup a { font-size: 12px; line-height: 22px;}
    #lp-sp-old .btn_area { margin: 8% auto 0%;}
    #lp-sp-old .btn_area a { width: 80%;}
    #lp-sp-old .btn_area2 { margin: 8% auto 5%;}
    #lp-sp-old .btn_area2 a { width: 80%;}
    #lp-sp-old .bottom_left { display: block; margin: 0 auto 5%; width: 27%;}
    #lp-sp-old .bottom_right { display: block; margin: 0 auto; width: 90%; text-align: center;}
    #lp-sp-old .ttl01 { margin-top: 5%;}
    #lp-sp-old .intro { margin-top: 10%;}
    #lp-sp-old .first { margin-top: 15%;}
    #lp-sp-old #fashion_accessory_nav { margin-top: 8%; padding-bottom: 8%;}
    #lp-sp-old p.slide_text { margin: 4% 0 0 -8%;}
    #lp-sp-old p.center { margin-bottom: 0;}
    #lp-sp-old div#delivery_info { margin: 5% 0 20%;}
    #lp-sp-old .border-action p.contents_text { margin-top: 3%;}
    #lp-sp-old .border-action { margin-bottom: 6%; padding-bottom: 6%; border-bottom: solid 1px #d9d9d9;}
    #lp-sp-old .sub-contants-wrap { display: none;}
    #lp-sp-old #fashion_accessory_nav ul#fashion_accessory li { float: left; width: 50%; list-style: outside none none;}

    /*---campaign_box---*/
    #lp-sp-old .campaign_inner { padding: 4%;}
    #lp-sp-old .campaign_inner li.span9 { float: none; width: 100%;}
    #lp-sp-old .campaign_inner .row-fluid .span4 { margin: 4% 0 0; width: 100%; text-align: center;}

    /*item
    ---------------------------*/
    #lp-sp-old p.item_text { margin: 2% 0 5%;}
    #lp-sp-old .item { padding: 0 14% 0;}
    #lp-sp-old .item { padding-bottom: 50px;}
    #lp-sp-old .item li.span8.left,
    #lp-sp-old .item li.span4.left,
    #lp-sp-old .item li.span4.right { width: 100%;}
    #lp-sp-old .item li.span8.left,
    #lp-sp-old .center { text-align: center;}
    #lp-sp-old .item span { display: inline-block; font-weight: bold; font-size: 15px;}
    #lp-sp-old p.item_text:nth-of-type(1) { margin-bottom: 1%;}
    #lp-sp-old span.icon_furniture { display: inline-block; margin: 1% 5px; padding: 2px 4px; width: 50px; background-color: #6ab46a; color: #fff; text-align: center; font-size: 10px; line-height: 14px;}
    #lp-sp-old .item li.span4.right { margin: 2% 2% 0 0;}
    #lp-sp-old ul#FRAME { padding-bottom: 0;}

    /*shop
    ---------------------------*/
    #lp-sp-old .shopArea .row-fluid [class*="span"] { margin: auto; width: 315px;}
    #lp-sp-old p.shopBtn { margin-bottom: 10%;}
    #lp-sp-old p.date { font-size: 12px;}
    #lp-sp-old p.shopArea_ttl { font-size: 15px;}
    #lp-sp-old p.shop_name { font-size: 13px;}
    #lp-sp-old ul.cfix.row-fluid.shopArea:nth-of-type(2) { margin: 0 0 20%;}

}

/*---------------------------------
item list @brand.css
---------------------------------*/
#lp-sp-old .all-view-page h2 { margin-bottom: 20px;}
#lp-sp-old #item-all-wrap { overflow: hidden; border: solid 1px #ddd; border-right: none; border-bottom: none;}
#lp-sp-old .item-all,
#lp-sp-old #item-all { overflow: hidden; margin-bottom: 20px; border: solid 1px #ddd; border-right: none; border-bottom: none;}
#lp-sp-old .item-less { border: none; border-left: solid 1px #ddd;}
#lp-sp-old .item-less .item-result { border-top: solid 1px #ddd;}
#lp-sp-old .item-wrap { position: relative; float: left; width: 33.3333333%;}
#lp-sp-old .item-wrap span.stytas { position: absolute; top: 13px; padding: 0 15px; background: #d79f9f; color: #fff;}
#lp-sp-old .item-result { padding: 10px; border: solid 1px #ddd; border-top: none; border-left: none;}
#lp-sp-old .item-result img { margin-bottom: 5px;}
#lp-sp-old .item-result strong { display: block; margin-bottom: 5px; font-size: 15px;}
#lp-sp-old .item-result span { display: block; margin-bottom: 5px;}
#lp-sp-old .item-result p { font-weight: bold; font-size: 15px;}

@media only screen and (max-width: 979px) {
    #lp-sp-old .item-wrap { float: left; width: 50%;}
    #lp-sp-old p.summerelect_btn_pc { margin-bottom: 0; padding: 255px 300px 60px 40px !important;}
    #lp-sp-old .two_colum_left { float: none; margin-bottom: 10px; text-align: center;}
    #lp-sp-old .two_colum_right { margin-left: 0px;}
    #lp-sp-old #list-box h3 strong { display: block; float: left; margin: 0px; padding: 10px; width: 75%; border-left: dashed 1px #b3b3b3; vertical-align: middle;}
    #lp-sp-old .all-view-page .brand-tab-three li { width: 50% !important;}
    #lp-sp-old .all-view-page #brand-tab li a { height: 40px;}
}

/*---------------------------------
side menu widget @brand.css
---------------------------------*/
#lp-sp-old .brand-result { margin-bottom: 100px;}
#lp-sp-old .brand-result ul { overflow: hidden; width: 100%; list-style: none;}
#lp-sp-old .brand-result ul li { float: left; margin-right: 7%; padding: 5px 0; width: 43%; height: 38px; border-bottom: solid 1px #ddd; text-align: center;}
#lp-sp-old .brand-result ul li img { height: 38px;}

@media only screen and (max-width: 480px) {
    #lp-sp-old .item { padding: 0 6% 6%;}
    #lp-sp-old p.item_text { margin: 3% 0 10%;}
    #lp-sp-old .item li.span4.left,
    #lp-sp-old .item li.span4.right { margin: 15px 0 0 0; width: 100%;}
    #lp-sp-old .contents { margin-top: 25px;}
    #lp-sp-old p.center.allBtn { margin-bottom: 10%; padding-top: 25px;}
    #lp-sp-old p.contents_text { margin: 4% 0 0; padding-bottom: 4%; border-bottom: 1px solid #d9d9d9;}
    #lp-sp-old .all-view-page #main_txt h2 { text-align: center; font-size: 18px; line-height: 1.8;}
    #lp-sp-old #main_txt p { text-align: center;}
    #lp-sp-old .txtArea div img { height: 25px;}
    #lp-sp-old .txtArea p { margin: 5% auto 0; width: 95%;}
}