@charset "UTF-8";
/*車種別カーナビセレクト*/

#carnavi_select .select_info {
    width: 530px;
    left: /*auto 20210526*/20px;
    /*right: 20px; 20210526*/
    padding: 42px 58px 41px;
    height: auto;
    font-size: 32px;
    background: rgba(51, 51, 51, 0.9);
}

#carnavi_select .select_info h2 {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}

#carnavi_select .select_info p {
    font-size: 12px;
    color: #fff;
}

#carnavi_select .select_info .notes01 {
    position: relative;
    padding-left: 1.5em;
}

#carnavi_select .js-tabGroup {
    padding-bottom: 20px;
}

#carnavi_select .tabStyle02 {
    padding-bottom: 40px;
}

#carnavi_select .tabStyle04.threeCol.select_area {
    width: 1152px;
}

#carnavi_select .maker_midashi {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
}

#carnavi_select .ts02-contents .select_list:first-of-type {
    padding-top: 30px;
}

#carnavi_select .select_area .ts04-list {
    margin-bottom: 1px;
}

#carnavi_select .select_area .ts04-list :not(:last-child) {
    margin-right: 1px;
}

#carnavi_select .select_area .ts04-list .ts04-ttl {
    background: #000;
    color: #fff;
    width: 383px;
    padding: 13px 0;
}

#carnavi_select .tabStyle04 .ts04-ttl .slideToggleBtn.black {
    top: 0;
    padding: 20px 0;
}

#carnavi_select .select_area .ts04-list .ts04-txt {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 1.2em;
}

#carnavi_select .select_area .ts04-box {
    width: 384px;
    height: 42px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

#carnavi_select .select_area .ts04-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px;
    height: 100%;
    width: 100%;
    border-bottom: none;
    padding: 0 40px 0 27px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
    opacity: 1;
}

#carnavi_select .select_area .ts04-ttl:hover {
    cursor: pointer;
    opacity: .5;
}


#carnavi_select .select_area .ts04-list .slideToggleBtn.black:after,
#carnavi_select .select_area .ts04-list .slideToggleBtn.black:before {
    background: #ffffff;
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#carnavi_select .select_area .ts04-list .slideToggleBtn.black.pcOn:after,
#carnavi_select .select_area .ts04-list .slideToggleBtn.black.pcOn:before {
    background: #000000;
}

#carnavi_select .tabStyle04 .ts04-ttl.pcOn {
    border-bottom: none;
    background: #a3a3a3;
    height: 42px;
}

#carnavi_select .tabStyle04 .ts04-ttl.pcOn .ts04-txt {
    color: #000;
}

#carnavi_select .tab-viewArea.select_view {
    background-color: #e8e8e8;
    padding: 0;
    position: relative;
    z-index: 9999;
    width: calc(100% - 1px);
    border-bottom: 2px solid #fff;
}

#carnavi_select .tab_ul {
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 99999;
    background-color: #e8e8e8;
}

#carnavi_select .tab_ul li {
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    padding: 0;
    position: relative;
    height: 43px;
}

#carnavi_select .select_area .ts04-box.link_area {
    position: relative;
    border-right: 1px solid #fff;
}

#carnavi_select .link_area .ts04-txt .linkStyle02,
#carnavi_select .link_area .ts04-txt .linkStyle02_black,
#carnavi_select .link_area .ts04-txt .linkStyle02_white,
#carnavi_select .link_area .ts04-txt .linkStyle03,
#carnavi_select .link_area .ts04-txt .linkStyle03_black,
#carnavi_select .link_area .ts04-txt .linkStyle03_white {
    position: static;
}

#carnavi_select .link_area .ts04-txt .linkStyle02:after,
#carnavi_select .link_area .ts04-txt .linkStyle02_black:not(.window):after,
#carnavi_select .link_area .ts04-txt .linkStyle02_white:after,
#carnavi_select .link_area .ts04-txt .linkStyle03:after,
#carnavi_select .link_area .ts04-txt .linkStyle03_black:after,
#carnavi_select .link_area .ts04-txt .linkStyle03_white:after {
    width: 9px;
    height: 13px;
    -webkit-transition: .2s all;
    transition: .2s all;
    background-size: 9px;
    right: 22px;
    bottom: 14px;
}

