#lp-sp-old { line-height: 1.75; text-align: center; color: #444444; background-color: #fffaef; font-family: "Aoto Gothic Medium",'游ゴシック',YuGothic,"游ゴシック体 Pr6N M","Yu Gothic Pr6N M",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; }
#lp-sp-old img { display: initial; max-width: 100%;}

@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 .all-view-page { width: 1300px; margin: 0 auto;}
#lp-sp-old .sp-wrap { overflow: hidden;}
#lp-sp-old .sp-main { float: left;}
#lp-sp-old a.a_color { color: #29aabf;}
#lp-sp-old .center { margin-top: 0; margin-bottom: 0; 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 p.contents_text { margin: 3% 0 0; padding-bottom: 4%; border-bottom: 1px solid #d9d9d9;}
#lp-sp-old p.center.allBtn { padding-top: 50px;}

/*---- brand-main ----*/
#lp-sp-old #brand-main { }
#lp-sp-old #brand-main h2 { margin: 0% 0% 3%; text-align: center; letter-spacing: 0.05em; font-size: 50px; font-family: "baskerville-display-pt", serif; font-weight: 700; font-style: normal;}
#lp-sp-old #brand-main h2 span { display: block;  font-size: 18px; font-family: "Aoto Gothic Medium",'游ゴシック',YuGothic,"游ゴシック体 Pr6N M","Yu Gothic Pr6N M",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; }
#lp-sp-old #brand-main h3 { margin: 4% auto 1%; text-align: center; letter-spacing: 0.05em; font-weight: bold; font-size: 22px; }
#lp-sp-old #brand-main h3 span { display: block; font-size: 16px; }
#lp-sp-old #brand-main h4 { margin: 1% auto 1%; text-align: center; letter-spacing: 0.05em; font-weight: bold; font-size: 18px; }
#lp-sp-old #brand-main h4 span { display: block; margin-bottom: 1%; font-size: 14px; }
#lp-sp-old #brand-main h5 { margin-bottom: 20px; font-size: 18px; font-weight: bold; }
#lp-sp-old .ttl_area { margin-bottom: 60px; }
#lp-sp-old .ttl_area .main-visual img{ margin: 0px auto; width: 1376px; height: 822px; }
#lp-sp-old .ttl_area p.lead { margin: 3% auto 6%; text-align: center; letter-spacing: 0.05em; font-size: 15px; line-height: 2.0; }
#lp-sp-old .suggest_area { margin: 0 calc(50% - 50vw); padding: 7% 0%; background-color: #fff;  }
#lp-sp-old .suggest_area p.lead { text-align: center; letter-spacing: 0.05em; font-size: 15px; line-height: 1.8; }
#lp-sp-old p img {width: 960px; }

/*----nav----*/
#lp-sp-old #brand-main ul.nav_area { display: flex; margin: 2% auto 0%; width: 90%;}
#lp-sp-old #brand-main ul.nav_area li { width: calc(100% / 5); color: #575757; text-align: center; font-size: 16px;}
#lp-sp-old #brand-main ul.nav_area li a { display: block; padding: 8% 0; font-size: 16px;}
#lp-sp-old #brand-main ul.nav_area li:last-of-type { margin-right: 0;}
#lp-sp-old #brand-main ul.nav_area li span { display: block; font-size: 18px; font-weight: bold; margin: 10px; letter-spacing: 0.5px;}

/*------contents----*/
#lp-sp-old #brand-main section { margin: 10% auto; text-align: center;}
#lp-sp-old #brand-main section p.lead { margin-bottom: 4%; line-height: 1.5;}
#lp-sp-old .future_area { margin: 50px auto 40px; width: 1300px;}
#lp-sp-old .future_area ul li { display: flex; margin-bottom: 25px;}
#lp-sp-old .future_area ul li:last-of-type { margin-bottom: 0;}
#lp-sp-old .future_area ul li .txt_area { padding: 0 4.5% 0; width: 45%; text-align: justify; font-size: 14px;}
#lp-sp-old .brandItemList { margin: 0 auto; }

/*------video----*/
#lp-sp-old .hacobune-univideo { margin: 0 20%; }
#lp-sp-old .video { width: 960px; margin: 0 auto; }

/*VISUMO*/
#lp-sp-old .ttle_instagram { display: none;}
#lp-sp-old .vsm_area { text-align: center; }
#lp-sp-old .vsm_area .vsm_ttl { letter-spacing: 0.1em; font-size: 30px; font-family: "baskerville-display-pt", serif; font-weight: 700; font-style: normal;}
#lp-sp-old .vsm_area .vsm_sub_ttl { font-size: 14px; margin-bottom: 15px; }

