@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 { display: initial; max-width: 100%; width: auto; vertical-align: middle;}

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

/*---------------------------------
sp content - verymerry
---------------------------------*/
#lp-sp-old .main-wrap { text-align: center;}
#lp-sp-old .main-wrap p { margin-top: 3%;}
#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: 12px;}
#lp-sp-old .navi_area ul { margin-top: 5%; list-style: none;}
#lp-sp-old .navi_area ul li { display: inline-block; margin-right: 2.5%; margin-bottom: 1.5%; width: 219px; text-align: center; font-family: serif;}
#lp-sp-old .navi_area ul li a { color: #000; vertical-align: middle; letter-spacing: 1px; font-size: 18px;}
#lp-sp-old .navi_area ul li a:hover { color: #29aabf;}
#lp-sp-old .navi_area ul li:nth-child(4n) { margin-right: 0;}
#lp-sp-old .navi_area2 ul { margin: 3% auto 3%; list-style: none; text-align: center;}
#lp-sp-old .navi_area2 ul li { display: inline-block; margin-left: 3%;}
#lp-sp-old .navi_area2 ul li:first-child { margin-left: 0%;}
#lp-sp-old .ttl_sub { margin: 3% auto 3%; color: #000; letter-spacing: 3px; font-size: 18px;}
#lp-sp-old .ttl01 { margin: 2% auto 2%; width: 23%;}
#lp-sp-old .ttl02 { margin-top: 3%; margin-bottom: 2%; text-align: center; font-size: 12px;}
#lp-sp-old .ttl03 { margin-top: 10px; text-align: center; font-weight: bold; font-size: 24px; font-family: serif;}
#lp-sp-old .ttl04 { margin-bottom: 1%; text-align: center; letter-spacing: 2px; font-weight: bold; font-size: 18px;}
#lp-sp-old .ttl05 { margin-top: 4%; text-align: center; font-weight: bold; font-size: 16px;}
#lp-sp-old .under { text-decoration: underline;}
#lp-sp-old .cent { margin: 2%; text-align: center;}
#lp-sp-old .mini { margin-top: 8%; text-align: center; letter-spacing: 1px; font-size: 12px;}
#lp-sp-old .subttl { margin: 6% 0 0% !important; color: #000; text-align: center; letter-spacing: 2px !important; font-weight: bold; font-size: 21px;}
#lp-sp-old .text01 { margin-top: 3%; text-align: center;}
#lp-sp-old .text02 { margin-top: 2%; text-align: center;}
#lp-sp-old .text03 { text-align: center;}
#lp-sp-old .text04 { margin-top: 1%; margin-bottom: 2%; text-align: center;}
#lp-sp-old .text05 { margin-top: 2%; text-align: center;}
#lp-sp-old .text02 a { color: #54b1c0; text-decoration: underline; font-size: 12px;}
#lp-sp-old .txt_area { margin: 2% auto 3%; color: #5b5b5b; text-align: center; letter-spacing: 1px; font-size: 12px;}
#lp-sp-old .border { padding-bottom: 6%; width: 100%; border-bottom: 1px solid #c8c8c8;}
#lp-sp-old .border2 { padding-bottom: 8%; width: 100%; border-bottom: 1px dashed #c8c8c8;}
#lp-sp-old .border3 { padding-bottom: 4%; border-bottom: solid 1px #c8c8c8;}
#lp-sp-old .cont_01_box { margin-top: 3%;}
#lp-sp-old .cont_01_box .left { display: inline-block; width: 48%;}
#lp-sp-old .cont_01_box .right { display: inline-block; margin-left: 2%; width: 48%; vertical-align: top;}
#lp-sp-old .cont_02_box ul { margin-top: 4%; list-style: none; text-align: center;}
#lp-sp-old .cont_02_box ul li { display: inline-block; margin-left: 3%; width: 30%;}
#lp-sp-old .cont_02_box ul li:first-child { margin-left: 0%;}
#lp-sp-old .cont_03_box ul { margin-top: 3%; list-style: none; text-align: center;}
#lp-sp-old .cont_03_box ul li { display: inline-block; margin-left: 1%; width: 29%;}
#lp-sp-old .cont_03_box ul li:first-child { margin-left: 0%;}
#lp-sp-old .cont_04_box ul { margin-top: 2%; list-style: none; text-align: center;}
#lp-sp-old .cont_04_box ul li { display: inline-block; width: 33%;}
#lp-sp-old .cont_05_box ul { margin-top: 4%; list-style: none; text-align: center;}
#lp-sp-old .cont_05_box ul li { display: inline-block; margin-right: 5%; margin-bottom: 5%; width: 29%; vertical-align: top;}
#lp-sp-old .cont_05_box ul li:nth-child(3n) { margin-right: 0;}
#lp-sp-old .space01 { margin-top: 6%;}
#lp-sp-old .space02 { margin-top: 12% !important;}
#lp-sp-old .bg_gray { padding: 2%; padding-bottom: 5%; background: #ededed;}
#lp-sp-old .bg_white { margin-top: 4%; margin-bottom: 6%; padding: 3%; background: #fff;}
#lp-sp-old .item_box1 { display: flex; margin-top: 3%; justify-content: center;}
#lp-sp-old .item_box1 .left { margin-right: 3%;}
#lp-sp-old .item_txt { margin-top: 3%;}
#lp-sp-old .price { text-decoration: underline; font-weight: bold; font-size: 16px;}
#lp-sp-old .btn_area { margin-bottom: 15%;}

