@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500);

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

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

/*---------------------------------
sp content - verymerry
---------------------------------*/
##lp-sp-old brand-main a:hover { background-color: #f3f3f3; text-decoration: none;}
#lp-sp-old #brand-main h2 { margin: 20px 0 10px; text-align: center; font-size: 16px; font-weight: bold; font-family:'游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; }
#lp-sp-old #brand-main .box_in h2 { text-align: left;}
#lp-sp-old .main-wrap { text-align: center;}
#lp-sp-old .main-wrap img .pc { display: block !important;}
#lp-sp-old .main-wrap img .sp { display: none !important;}
#lp-sp-old .main-wrap p { margin-top: 5%; font-size: 14px;}
#lp-sp-old .main-wrap .logo { margin: 3% 0 2%;}
#lp-sp-old .main-wrap,
#lp-sp-old .item .txt { color: #5b5b5b; letter-spacing: 1px; font-size: 14px;}
#lp-sp-old .txt_area { margin-bottom: 50px; color: #5b5b5b; text-align: center; font-size: 14px;}
#lp-sp-old .ttl_mini { margin: 3% auto 3%; font-weight: bold; font-size: 16px;}
#lp-sp-old .ttl01 { margin: 0% 0 4%; letter-spacing: 10px; font-size: 18px;}
#lp-sp-old .subttl { margin: 0 0 30px !important; color: #5b5b5b; text-align: center; letter-spacing: 1px !important; font-size: 24px; font-weight: bold; font-family:'游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; }
#lp-sp-old .border { margin: 4% auto; width: 100%; border-top: 1px solid #c8c8c8;}
#lp-sp-old .border2 { margin: 2% auto 4%; width: 100%; border-top: 1px solid #c8c8c8;}
#lp-sp-old .bnr_area { margin-bottom: 12%;}
#lp-sp-old .bnr_box { display: inline-block; margin-right: 3.4%; width: 48%; vertical-align: top;}
#lp-sp-old .bnr_box:last-child { margin-right: 0;}
#lp-sp-old .bnr_text { margin-top: 3%; color: #5b5b5b;}

/*itemArea*/
#lp-sp-old .cont01 { margin: 0 auto 15%; width: 95%; color: #575757;}
#lp-sp-old .item { margin-bottom: 4%; text-align: center;}
#lp-sp-old .item .txtArea { margin-top: 2%; margin-bottom: 4%;}
#lp-sp-old .txt_2 { margin: 0 0 1% 0 !important; height: 80px; color: #5b5b5b; text-align: left; font-size: 16px;}
#lp-sp-old .item p { letter-spacing: 0.05em;}
#lp-sp-old .item_subttl { margin: 3% 0 0 0; color: #000; text-align: left; font-weight: bold; font-size: 16px;}
#lp-sp-old .item_ttl { color: #000; text-align: left; font-weight: bold; font-size: 15px !important;}
#lp-sp-old .imgArea { margin: 4% 0 0 0;}
#lp-sp-old .photo01 { margin: 0 auto; width: 75%; text-align: center;}
#lp-sp-old .tate { margin: 10% auto 0px;}
#lp-sp-old .photo02 { margin-bottom: 8%; text-align: center;}
#lp-sp-old .box_area { display: flex; margin-bottom: 40px;}
#lp-sp-old .box_in { display: block; width: calc(100% / 2);}
#lp-sp-old .box_in p { font-size: 14px; }
#lp-sp-old .box_in:last-child { margin-right: 0;}
#lp-sp-old .box_text { margin: 3% 0 0; color: #5b5b5b; text-align: center;}
#lp-sp-old .box_area.img_w .box_in:first-of-type { margin-right: 6%;}
#lp-sp-old #brand-main ul.nav { display: flex; margin: 5% auto; width: 95%;}
#lp-sp-old #brand-main ul.nav li { margin-right: 5%; width: calc(100% / 4); color: #575757; text-align: center; font-size: 16px;}
#lp-sp-old #brand-main ul.nav li a { display: block; padding: 8% 0; font-size: 16px;}
#lp-sp-old #brand-main ul.nav li:last-of-type { margin-right: 0;}
#lp-sp-old #brand-main ul.nav li span { display: block; font-size: 14px; font-weight: bold; margin: 10px; letter-spacing: 0.5px; font-family: proxima-nova,sans-serif;}
#lp-sp-old #LIVING,
#lp-sp-old #RELAX,
#lp-sp-old #PORTABILITY,
#lp-sp-old #GREEN { margin-top: -30px; padding-top: 40px;}

/*---------------------------------
@media query
---------------------------------*/
@media only screen and (max-width: 767px) {
    #lp-sp-old #brand-main h2 { margin: 6% 0 3%;}
    #lp-sp-old .main-wrap img .pc { display: none !important; }
    #lp-sp-old .main-wrap img .sp { display: block !important; }
    #lp-sp-old .main-wrap p { margin-top: 7%;}
    #lp-sp-old .main-wrap .logo { margin: 7% auto 5%; width: 65%;}
    #lp-sp-old .border { margin: 8% auto;}
    #lp-sp-old .border2 { margin: 2% auto 8%;}
    #lp-sp-old .border-action p { margin: 0;}
    #lp-sp-old .subttl { margin: 0 0 6% !important; font-size: 18px; }
    #lp-sp-old .txt_area { margin: 0 auto 12%;}
    #lp-sp-old .box_area { display: block;}
    #lp-sp-old .box_in { display: block; margin: 0 auto; width: 90%;}
    #lp-sp-old .box_in:last-child { margin: 0 auto 6%;}
    #lp-sp-old .box_area.img_w .box_in { margin: 0 auto 10%; width: 88%;}
    #lp-sp-old .photo01 { margin: 0 auto; width: 100%;}
    #lp-sp-old .tate { margin: 15% auto 0px;}
    #lp-sp-old .btn_ara {  padding-top:5%; padding-bottom: 10%;}
    #lp-sp-old #brand-main ul.nav { margin: 6% auto 0; flex-wrap: wrap;}
    #lp-sp-old #brand-main ul.nav li { margin-right: 2%; margin-bottom: 2%; width: calc((100% - 2%) / 2);}
    #lp-sp-old #brand-main ul.nav li:nth-of-type(2n) { margin-right: 0;}
    #lp-sp-old #brand-main ul.nav li a { padding: 4% 0; font-size: 14px;}
    #lp-sp-old #LIVING,
    #lp-sp-old #RELAX,
    #lp-sp-old #PORTABILITY,
    #lp-sp-old #GREEN { margin-top: -60px; padding-top: 100px;}
}

/*---------------------------------
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;}

/*---------------------------------
item link widget @brand.css
---------------------------------*/
#lp-sp-old .center { background: #ededed; text-align: center;}