@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
    &.page-template-tmpl_news,
    &.category {
        .ttl05 {
            border-bottom: solid 2px #0c0c0c;
        }
    }

    header .h_btn_area li a {
        font-size: 16px;
    }

    .accordion-area .faq_title:before,
    .accordion-area .faq_title:after {
        background-color: #333333;
    }

    .single_ttl {
        padding-bottom: 10px;
    }

    .mail_form dl {
        background-color: #f1eeee;
    }

    .mail_form_confirm input[type="button"]:hover,
    .mail_form_confirm input[type="button"] {
        border: solid 1px #ccc;
    }

    &.car .parts_user_guide {
        .unkmenu li a:before {
            transform: rotate(270deg);
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 .sec01_topic_ul {
            justify-content: center;
        }

        .teleco_ul .li .txtbox .inbox {
            padding: 0 15%;
        }

        .footerUpper .footer_flex .footerUpper_nav_area {
            padding-top: 3%;
        }

        .flow_list li.flow_in_flex .txtbox {
            margin-left: 70px;
        }

        .flow_list li {
            padding: 40px 50px;
            margin-bottom: 50px;
        }

        .footerUpper .footer_flex .footerUpper_nav_area {
            justify-content: center;
        }

        header {
            height: 80px;
            padding-top: 0;
            background-color: #000;
            margin-top: 60px;
        }

        header .h1 {
            padding: 0;
            padding-bottom: 10px;
            margin-top: -40px;
        }

        header.fixed .h1 a img {
            height: 100px;
        }

        header.fixed {
            background-color: #000;

            .h_language_list {
                color: #fff;
            }

            .h_language_list a {
                color: #fff;
            }
        }

        header.fixed .header-r-area .header-nav li a {
            color: #fff;
        }

        &.home .in_line {
            top: 3%;
            left: 2%;
            width: 96%;
            height: 95%;
        }

        .in_line {
            top: 5%;
            left: 2%;
            width: 96%;
            height: 90%;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1860px) {
    body {
        .footerUpper .footer_flex .footerUpper_nav_area {
            justify-content: flex-end;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .tp_sec01 .sec01_topic_ul {
            display: flex;
        }

        .tp_sec01 .sec01_topic_ul li {
            max-width: 190px;
        }

        .add_contact .text_link_list01 a {
            font-weight: bold;
        }

        header .h1 a img {
            height: 90px;
        }

        .tp_sec01 .sec01_topic_ul {
            justify-content: center;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .tp_sec01 .sec01_topic_ul {
            display: block;
        }

        .tp_news {
            .thum_list li {
                margin-bottom: 0;
            }
        }

        .tp_sec01 .sec01_topic_ul li {
            max-width: none;
        }

        .footerUpper .footer_flex .f_company {
            margin: 0 25px;
        }

        .category-list li {
            margin-right: 10px;
        }

        .flow_list li.flow_in_flex .imgbox .num .s_txt {
            font-size: 18px;
        }

        .flow_list li.flow_in_flex .imgbox .num .b_txt {
            font-size: 60px;
        }

        .flow_list li.flow_in_flex .txtbox {
            margin-left: 25px;
        }

        header .h1 a img {
            height: 60.78px;
        }
    }
}