#carnavi_select .linkStyle02_black.linkHoverStyle01.window:after {
    right: 20px;
    bottom: 0;
    top: 0;
}


#carnavi_select .tab_ul .linkStyle02,
#carnavi_select .tab_ul .linkStyle02_black,
#carnavi_select .tab_ul .linkStyle02_white,
#carnavi_select .tab_ul .linkStyle03,
#carnavi_select .tab_ul .linkStyle03_black,
#carnavi_select .tab_ul .linkStyle03_white {
    position: static;
}

#carnavi_select .tab_ul .linkStyle02:after,
#carnavi_select .tab_ul .linkStyle02_black:after,
#carnavi_select .tab_ul .linkStyle02_white:after,
#carnavi_select .tab_ul .linkStyle03:after,
#carnavi_select .tab_ul .linkStyle03_black:after,
#carnavi_select .tab_ul .linkStyle03_white:after {
    width: 9px;
    height: 13px;
    -webkit-transition: .2s all;
    transition: .2s all;
    background-size: 9px;
    right: 22px;
    bottom: 0;
    top: 0;
}

#carnavi_select .select_area .ts04-list .ts04-ttl.gray_area {
    background-color: #e8e8e8;
    padding: 0 40px 0 27px;
    color: #000;
}

#carnavi_select .select_area .gray_area .linkStyle02_black {
    color: #000;
}

#carnavi_select .tabStyle02 .ts02-list {
    padding: 0 280px;
    height: 68px;
}

#carnavi_select .other_txt {
    text-align: center;
    padding: 30px 0;
}

#carnavi_select .tabStyle02 .select_list {
    padding: 0;
    margin: 0 auto;
}



/*カーナビ選択画面*/

.pageTtl h1.pt_style {
    color: #000000 !important;
    display: inline-block;
}

.pageTtl h1.cgt_style {
    color: #000000 !important;
    font-size: 14px;
    display: inline-block;
}

#details_select .select_info {
    padding-top: 100px;
    padding-bottom: 30px;
}

#details_select .select_info p {
    font-size: 16px;
    text-align: center;
}

.details_list {
    background-color: #000;
    padding: 10px 0;
}

.details_list .details_ul {
    width: 100%;
    box-sizing: border-box;
}

.details_list .flexP5.flexWrap li.box01 {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 240px;
}

.details_ul .box01 {
    border-right: 1px solid #fff;
    height: 239px;
}

.details_ul li.box01:first-of-type {
    border-left: 1px solid #fff;
}

.details_list .box01 .title {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.details_list .box01 .sub {
    color: #fff;
    font-size: 12px;
    text-align: right;
    padding: 0 0 5px 0;
    width: 220px;
    display: flex;
    justify-content: flex-end;
}

.details_list .box01 .imgBox {
    width: 230px;
    max-width: 230px;
    height: 224px;
    line-height: 140px;
    max-height: 140px;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    contain: content;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.details_list .box01 img {
    height: auto;
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}

.details_list .not_applicable {
    font-size: 14px;
    letter-spacing: .025em;
    line-height: 1.7;
    color: #fff;
    height: 120px;
    display: flex;
    align-items: center;
}

.details_list .not_applicable .txt {
    text-align: center;
    margin: 0 auto;
}

.details_list .box01 .link_area {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    padding: 5px 0;
    width: 220px;
    display: flex;
    justify-content: flex-end;
}

.sp_border {
    display: none;
}

.select_list {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
}




/*検索結果画面*/

/*トップイメージ*/

#result_area {
    box-sizing: border-box;
}

#result_area .bgWhite {
    color: #fff;
}

#result_area .select_info {
    padding-top: 40px;
}

#result_area .select_info h2 {
    font-size: 22px;
    color: #fff;
    font-family: arial;
    text-align: center;
}

.tl_pr_area {
    background-color: #515151;
    padding: 0 0 12px;
}

#result_area .tl_pr_area h1 {
    color: #fff !important;
}

.print_area {
    padding-top: 36px;
}

.anc_area {
    padding-top: 20px;
    padding-bottom: 35px;
}

.print_area,
.anc_area {
    display: flex;
    justify-content: flex-end;
}

.print_area .btn_size {
    width: 270px;
    z-index: 9999;
}

.anc_area .btn_size {
    width: 400px;
}