/*------brand area----*/
#lp-sp-old .about { margin: 0% auto 0%; background-color: #fff; padding: 0% 10% 5%;}
#lp-sp-old .about p.ttl { letter-spacing: .1em; font-size: 26px; line-height: 32px; font-weight: bold; margin-top: 4%;}
#lp-sp-old .about p.ttl span{ font-size: 14px; line-height: 40px; }
#lp-sp-old .about img { width: 75%; margin: 2% auto 0%; }
#lp-sp-old .about p.type { letter-spacing: .1em; 16px; line-height: 26px; text-align: center;  font-size: 16px; margin: 1% auto 0%;}
#lp-sp-old .about p { letter-spacing: .1em; 16px; line-height: 26px; text-align: center;  font-size: 16px; margin: 1% auto 6%;}

/*---------------------------------
@media query
---------------------------------*/
@media only screen and (max-width: 1024px) {
    #lp-sp-old .future_area ul li .txt_area { width: 80%;}
}

@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) {
    #lp-sp-old .border-action { margin-bottom: 6%; padding-bottom: 6%; border-bottom: solid 1px #294684;}
    #lp-sp-old .brandDetail__link { 8.666666666666666vw auto; }
  
    /*---- brand-main ----*/
    #lp-sp-old #brand-main h2 { margin: 12% 0% 8%; text-align: center; letter-spacing: 0.05em; font-weight: bold; font-size: 28px; }
    #lp-sp-old #brand-main h2 span {  font-size: 14px; line-height: 1.4; }
    #lp-sp-old #brand-main h3 { margin: 15% 0% 4%; font-weight: bold; font-size: 4.2vw; line-height: 1.4;}
    #lp-sp-old #brand-main h3 span { font-size: 12px;}
    #lp-sp-old #brand-main h4 { letter-spacing: 0; font-size: 4.2vw;}
    #lp-sp-old #brand-main h4 span { margin-bottom: 1.5%; font-size: 12px;}
    #lp-sp-old #brand-main h5 { margin: 18px 0; font-weight: bold; font-size: 16px; }
    #lp-sp-old .suggest_area { padding: 7% 3% 0% 3%; }
    #lp-sp-old .suggest_area p.lead { letter-spacing: 0; margin: 10vw auto 0; font-size: 3.466666666666667vw; line-height: 1.769230769230769;}
    #lp-sp-old .ttl_area { margin-bottom: 40px; padding-bottom: 40px; }
    #lp-sp-old .ttl_area .main-visual img{ margin: 0px auto; width: 100%; height: 100%; }
    #lp-sp-old .ttl_area p.lead { font-size: 3.466666666666667vw; line-height: 1.9;}
    /*----nav----*/
    #lp-sp-old #brand-main ul.nav_area { margin: 8% auto 0; flex-wrap: wrap;}
    #lp-sp-old #brand-main ul.nav_area li { margin-right: 2%; margin-bottom: 2%; width: calc((100% - 2%) / 2);}
    #lp-sp-old #brand-main ul.nav_area li:nth-of-type(2n) { margin-right: 0;}
    #lp-sp-old #brand-main ul.nav_area li a { padding: 4%; font-size: 14px;}
    /*------contents----*/
    #lp-sp-old #brand-main .brandItem__desc { text-align: left; }
    #lp-sp-old .about { padding: 0% 0% 5%;}
    #lp-sp-old .about p.ttl { font-size: 4.8vw; line-height: 7.8vw; margin: 4% auto;  }
    #lp-sp-old .about p.ttl span { font-size: 3.8vw; }
    #lp-sp-old #brand-main section { padding-bottom: 50px; }
    #lp-sp-old #brand-main section p.lead { margin-bottom: 6%;}
    #lp-sp-old .future_area { margin: 30px auto; width:90%;}
    #lp-sp-old .future_area ul { margin: 0 auto; width: 90%;}
    #lp-sp-old .future_area ul li { display: block; margin-bottom: 30px;}
    #lp-sp-old .future_area ul li .txt_area { margin: 0 auto; padding: 0; width: 100%; font-size: 12px;}
    /*VIDEO*/
    #lp-sp-old .hacobune-univideo { margin: 0 auto; }
    #lp-sp-old .video { width:640px; margin: 0 auto; }
    /*VISUMO*/
    #lp-sp-old .vsm_area .vsm_ttl { margin-bottom: 10px; font-size: 16px;}
    #lp-sp-old .vsm_area .vsm_sub_ttl { font-size: 12px;}
    /*------brand_area----*/
    #lp-sp-old .about { padding-bottom: 15%; }
    #lp-sp-old .about span { letter-spacing: .1em; font-size: 3.466666666666667vw; line-height: 1.769230769230769; text-align: center; }
    #lp-sp-old .about img{ margin: 18px auto 5px; }
    #lp-sp-old .about p{ font-size: 3.466666666666667vw; line-height: 1.769230769230769; }
    #lp-sp-old .about p.type { font-size: 3.466666666666667vw; line-height: 1.769230769230769; }
}

@media only screen and (max-width: 480px) {
    #lp-sp-old p.center.allBtn { margin-top: 50px; padding-top: 50px;}
}