/*itemArea*/
#lp-sp-old .item { margin-top: 3%; margin-bottom: 6%; 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: 12px;}
#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: 12px;}
#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: 2% auto 0%; width: 80%; text-align: center;}
#lp-sp-old .photo02 { margin-bottom: 8%; text-align: center;}
#lp-sp-old .photo05 { margin-top: 2%; text-align: center;}
#lp-sp-old .box_area { margin: 2% auto 0%; text-align: center;}
#lp-sp-old .box_area2 { margin: 2% auto 0%; width: 90%; text-align: center;}
#lp-sp-old .box_in { display: inline-block; margin-right: 1%; width: 48%; vertical-align: top;}
#lp-sp-old .box_in2 { display: inline-block; margin-right: 1%; width: 48%; vertical-align: top;}
#lp-sp-old .box_in:last-child { margin-right: 0;}
#lp-sp-old .box_in2:last-child { margin-right: 0;}
#lp-sp-old .box_text { margin: 3% 0 0; color: #5b5b5b; text-align: center;}
#lp-sp-old .left ul { display: flex; list-style: none;}
#lp-sp-old .left ul li { margin-left: 3%;}
#lp-sp-old .left ul li:first-of-type { margin-left: 0;}
#lp-sp-old .right ul { display: flex; list-style: none;}
#lp-sp-old .right ul li { margin-left: 3%;}
#lp-sp-old .right ul li:first-of-type { margin-left: 0;}
#lp-sp-old .cont_box { margin: 2% auto 12%; padding: 3%; background: #ededed;}
#lp-sp-old .cont_box ul { display: flex; margin: 0 auto; width: 94%; list-style: none; justify-content: center;}
#lp-sp-old .cont_box ul li { margin-left: 3%;}
#lp-sp-old .cont_box ul li:first-of-type { margin-left: 0;}
#lp-sp-old .move_img { margin: 6% auto; width: 53%;}
#lp-sp-old .move_txt { background: #fff; text-align: center;}
#lp-sp-old .move_txt a { font-size: 12px;}
#lp-sp-old .center2 { margin: 0 auto; width: 50%; background: #ededed; text-align: center;}
#lp-sp-old .center2 a { display: block; margin: 0 !important; padding: 10px; background: #ededed; text-align: center; font-size: 12px; line-height: 20px;}

/*---------------------------------
@media query
---------------------------------*/
@media only screen and (max-width: 1200px) {
    #lp-sp-old .navi_area ul li a { font-size: 16px;}
}

@media only screen and (max-width: 767px) {
    #lp-sp-old .main-wrap { margin-bottom: 8%;}
    #lp-sp-old .main-wrap .logo { margin: 7% auto 5%; width: 65%;}
    #lp-sp-old .navi_area ul { margin-bottom: 5%; text-align: center;}
    #lp-sp-old .navi_area ul li { width: 44%;}
    #lp-sp-old .navi_area ul li a { font-size: 11px;}
    #lp-sp-old .navi_area ul li:nth-child(3n) { margin-right: 1%;}
    #lp-sp-old .navi_area ul li:nth-child(2n) { margin-right: 0%;}
    #lp-sp-old .navi_area2 ul li { margin-left: 1%; width: 23.2%;}
    #lp-sp-old .cont_01_box { margin-top: 4%; text-align: center;}
    #lp-sp-old .cont_02_box ul li { margin-bottom: 12%; width: 80%;}
    #lp-sp-old .cont_03_box ul li { margin-bottom: 12%; width: 59%;}
    #lp-sp-old .cont_04_box ul li { margin-bottom: 12%; width: 67%;}
    #lp-sp-old .cont_04_box ul li img { margin: 0 auto; width: 70%;}
    #lp-sp-old .cont_05_box ul li { margin-right: 2%; margin-bottom: 10%; width: 47%;}
    #lp-sp-old .cont_05_box ul li:nth-child(3n) { margin-right: 2%;}
    #lp-sp-old .cont_05_box ul li:nth-child(2n) { margin-right: 0%;}
    #lp-sp-old .text04 { margin-top: -1%;}
    #lp-sp-old .text05 { margin-top: 2%; text-align: left; font-size: 10px;}
    #lp-sp-old .ttl01 { width: 40%;}
    #lp-sp-old .txt_2 { margin: 0 0 4% 0 !important; height: 100%;}
    #lp-sp-old .span6 { float: none !important; margin-top: 4%; margin-left: 0 !important; width: 100% !important;}
    #lp-sp-old .ttl_sub { margin: 5% auto 3%; font-size: 15px;}
    #lp-sp-old .ttl01 { margin: 3% auto 5%; font-size: 35px;}
    #lp-sp-old .ttl02 { font-size: 14px;}
    #lp-sp-old .ttl04 { font-size: 15px;}
    #lp-sp-old .ttl05 { font-size: 14px;}
    #lp-sp-old .subttl { margin: 10% 0 2% !important; text-align: center; font-size: 18px;}
    #lp-sp-old .mini { margin-top: 10%;}
    #lp-sp-old .border { margin: 8% auto;}
    #lp-sp-old .border2 { margin: 2% auto 8%;}
    #lp-sp-old .box_in { display: block; margin: 0 auto; padding-bottom: 7%; width: 90%;}
    #lp-sp-old .box_in:last-child { margin-right: auto; padding-bottom: 0%;}
    #lp-sp-old .photo01 { width: 100%;}
    #lp-sp-old .photo01.tate { width: 90%;}
    #lp-sp-old .item_box1 { display: block; margin-top: 6%;}
    #lp-sp-old .item_box1 .left { margin-right: 0%;}
    #lp-sp-old .bg_white { margin-bottom: 10%;}
    #lp-sp-old .space01 { margin-top: 10%;}
    #lp-sp-old .center2 { width: 100%;}
    #lp-sp-old .cont_box ul { display: block; margin: 8% auto 0; width: 72%;}
    #lp-sp-old .cont_box ul li { margin: 2% auto 15%;}
    #lp-sp-old .text01.left { text-align: left;}
}

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