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

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

/*---------------------------------
pc content
---------------------------------*/
#lp-sp-old .cfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";}
#lp-sp-old .cfix { min-height: 1px;}
#lp-sp-old #brand-wrap { margin-bottom: 80px; color: #5b5b5b;}
#lp-sp-old #brand-main { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
#lp-sp-old #brand-main .main_img img .pc { display: block !important;}
#lp-sp-old #brand-main .main_img img .sp { display: none !important;}
#lp-sp-old #brand-main li { list-style-type: none;}
#lp-sp-old #brand-main section { margin-bottom: 60px; text-align: center;}
#lp-sp-old #brand-main section:last-of-type { margin-bottom: 0;}
#lp-sp-old #brand-main h2 { margin-bottom: 2%; color: #353535; font-size: 62px; font-family: professor, sans-serif;}
#lp-sp-old #brand-main h3 { margin-bottom: 18px; color: #353535; font-weight: 600; font-size: 40px; font-family: futura-pt, sans-serif;}
#lp-sp-old #brand-main h4 { border-bottom: 1px solid #c8c8c8; color: #000000; font-weight: bold; font-size: 16px; line-height: 3.5;}
#lp-sp-old .sec_txt { margin-bottom: 40px; color: #000; font-size: 16px;}
#lp-sp-old .main_txt { margin: 30px 0; text-align: center;}
#lp-sp-old p.ttl_text { margin: 0; text-align: center; letter-spacing: 0.1em; font-size: 15px; line-height: 1.6;}
#lp-sp-old .contents { margin-top: 30px;}
#lp-sp-old ul.item_list > li { margin: 30px 0px;}
#lp-sp-old .border2 { margin-top: 6%; margin-bottom: 5.5%; border-bottom: 1px solid #c8c8c8;}
#lp-sp-old .btn_area { margin: 8% auto 5%;}
#lp-sp-old .btn_area a { display: block; margin: 0 auto; padding: 10px; width: 48%; background: #353535; color: #fff; text-align: center; font-size: 12px; line-height: 30px;}
#lp-sp-old .btn_area a img{ margin: 0 .5em 0 0; width: auto; vertical-align: sub;}
#lp-sp-old #TAB,
#lp-sp-old #POSTER,
#lp-sp-old #FRAME,
#lp-sp-old #SIZE_01,
#lp-sp-old #SIZE_02,
#lp-sp-old #SIZE_03,
#lp-sp-old #SIZE_04 { margin-top: -40px; padding-top: 40px;}

/*---------------------------------
bxslider content
---------------------------------*/
#lp-sp-old .slide_all.cfix,
#lp-sp-old .bxslider li { overflow: hidden;}

/*---------------------------------
vsm content
---------------------------------*/
#lp-sp-old .vsm_area { margin: 50px 0;}
#lp-sp-old .vsm_txt { color: #353535; text-align: center; letter-spacing: 0.05em; font-weight: bold; font-size: 18px;}
#lp-sp-old #brand-main .vsm_area h2 { display: none;}

/*---------------------------------
anchor link
---------------------------------*/
#lp-sp-old .anchor { display: flex; margin: 0 auto; width: 95%; text-align: center; justify-content: center;}
#lp-sp-old .pickup { width: 44%; font-weight: 600; font-family: futura-pt, sans-serif;}
#lp-sp-old .pickup:first-of-type { margin-right: 1.5%;}
#lp-sp-old .pickup a { display: block; padding: 7% 0; background-color: #f4f4f4; color: #353535; letter-spacing: 2px; font-weight: 600; font-size: 26px; font-family: futura-pt, sans-serif;}
#lp-sp-old .pickup a img { display: inline-block; margin-right: 3%;  width: auto; vertical-align: middle;}

/*---------------------------------
tab
---------------------------------*/
#lp-sp-old .tabs { position: relative; width: 100%;}
#lp-sp-old .tabs::before { position: absolute; top: 91px; display: block; width: 100%; border-bottom: 1px solid #c8c8c8; content: "";}
#lp-sp-old .tab_item { display: block; float: left; margin-right: 2%; margin-left: 24%; width: 25%; height: 50px; border: 1px solid #c8c8c8; border-bottom: 3px solid #ffffff; background-color: #e1e1e1; color: #ffffff; text-align: center; font-size: 14px; transition: all 0.2s ease;}
#lp-sp-old .tab_txt {padding-top: 7%; font-weight: normal; font-size: 14px; line-height: 1.2; flex-flow: column;}
#lp-sp-old .tab_item:last-of-type { margin: 0;}
#lp-sp-old .tab_item .phase:hover { opacity: 0.75;}
#lp-sp-old .tabs input[name="tab_item"] { display: none;}
#lp-sp-old .tab_content { display: none; clear: both; overflow: hidden; text-align: center;}
#lp-sp-old #one:checked ~ #one_content,
#lp-sp-old #two:checked ~ #two_content,
#lp-sp-old #three:checked ~ #three_content,
#lp-sp-old #four:checked ~ #four_content,
#lp-sp-old #five:checked ~ #five_content,
#lp-sp-old #six:checked ~ #six_content { display: block;}
#lp-sp-old input:checked + .tab_item { background-color: #ffffff; color: #5b5b5b; pointer-events: visible;}
#lp-sp-old .tabs .tab_item img.checked_visible { display: block;}
#lp-sp-old .tabs .tab_item img.checked_hidden { display: none;}
#lp-sp-old .tabs input:checked + .tab_item img.checked_visible { display: none;}
#lp-sp-old .tabs input:checked + .tab_item img.checked_hidden { display: block;}