.select_list .btn_size,
#just_area .btn_size {
    width: 400px;
    margin: 0 auto;
    color: #000;
}

#result_area .print_area .linkStyle01_black,
#result_area .anc_area .linkStyle01_black,
#result_area #just_area .linkStyle01_black {
    border: solid #fff 1px;
    background-color: #fff;
}

#result_area .print_area .linkStyle01_black:hover,
#result_area .anc_area .linkStyle01_black:hover,
#result_area #just_area .linkStyle01_black:hover {
    border: solid #fff 1px;
    background-color: #000;
    cursor: pointer;
}

#result_area .anc_area .linkStyle01_black.anc:after {
    right: 23px;
    background-image: url(/ja/carrozzeria/carnavi/select/img/icon_arrow_down01.svg);
    content: "";
    display: block;
    background-size: 13px;
    margin-right: 12px;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 9px;
    width: 13px;
}

#result_area .anc_area .linkStyle01_black.anc:hover:after {
    right: 23px;
    background-image: url(/ja/carrozzeria/carnavi/select/img/icon_arrow_w_down01.svg);
    content: "";
    display: block;
    background-size: 13px;
    margin-right: 12px;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 9px;
    width: 13px;
}

#result_area .top_image {
    color: #fff;
    padding: 40px 0 20px;
}

#result_area .top_image .main_visual {
    padding-right: 30px;
}

#result_area .top_image .main_visual .image_box {
    width: 546px;
    max-width: 546px;
    height: 300px;
    max-height: 300px;
    line-height: 300px;
    vertical-align: middle;
    contain: content;
    display: flex;
    align-items: center;
    overflow: hidden;
}

#result_area .top_image .main_visual .image_box img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}

#result_area .top_image .main_visual p {
    font-size: 14px;
    color: #6c6c6c;
}

#result_area .top_image .product_toptxt {
    padding-left: 15px;
}

#result_area .top_image .product_toptxt h2 {
    color: #fff;
    font-size: 40px;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


#result_area .top_image .product_toptxt h2.up {
    margin-top: 40px;
    margin-bottom: 0;
}

#result_area .top_image .product_toptxt h2.under {
    margin-top: 0;
    margin-bottom: 30px;
}

#result_area .top_image .product_toptxt .up:after {
    content: "×";
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    line-height: 1.4em;
    display: block;
}

#result_area .model_center {
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
}

#result_area .model_center h2 {
    color: #fff;
    font-size: 40px;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: inline-block;
}

#result_area .model_center .up:after {
    content: "×";
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    line-height: 1.4em;
    display: inline-block;
    padding: 0 14px;
}


#result_area .top_image .product_toptxt dl {
    text-align: left;
    font-size: 14px;
    border: 1px solid #fff;
    border-bottom: none;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

#result_area .top_image .product_toptxt dt {
    float: left;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 3px 5px;
    margin-right: 5px;
    width: 12%;
}

#result_area .top_image .product_toptxt dd {
    border-bottom: 1px solid #fff;
    padding: 3px 5px;
}

/*商品一覧*/

#result_area .bgBlack .category_head {
    color: #fff;
    padding: 0 0 10px;
    margin-top: 40px;
}

#result_area .bgWhite .category_head {
    color: #000;
    padding: 0 0 10px;
    margin-top: 20px;
}

#result_area .side_left .category_head,
#result_area .side_right .category_head {
    margin-top: 0;
}

#result_area .side_left {
    border-right: solid #a3a3a3 1px;
}

#result_area h2 {
    margin-top: 40px;
    margin-bottom: 30px;
}


#result_area .category_head p {
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
}

#result_area .bgBlack .category h2.ttlStyle02:after {
    background: #fff;
}

#result_area .navilogo img {
    float: right;
    width: auto;
}

#result_area .bgBlack .product_box {
    color: #fff;
}

#result_area .product_box .boxtype01 {
    padding: 10px 15px 15px;
}


#result_area .product_box .category_image {
    width: 167px;
    margin: 5px 10px;
    background-color: #fff;
    height: 105px;
}

#result_area .product_box .image_area {
    position: relative;
    width: 155px;
    height: 105px;
    text-align: center;
    vertical-align: middle;
    contain: content;
    overflow: hidden;
    margin: 0 auto;
}


#result_area .product_box .category_image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    width: auto;
    max-width: 155px;
    vertical-align: middle;
    text-align: center;
}

