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

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

/*---------------------------------
pc content
---------------------------------*/
#lp-sp-old ul { list-style: none;}
#lp-sp-old .cfix:after { display: block; visibility: hidden;clear: both; height: 0;  content: ".";}
#lp-sp-old .cfix { min-height: 1px;}
#lp-sp-old .sp-wrap { overflow: hidden;}
#lp-sp-old .sp-main { float: left;}
#lp-sp-old #brand-main h2 { margin-bottom: 40px;letter-spacing: 0.1em;  font-size: 58px; font-family: mrs-eaves, serif;}
#lp-sp-old #brand-main h2 span { display: block; letter-spacing: 0.2em; font-weight: 400; font-size: 18px; font-family: yu-mincho-pr6n, sans-serif;}
#lp-sp-old #brand-main h3 { font-weight: bold; font-size: 22px;}
#lp-sp-old #brand-main .center { margin: 0 auto;}
#lp-sp-old #brand-main .border-action { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #c8c8c8;}
#lp-sp-old .border-action > p { margin: 0;}

/*---------------------------------
top area
---------------------------------*/
#lp-sp-old #brand-main.all-view-page { margin: 0 auto 60px; text-align: center;}
#lp-sp-old #brand-main .top_area { margin-bottom: 60px;}
#lp-sp-old #brand-main .main_img { margin-bottom: 30px;}
#lp-sp-old #brand-main .main_txt { letter-spacing: 0.05em; font-size: 14px; line-height: 1.6;}

/*---------------------------------
nav
---------------------------------*/
#lp-sp-old nav .nav_ttl { margin-bottom: 35px; letter-spacing: 0.05em; font-size: 34px; font-family: mrs-eaves, serif;}
#lp-sp-old nav .nav_ttl span { display: block; margin-top: 10px; letter-spacing: 0.1em; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;}
#lp-sp-old nav ul.brand_nav { display: flex; margin: 0 auto; flex-wrap: wrap;}
#lp-sp-old nav ul.brand_nav > li { display: table; margin-bottom: 15px;  width: calc((100% - 53px) / 5);}
#lp-sp-old nav ul.brand_nav > li:nth-of-type(4) { margin-right: 0;}
#lp-sp-old nav ul.brand_nav > li:last-of-type { margin-right: 0;}
#lp-sp-old nav ul.brand_nav > li a { display: table-cell; padding: 0 10px; vertical-align: middle;}
#lp-sp-old nav ul.brand_nav > li img { display: block; margin: 0 auto; width: 100%;}

/*---------------------------------
brand item lineup
---------------------------------*/
#lp-sp-old ul#brand-item-lineup > li { margin-top: -30px; padding-top: 30px;}
#lp-sp-old #brand-main ul#brand-item-lineup > li h3 img { display: block; max-width: 230px;}
#lp-sp-old .brand_area { display: flex; margin: 0 auto 40px; width: 100%;}
#lp-sp-old .brand_area div { width: calc(100% / 2);}
#lp-sp-old .brand_area div:first-of-type { margin-right: 30px;}
#lp-sp-old .brand_area p.brand_txt { margin-top: 20px; text-align: left; letter-spacing: 0.12em; font-size: 14px; line-height: 1.6;}

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

@media only screen and (max-width: 767px) {
    /*---------------------------------
    pc content
    ---------------------------------*/
    #lp-sp-old #brand-main .border-action { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #c8c8c8;}
    #lp-sp-old #brand-main h2 { margin-bottom: 20px; font-size: 36px;}
    #lp-sp-old #brand-main h2 span { margin-top: 4px; letter-spacing: 0.1em; font-size: 14px;}
    #lp-sp-old #brand-main h3 { margin: 30px auto 0; width: 100%;}
    #lp-sp-old #brand-main .center { margin: 0 auto 10px;}
    /*---------------------------------
    top area
    ---------------------------------*/
    #lp-sp-old #brand-main.all-view-page { margin: 0 auto 20px;}
    #lp-sp-old #brand-main .top_area { margin-bottom: 40px;}
    #lp-sp-old #brand-main .main_txt { font-size: 12px;}
    #lp-sp-old #brand-main .main_img { margin-bottom: 20px;}
    /*---------------------------------
    nav
    ---------------------------------*/
    #lp-sp-old nav ul.brand_nav { margin: 0 auto; width: 92%; justify-content: left;}
    #lp-sp-old nav .nav_ttl { margin-bottom: 25px; font-size: 24px;}
    #lp-sp-old nav .nav_ttl span { margin-top: 4px;}
    #lp-sp-old nav ul.brand_nav > li { min-height: 90px; width: calc((100% - 19px) / 2);}
    #lp-sp-old nav ul.brand_nav > li { margin-right: 15px;}
    #lp-sp-old nav ul.brand_nav > li:nth-of-type(2n) { margin-right: 0;}
    #lp-sp-old nav ul.brand_nav > li:nth-of-type(4) { margin-right: 0;}
    #lp-sp-old nav ul.brand_nav > li:last-of-type { margin-right: 0;}
    #lp-sp-old nav ul.brand_nav > li:first-of-type img { max-width: 120px;}
    #lp-sp-old nav ul.brand_nav > li:nth-of-type(2) img { max-width: 140px;}
    /*---------------------------------
    brand item lineup
    ---------------------------------*/
    #lp-sp-old ul#brand-item-lineup { margin: 0 auto; width: 94%;}
    #lp-sp-old ul#brand-item-lineup > li { margin-top: -100px; padding-top: 100px;}
    #lp-sp-old #brand-main ul#brand-item-lineup > li h3 img { margin: 0 auto;}
    #lp-sp-old .brand_area { margin: 0 auto 20px; flex-wrap: wrap-reverse;}
    #lp-sp-old .brand_area div { width: 100%;}
    #lp-sp-old .brand_area div:first-of-type { margin-right: 0;}
    #lp-sp-old .brand_area p { margin-top: 3%;}
    #lp-sp-old .brand_area p.brand_txt { margin: 30px auto 0; width: 96%; text-align: justify; letter-spacing: 0; font-size: 12px;}
}