/*---------------------------------
art_nav content
---------------------------------*/
#lp-sp-old .art_nav p { margin: 0 2.5% 2.5% 0; border: 1px solid #c8c8c8;}
#lp-sp-old .art_nav p:last-of-type { margin-right: 0;}
#lp-sp-old .art_nav a { display: block; padding: 16px 1px 14px; width: 200px; text-align: center; font-size: 14px; align-items: center;}
#lp-sp-old .art_nav a img {display: inline-block; margin-right: 4%; width: 12px;}
#lp-sp-old .art_nav { display: flex; justify-content: center;}
#lp-sp-old .art_nav a:hover { background-color: #c8c8c8; color: #fff; transition: .2s;}

@media only screen and (max-width: 1200px) {
    /*---------------------------------
    pc content
    ---------------------------------*/
    #lp-sp-old .contents { margin-top: 20px;}
    /*---------------------------------
    tab
    ---------------------------------*/
    #lp-sp-old .tab_item { margin-right: 2%; margin-left: 18.5%; width: 30%;}
    #lp-sp-old .tab_content { padding-top: 0;}
    /*---------------------------------
    art_nav content
    ---------------------------------*/
    #lp-sp-old .art_nav a { width: 150px;}
}

@media only screen and (max-width: 979px) {
    /*---------------------------------
    pc content
    ---------------------------------*/
    #lp-sp-old p.item_text { margin: 2% 0 0;}
    #lp-sp-old #TAB,
    #lp-sp-old #POSTER,
    #lp-sp-old #FRAME,
    #lp-sp-old #SIZE_01,
    #lp-sp-old #SIZE_02,
    #lp-sp-old #SIZE_03,
    #lp-sp-old #SIZE_04 { margin-top: -70px; padding-top: 70px;}

    /*---------------------------------
    anchor link
    ---------------------------------*/
    #lp-sp-old .pickup span { font-size: 10px;}
    /*---------------------------------
    tab
    ---------------------------------*/
    #lp-sp-old .tabs::before { top: 121px;}
}

@media only screen and (min-width:767px) and (max-width: 979px) {
    /*---------------------------------
    pc content
    ---------------------------------*/
    #lp-sp-old .sub-contants-wrap { display: none;}
}

@media only screen and (max-width: 767px) {
    /*---------------------------------
    pc content
    ---------------------------------*/
    #lp-sp-old .sub-contants-wrap { display: none;}
    #lp-sp-old #brand-wrap { margin-bottom: 40px;}
    #lp-sp-old #brand-main h2 { margin-bottom: 5%; color: #353535; font-size: 42px;}
    #lp-sp-old #brand-main h3 { margin-bottom: 14px; font-size: 30px;}
    #lp-sp-old #brand-main h4 { line-height: 2.5;}
    #lp-sp-old .sec_txt { margin-bottom: 20px; font-size: 14px;}
    #lp-sp-old p.ttl_text { font-size: 14px; line-height: 1.6;}
    #lp-sp-old p.item_text { margin: 3% 0 4%;}
    #lp-sp-old .contents { margin: 15px auto 0; width: 95%;}
    #lp-sp-old .border2 { margin-top: 9%; margin-bottom: 7%; border-bottom: 1px solid #c8c8c8;}
    #lp-sp-old .btn_area { margin: 4% auto 6%;}
    #lp-sp-old .btn_area a { width: 80%; line-height: 17px;}
    #lp-sp-old #TAB,
    #lp-sp-old #POSTER,
    #lp-sp-old #FRAME,
    #lp-sp-old #SIZE_01,
    #lp-sp-old #SIZE_02,
    #lp-sp-old #SIZE_03,
    #lp-sp-old #SIZE_04 { margin-top: -100px; padding-top: 100px;}
    /*---------------------------------
    vsm content
    ---------------------------------*/
    #lp-sp-old .vsm_txt { font-size: 16px;}
    /*---------------------------------
    anchor link
    ---------------------------------*/
    #lp-sp-old .anchor { display: block; margin: 0 auto 25px;}
    #lp-sp-old .pickup { margin: 0 auto; width: 80%;}
    #lp-sp-old .pickup:first-of-type { margin: 0 auto 20px;}
    #lp-sp-old .pickup a { padding: 7% 0; letter-spacing: 0.1em; font-size: 18px;}
    #lp-sp-old .art_nav { flex-wrap: wrap; margin-bottom: 0px; }
    #lp-sp-old .art_nav a { padding: 7px 3px 6px; width: 100px; font-size: 11px;}
    #lp-sp-old .art_nav a { font-size: 14px;}
    #lp-sp-old .art_nav a { padding: 10px 0; width: 170px; font-size: 12px;}
    #lp-sp-old .art_nav p:nth-of-type(2n) { margin-right: 0;}
    /*---------------------------------
    tab
    ---------------------------------*/
    #lp-sp-old .tabs::before { top: 146px;}
    #lp-sp-old .tab_item { margin-left: 8.5%; width: 40%; height: 45px; font-size: 14px;}
    #lp-sp-old .tab_txt { padding-top: 8%; font-size: 14px; line-height: 1.6;}
    #lp-sp-old .tab_txt span { margin-top: 7%;}
}

@media only screen and (max-width: 320px) {
    /*---------------------------------
    art_nav content
    ---------------------------------*/
    #lp-sp-old .art_nav a { width: 140px;}
}