#result_area .product_box .category_txt {
    font-size: 13px;
    padding-left: 10px;
    width: 361px;
    margin: 5px 0;
}

#result_area .product_box .flex_style01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

#result_area .product_box .flex_style02 {
/*
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
*/
}

#result_area .product_box .flex_style01 {
    padding-bottom: 5px;
}

#result_area .flex_style04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

#result_area .product_box .flex_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
}

#result_area .product_box .category_txt {
    display: flex;
    flex-direction: column;
}

.category_txt > div:last-of-type {
    width: 100%;
    bottom: 0;
}

.product_box .category_txt .note {
    font-size: 12px;
    padding-bottom: 5px;
    line-height: 1.2em;
    height: auto;
}

#result_area .product_box .category_txt .p_name {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4em;
}

#result_area .product_box .category_txt .release {
    text-align: right;
    font-size: 14px;
    line-height: 1.4em;
}

#result_area .product_box .category_txt .new {
    color: #b91440;
    font-size: 14px;
    padding-right: 5px;
    font-weight: 700;
    vertical-align: baseline;
    line-height: 1.4em;
}

#result_area .product_box .explanation {
    padding-bottom: 5px;
    line-height: 1.4em;
}

.product_box .category_txt .price,
.product_box .category_txt .contact {
    float: left;
}

.product_box .category_txt .more {
    text-align: right;
    font-size: 14px;
    float: right;
    padding-right: 15px;
}

#result_area .product_box .category_txt .price::after,
#result_area .product_box .category_txt .contact::after,
#result_area .product_box .category_txt .more::after {
    clear: both;
    content: "";
    display: table;
}

#result_area .boxType03.attention {
    width: 100%;
    border-color: #FF8C00;
    line-height: 1.2em;
    padding: 10px 0;
    margin: 0 auto 40px;
}

#result_area .boxType03.attention p {
    color: #FF8C00;
    font-size: 14px;
    line-height: 2em;
    text-align: center;
}

#result_area .flex_center .blandlogo {
    font-size: 56px;
    font-weight: 900;
    color: #dee0e2;
}

#result_area .bdB_gray {
    border-bottom: solid #a3a3a3 1px;
    padding-top: 15px;
    margin-bottom: 20px;
}


#result_area .bgWhite {
    color: #000;
}

#result_area .bgWhite .product_box {
    color: #000;
}

#result_area #just_area {
    padding: 20px 0 10px;
}

#result_area #product_area {
    padding: 20px 0 40px;
}

#result_area #carnavi_other {
    padding: 20px 0;
}

#result_area #just_area p,
#result_area #carnavi_other p {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}


/*タブエリア*/

.select_tab {
    padding-bottom: 60px;
}

#result_area .select_tab .tabStyle02 .ts02-list {
    height: 100% !important;
    word-break: break-word;
    margin-bottom: 2px;
}

.select_tab li.ts02-ttl {
    padding: 1.2em 5px;
}

#container #result_area .select_tab .tabStyle02 .ts02-ttl,
#container #result_area .select_tab .tabStyle02 .ts02-ttl.on {
    height: auto !important;
}

#result_area .tab02-contents {
    padding: 30px 0;
}

#result_area .tab02-contents .linkList03 .ll03-list {
    font-size: 16px;
    padding: 14px 0;
}

#result_area .tab02-contents .txt {
    font-size: 16px;
    padding: 14px 0;
    text-align: center;
}

.select_tab .linkList03 .ll03-list a {
    padding-right: 16px;
}

/*20191202注記*/
.attention02 p {
    font-size: 14px;
    line-height: 2em;
    /*text-align: center; 20210405 add ks*/
    /*margin-bottom: 40px;*/
}

/*20191206 検索結果に 車を選びなおす 追加*/
#result_area .select_list {
    padding-top: 10px;
    padding-bottom: 90px;
    margin: 0 auto;
}
/*プリント用 非表示*/
.logo_area,
.printOnly,
#simplefooter {
    display: none;
}

.attention{
font-size: 10px;
color: #fff;
}

/*20210405 add ks*/
.attention02 p:last-of-type {
    margin-bottom: 40px;
}
@media screen and (min-width: 897px) {
    .attention02 {
        width: 60%;
        margin: 0 auto;
    }
}