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

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

#lp-sp-old .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-old .cfix { min-height: 1px;}
#lp-sp-old .clear { clear: both;}
#lp-sp-old li { list-style-type: none;}
#lp-sp-old #lp-sp-old .care { color: #5b5b5b;}
.care .border-action { margin-bottom: 50px; padding-bottom: 45px; border-bottom: solid 1px #d9d9d9;}
#lp-sp-old .border-action.space01 { padding-bottom: 60px;}
#lp-sp-old .care .border-action1 { margin-bottom: 40px; padding-bottom: 10px; border-bottom: solid 1px #d9d9d9;}
#lp-sp-old .border-action2 { margin-bottom: 40px; padding-bottom: 15px; border-bottom: dashed 1px #d9d9d9;}
#lp-sp-old .border-action3 { margin-bottom: 0px; padding-bottom: 10px; border-bottom: dashed 1px #d9d9d9;}
#lp-sp-old .care h1 { padding: 0; border: none; text-align: center;}
#lp-sp-old h3.lineup_ttl.cfix { margin-bottom: 20px; padding-left: 15px; border-left: solid 5px #29aabe; color: #29aabe; text-align: left; font-weight: bold; font-size: 19px;}
#lp-sp-old p.readtext { margin-bottom: 4%; text-align: center;}
#lp-sp-old .care h2 { margin: 4% 0 2%; color: #5b5b5b; text-align: center; font-size: 21px;}
#lp-sp-old #nav { margin-top: 2%;}
#lp-sp-old .care h3 { margin-bottom: 20px; text-align: center; letter-spacing: 1px; font-size: 18px;}
#lp-sp-old .care section { margin: 0 0 22px; color: #353535; word-spacing: -1px; font-size: 15px; line-height: 1.5714em;}
#lp-sp-old .care .span3 { display: inline-block; box-sizing: border-box; width: 23.4%;}
#lp-sp-old .care .span3 p { margin-top: 5%; width: 92%;}
#lp-sp-old p.attention.cfix.border-action.last02 { margin-bottom: 80px;}
#lp-sp-old .all_btn { margin: 0% auto 10%;}
#lp-sp-old .all_btn.btn2 { margin: 5% auto -1%;}
#lp-sp-old .preciousTtl { text-align: center;}
#lp-sp-old .care .bordertop { margin-top: 5%; padding: 4% 0 3%; border-top: solid 1px #d9d9d9;}
#lp-sp-old .care .btn_more { padding: 3% 0; text-align: center;}
#lp-sp-old .category_ttl { margin-bottom: 10px; font-size: 14px;}

/*-----category_introduction------*/
#lp-sp-old li.span7 { margin-left: 0; width: 100%;}
#lp-sp-old span.sub_ttl01 { border-bottom: solid 1px; letter-spacing: 0; font-size: x-large;}
#lp-sp-old span.sub_ttl02 { font-size: initial;}
#lp-sp-old .span5 { width: 40%; text-align: right;}

/*-----Q&A------*/
#lp-sp-old .faq_area { margin-bottom: 30px;}
#lp-sp-old .qa_ttl { margin: 4% 0 3%; padding-left: 10px; border-left: solid 5px #29aabe; color: #29aabe; font-weight: bold; font-size: 19px;}
#lp-sp-old .item_intro { margin: 5% 0 3%;}
#lp-sp-old .care dl.maintenance dt img { width: 3.5%;}
#lp-sp-old .question_ttl { margin-top: 2%; font-size: 120%;}
#lp-sp-old .mente_link a { color: #d1b88d; text-decoration: underline; font-size: 12px;}
#lp-sp-old span.mente_link { display: block; margin-top: 1%;}

/*------item_introduction-------*/
#lp-sp-old td.book.sec01_img { width: 58%;}
#lp-sp-old .sec01_text_main { color: #5b5b5b; font-size: 16px;}
#lp-sp-old .sec01_text_price { padding-bottom: 10px; color: #5b5b5b; font-size: 14px;}
#lp-sp-old span.tax { font-size: 14px;}
#lp-sp-old .sec01_txt .more { display: block; width: 100%; height: 45px; background-color: #ededed; text-align: center; line-height: 45px;}
#lp-sp-old div#sec01_wrap { margin-bottom: 7%;}
#lp-sp-old .table th,
#lp-sp-old .table td { border: none;}
#lp-sp-old .link-a { margin-top: -40px; padding-top: 40px;}
#lp-sp-old .link-a_1 { margin-top: -50px; padding-top: 50px;}
#lp-sp-old .link-a_2 { margin-top: -40px; padding-top: 40px;}

/*-----howto------*/
#lp-sp-old .howto_ttl { margin: 30px 0 15px; color: #29aabe; font-weight: bold; font-size: 18px;}
#lp-sp-old .howto li.span3 { margin-left: 0; width: 29.1%;}
#lp-sp-old .howto li.span3 p { margin-top: 15px; min-height: 125px; width: 100%;}
#lp-sp-old .howto ul.last li.span3 p { min-height: 70px;}
#lp-sp-old .howto li.span1 { margin-left: 0; width: 6.3%;}
#lp-sp-old .attention { margin: 10px 0 0; padding: 0 0 18px; text-align: left;}

/*=== MAINTENANCE ===*/
#lp-sp-old .care dl.maintenance dt { min-height: 29px; background-size: contain; color: #29aabe;}
#lp-sp-old .care dl.maintenance dd { margin: 0 0 3% 0;}
#lp-sp-old .care .icons ul { margin: 0; padding: 0; width: 100%;}
#lp-sp-old .care .icons li { float: left; padding: 2%; list-style: none;}

/*=== PRODUCT ===*/
#lp-sp-old .care .product { font-size: 95%; line-height: 1.5;}
#lp-sp-old .care .product h4 { margin: 5% 0 4%;}
#lp-sp-old .care .product p { margin-bottom: 0;}
#lp-sp-old .care .product li { margin-left: 2em;}
#lp-sp-old .care .product2 .product ul { margin-bottom: 0%;}
#lp-sp-old .care .product .inside { margin-bottom: 0;}

/*=== INTRO ===*/
#lp-sp-old .care .intro h2 { margin: 0; padding: 3% 0; border: none; text-align: center;}

/*=== STEPS ===*/
#lp-sp-old .care .steps p.txt { margin-bottom: 3%; background-color: #e2ebf0;}
#lp-sp-old .care .steps .span3 { font-size: 95%; line-height: 1.5;}
#lp-sp-old .care .steps .span3 img { margin-bottom: 4%;}
#lp-sp-old .care .steps ul { margin: 3% 0 0 0; padding: 3%; background-color: #f5f5f5; list-style: none; font-size: 95%; line-height: 1.5;}
#lp-sp-old .care .steps li { margin-left: 1em; text-indent: -1em;}

/*=== QUESTION ===*/
#lp-sp-old .care .question { padding-left: 55px; min-height: 42px; background: url(/static/mallDefault/contents/images/sp/care/mark_maintenance.gif) top left no-repeat; background-size: contain; color: #29aabe;}
#lp-sp-old .care .answer .cl_red { color: #ff0000;}
#lp-sp-old .care .kinds dl { margin: 1.5% 0 0 0; padding: 3%; background-color: #fff;}
#lp-sp-old .care .kinds dl dd { margin: 1% 0 0 0;}
#lp-sp-old .toggle_contents { margin: 0 auto; width: 90%;}
#lp-sp-old .toggle_title { position: relative; padding: 10px; border-bottom: 1px solid #d9d9d9; color: #29aabf; text-align: center; font-weight: normal; font-size: 14px; line-height: 1.4; cursor: pointer;}
#lp-sp-old .toggle_btn { position: absolute; top: 50%; right: 20px; display: block; overflow: hidden; width: 24px; height: 24px; border-radius: 50%; background: #fff; text-indent: 100%; white-space: nowrap; transform: translateY(-50%);}
#lp-sp-old .toggle_btn:before,
#lp-sp-old .toggle_btn:after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; background-color: #7f7f7f; content: ''; transform: translate(-50%, -50%);}
#lp-sp-old .toggle_btn:before { width: 2px; height: 10px;}
#lp-sp-old .toggle_title.selected .toggle_btn:before { content: normal;}
#lp-sp-old .toggle_contents dd { display: none; margin: 2% 0 5%; text-align: center;}
#lp-sp-old .box_area { padding: 3% 0 3%; background: #f4f4f4;}
#lp-sp-old .box_ttl { margin-bottom: 3%; text-align: center; letter-spacing: 1px; font-size: 18px;}
#lp-sp-old .movie { margin: 0 auto; width: 100%; text-align: center;}
#lp-sp-old .movie iframe{ display: inline; width: 720px;}
#lp-sp-old .point_area ul { display: flex; margin: 2% auto 0; width: 80%; font-size: 14px; justify-content: space-around;}
#lp-sp-old .point_area ul li span { letter-spacing: 1px; font-size: 16px;}
#lp-sp-old li.white { padding: 1% 3%; min-width: 240px; height: fit-content; background: #fff;}
#lp-sp-old .box_area { margin: 4% auto 4%; padding: 3% 0 3%; background: #f4f4f4;}
#lp-sp-old .text01 { margin-bottom: 2%; text-align: center; font-size: 16px;}

/* タブレット */
@media only screen and (min-width:767px) and (max-width: 979px) {
    #lp-sp-old .care { width: 100%;}
    #lp-sp-old .care .span3 { float: clear; margin-left: 1%; padding-top: 3%; width: 24%;}
    #lp-sp-old .care dl.maintenance dt,
    #lp-sp-old .care p.question { background-size: 6%; font-size: 120%;}
    #lp-sp-old .link-a_1 { display: block; margin-top: -90px; padding-top: 90px;}
}

/* スマートフォン用 */
@media only screen and (max-width: 767px) {
    #lp-sp-old .care h2 { margin: 7% 0 4%;}
    #lp-sp-old #nav { margin-top: 0%;}
    #lp-sp-old #nav.row-fluid .span3 { margin-bottom: 2%;}
    #lp-sp-old #nav.row-fluid .span3.last { margin-bottom: 0;}
    #lp-sp-old .care { width: 100%;}
    #lp-sp-old .care section { margin: 0 10px 22px; font-size: 12px;}
    #lp-sp-old p.readtext { margin-bottom: 30px;}
    #lp-sp-old .link-a_2 { margin-top: -80px; padding-top: 80px;}
    #lp-sp-old .text01 { margin-top: 6%;}
    #lp-sp-old .care .border-action { margin-bottom: 30px; padding-bottom: 30px;}
    #lp-sp-old .care .span3 { float: clear; margin-left: 0; padding-top: 3%; width: 100%;}
    #lp-sp-old .care h2 span { color: #29aabe; text-align: center; font-weight: bold; font-size: 150%;}
    #lp-sp-old .care dl.maintenance dt,
    #lp-sp-old .care p.question { margin-top: 25px; min-height: 24px; background-size: 5%; font-size: 120%;}
    #lp-sp-old .care dl.maintenance dt { padding-left: 20px;}
    #lp-sp-old .care dl.maintenance dd { padding: 0 5px 0;}
    #lp-sp-old .care dl.maintenance dt img { width: 7%;}
    #lp-sp-old .care .adjust { padding: 0;}
    #lp-sp-old .care .product h4 { text-align: center;}
    #lp-sp-old .care dl.maintenance dt,
    #lp-sp-old .care p.question { padding-left: 0;}
    #lp-sp-old .care .product .visible-phone { padding-left: 25px;}
    #lp-sp-old .care .span3 p { margin-top: 2%;}
    #lp-sp-old .care .span3 p.line01 { margin-bottom: 20px;}

    /*-----Q&A------*/
    #lp-sp-old li.span7,
    #lp-sp-old .span5 { width: 100%;}
    #lp-sp-old span.sub_ttl01 { font-size: 20px;}
    #lp-sp-old span.sub_ttl02 { font-size: initial;}
    #lp-sp-old .qa_ttl { margin-top: 10%; font-size: 15px;}
    #lp-sp-old .question_ttl { font-size: 100%;}

    /*------item_introduction-------*/
    #lp-sp-old p.preciousTtl { margin: 10px 0 30px;}
    #lp-sp-old td.hidden-phone.book.sec01_img { width: 100%;}
    #lp-sp-old .sec01_text_main { font-size: 14px;}
    #lp-sp-old .sec01_text_price { padding-bottom: 8px; font-size: 14px;}
    #lp-sp-old .sec01_txt .more { margin-bottom: 0;}
    #lp-sp-old .sec01_txt .more.bottom { margin-bottom: 0;}
    #lp-sp-old span.tax { font-size: 12px;}

    /*-----howto------*/
    #lp-sp-old .howto { text-align: center;}
    #lp-sp-old .howto li.span3 { width: 100%;}
    #lp-sp-old .howto li.span3 p { margin: 1% auto 0; min-height: 0; width: 280px; text-align: left;}
    #lp-sp-old .howto ul.last li.span3 p { min-height: 0;}
    #lp-sp-old .howto li.span1 { width: 100%;}
    #lp-sp-old img.arrow_smp.visible-phone { margin: auto;}
    #lp-sp-old .howto_ttl { margin: 0 0 15px; text-align: left; font-size: 15px;}
    #lp-sp-old p.border-action.last02 { margin-bottom: 50px; padding-bottom: 50px;}
    #lp-sp-old .border-action2 { margin-bottom: 30px; padding-bottom: 25px;}
    #lp-sp-old .border-action3 { padding-bottom: 0px;}
    #lp-sp-old .attention { margin: ; text-align: left;}
    #lp-sp-old p.top.attention.cfix.border-action { margin-top: 1%;}
    #lp-sp-old .faq_area { margin-bottom: 15px;}
    #lp-sp-old .box_ttl { margin-bottom: 5%; font-size: 16px;}
    #lp-sp-old .box_area { margin: 0 auto 4%; padding: 4% 0 6%;}
    #lp-sp-old .movie iframe{ width: 320px;}
    #lp-sp-old .table { margin-bottom: 0;}
    #lp-sp-old .point_area ul { display: block; margin: 5% auto 2%; width: 85%; font-size: 13px;}
    #lp-sp-old li.white { margin-top: 5%;}
    #lp-sp-old .info_content { margin: 0 auto; width: 90%;}
    #lp-sp-old span.mente_link { margin-top: 2%;}
    #lp-sp-old .toggle_contents { width: 90%;}
    #lp-sp-old .toggle_title { font-size: 12px;}
    #lp-sp-old .toggle_btn { right: 5px;}
}

@media only screen and (max-width: 520px) {
    #lp-sp-old td.book.sec01_img { float: left; padding: 0; width: 100%;}
    #lp-sp-old td.sec01_txt { float: left; padding-top: 25px;}
}

@media only screen and (max-width: 410px) {
    #lp-sp-old li.span7 { padding: 0; width: 100%;}
}