#lp-sp-old { margin: auto; width: 960px; line-height: 1.75;}
#lp-sp-old img { display: initial; max-width: 100%; width: auto; vertical-align: middle;}

@media only screen and (max-width: 979px) {
    #lp-sp-old { 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;}

/*----nav----*/
#lp-sp-old #brand-spira li { margin-bottom: 1%; width: 24%; text-align: center;}
#lp-sp-old .all-view-page .brand-btn-cmn { display: flex; overflow: hidden; margin-top: 20px; margin-bottom: 85px; border: none; list-style: none; justify-content: space-between;}
#lp-sp-old .all-view-page .brand-btn-cmn li a { display: block; border: solid 0.5px #dddddd;}

/*------contents----*/
#lp-sp-old .contents { margin-top: 50px;}
#lp-sp-old .logo { margin: 5% auto 5%; width: 28%; text-align: center;}
#lp-sp-old p.lead { margin-bottom: 5%; text-align: center;}
#lp-sp-old p.price_title { padding-top: 2%; margin-bottom: 2%; text-align: center; font: bold 18px/17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; line-height: 20px;}
#lp-sp-old p.price_text { margin-bottom: 2%; text-align: center;}
#lp-sp-old p.price_link { margin-bottom: 7%; text-align: center;}
#lp-sp-old p.price_link a { border-bottom: solid 1px #000000;}
#lp-sp-old .itemall_title h2 { margin-bottom: 40px; padding-left: 15px; border-left: solid 5px #000000; color: #000000; font: bold 18px/17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; line-height: 20px;}
#lp-sp-old .center { margin-top: 0; margin-bottom: 15%; padding: 0;}
#lp-sp-old .border-action { margin-bottom: 5%; padding-bottom: 3%; border-bottom: solid 1px #d9d9d9;}
#lp-sp-old .border-action.contentEnd { border-bottom: 0;}
#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 .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 p.center.allBtn { padding-top: 50px;}

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

@media only screen and (max-width: 767px) {
    #contents_wrap { padding: 0 22px;}
    #lp-sp-old .logo { margin: 10% auto; width: 45%;}
    #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 li.page-description.span8 { margin-bottom: 5%;}
    #lp-sp-old .all-view-page .brand-btn-cmn { flex-wrap: wrap;}
    #lp-sp-old #brand-spira { padding-top: 10%;}
    #lp-sp-old #brand-spira li { margin-bottom: 2%; width: 49%;}
    #lp-sp-old #tab1,
    #lp-sp-old #tab2,
    #lp-sp-old #tab3,
    #lp-sp-old #tab4 { margin-top: -100px; padding-top: 100px;}
    #lp-sp-old p.price_title { padding-top: 15%; margin-bottom: 4%; text-align: center; font: bold 18px/17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; line-height: 20px;}
    #lp-sp-old p.price_text { margin-bottom: 4%; text-align: center;}
    #lp-sp-old p.price_link { margin-bottom: 10%; text-align: center;}
}

/*---------------------------------
item list @brand.css
---------------------------------*/
#lp-sp-old .all-view-page h2 { margin-bottom: 20px;}

@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 .contents { margin-top: 25px;}
    #lp-sp-old p.center.allBtn { margin-top: 50px; padding-top: 50px;}
    #lp-sp-old p.center.allBtn { padding-top: 25px;}
    #lp-sp-old p.contents_text { margin: 4% 0 0; padding-bottom: 4%; border-bottom: 1px solid #d9d9d9;}
}