#lp-sp-old { margin: auto; width: 960px; line-height: 2;}
#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 h2 span { font-size: 12px; color: #76b5b4; }
#lp-sp-old #brand-main .box_in h2 { text-align: left;}
#lp-sp-old .main-wrap { text-align: center;}
#lp-sp-old .main-wrap p { margin: 5%; font-size: 14px;}
#lp-sp-old .attention { padding: 2%; border: 1px solid #48ae7f; color: #48ae7f; text-align: center; margin: 0 5%; line-height: 1.5; }
#lp-sp-old .banner { margin: 2% auto 0; width: 75%; text-align: center;}
#lp-sp-old .main-wrap,
#lp-sp-old .item .txt { color: #343434; letter-spacing: 1px; font-size: 14px;}
#lp-sp-old .txt_area { color: #343434; text-align: center; font-size: 14px;}
#lp-sp-old .txt_area a { text-decoration: underline; }
#lp-sp-old .txt_area span { color: #d64d74; text-align: center; line-height: 1.5; }
#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 10px !important; color: #555555; text-align: center; letter-spacing: 1.8px !important; font-size: 28px; font-weight: 700; }
#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: #343434;}

/*itemArea*/
#lp-sp-old .cont01 { margin: 0 auto 10%; width: 95%; color: #343434; border-top: 1px solid #ccc; padding-top: 8%; }
#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: #343434; 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 .photo { margin: 4% auto 0; width: 75%; 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: #343434; 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; }
#lp-sp-old .btn_ara { padding-bottom: 15%;}
#lp-sp-old .brandDetail__link2 { width: 80%; margin: 0 auto 20%; }

/*---------------------------------
@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 { font-size: 22px; font-weight: 700; }
    #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 .banner { margin: 4% auto; width: 80%;}
    #lp-sp-old .photo { margin: 15% auto 0; width: 100%;}
    #lp-sp-old .btn_ara {  padding-top:5%; padding-bottom: 30%;}
    #lp-sp-old #brand-main ul.nav { margin: 8% 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 #FOODIES,
	#lp-sp-old #FASHION,
	#lp-sp-old #ACTIVE,
	#lp-sp-old #LEARNING { 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;}