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

/* 全体（色系）*/
body {
	
	.gnav {
		ul.links_sns li a.ig_icon::before {
			background-image: url(../images/icon/sns/insta_wht.svg);
		}
	}
	
	.pc_on2 {
		display: block;
	}
	
	.sp_on2 {
		display: none;
	}
	
    .bebas-neue-regular {
        font-family: "Bebas Neue", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    &.single-parts_post {
        .gallery-photo .gallery-slider .swiper-slide p img {
            object-fit: contain;
        }

        p {
            font-weight: bold;
        }
    }

    header .header-r-area a.tel_link {
        font-family: "Bebas Neue";
    }

    .single_page .gutenberg strong {
        color: #333333;
    }

    &.maintenance-warranty {
        .infobox01 {
            .ttl05.type01 {
                border-bottom: solid 2px #cccccc;
            }
        }
    }

    &.used-car-purchase {
        .infobox02 {
            .ttl05 {
                border-bottom: solid 2px #0a0a0a;
            }
        }
    }

    .header_drawer_toggle .gnav-trg {
        right: 20px;
    }

    &.feature {
        .cal3 {
            display: flex;
            gap: 0 15px;
            flex-wrap: wrap;
        }

        ul.cal3 li {
            width: calc(100% / 3 - 15px);
        }
    }

    .f16 {
        font-size: 16px;
    }

    &.jimny .sec01_ttlb .en_ttl {
        font-family: "Nimbus Sans";
    }

    &.jimny,
    &.every {
        .add_stock {
            background-image: none;
            z-index: 2;
        }
    }
}

/* モニター以上*/
@media screen and (min-width: 1560px) {
    body {
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        header .header-r-area a.tel_link {
            font-size: 30px;
        }

        #main_visual .copy_text {
            width: auto;
            left: 35%;
        }

        .tp_sec02 .imgbox figure {
            margin-top: 5%;
        }

        &.page-template-tmpl_parts_post,
        &.tax-parts_c {
            .thum_list li {
                width: calc(100% / 4 - 15px);
            }
        }

        .contact_infoarea {
            padding: 0 5%;
        }

        .fixed {
            .h-logo {
                margin-left: 35px;
            }
        }

        .tp_sec01 {
            .layout_b .imgbox {
                width: 40%;
            }
        }

        &.business-sales {
            .sec01 {
                .btn01 a {
                    max-width: 350px;
                }
            }
        }

        &.every {
            .sec01 {
                .new_layout {
                    .layout_b .txtbox {
                        margin-left: 0;
                    }

                    .sub_images_ul {
                        &.cul02 {
                            display: flex;
                            flex-wrap: wrap;
                            gap: 0px 40px;

                            li {
                                width: calc(100% / 2 - 20px);
                                margin: 0;
                            }

                            .box {
                                position: relative;
                            }

                            .rear_img.box {
                                margin-left: auto;
                            }

                            .front_img.box::before,
                            .rear_img.box::before {
                                display: block;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background-color: #e94f0c;
                                color: #fff;
                                font-size: 26px;
                                line-height: 1;
                                font-family: "Alegreya Sans", sans-serif;
                                font-weight: bold;
                                box-sizing: border-box;
                                padding: 6px 60px;
                                z-index: 1;
                            }

                            .front_img.box::before {
                                content: "FRONT";
                            }

                            .rear_img.box::before {
                                content: "REAR";
                            }
                        }
                    }

                    .box.price {
                        display: flex;
                        justify-content: space-between;

                        .sub_images_ul {
                            width: 70%;
                            li {
                                width: 100%;
                            }
                        }
                    }

                    .details_box01 .price_dl dt {
                        width: 70%;
                    }
                }
            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .fixed_bnr {
            top: 80px;
        }

        .tp_news .ttl01 {
            text-align: center;
        }

        &.page-template-tmpl_parts_post,
        &.tax-parts_c {
            .thum_list li {
                width: calc(100% / 4 - 15px);
            }
        }

        main section .page_title .sv_ttl {
            top: 60%;
        }

        &.every {
            .sec01 {
                .sub_images_ul li {
                    width: 100%;
                }

                .details_box01 .price_dl dt {
                    width: 60%;
                }

                .details_box01 .price_dl dd {
                    padding-left: 0;
                    text-align: center;
                }
            }
        }

        &.every {
            .sec01 {
                .new_layout {
                    .sub_images_ul {
                        &.cul02 {
                            .li:last-child {
                                margin-bottom: 20px;
                            }

                            .box {
                                position: relative;
                            }

                            .rear_img.box {
                                margin-left: auto;
                            }

                            .front_img.box::before,
                            .rear_img.box::before {
                                display: block;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background-color: #e94f0c;
                                color: #fff;
                                font-size: 26px;
                                line-height: 1;
                                font-family: "Alegreya Sans", sans-serif;
                                font-weight: bold;
                                box-sizing: border-box;
                                padding: 6px 60px;
                                z-index: 1;
                            }

                            .front_img.box::before {
                                content: "FRONT";
                            }

                            .rear_img.box::before {
                                content: "REAR";
                            }
                        }
                    }

                    .box.price {
                        display: block;
                    }

                    .details_box01 li.f18 {
                        margin-bottom: 0;
                    }

                    .details_box01 p.f22 {
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		.pc_on2 {
		display: none;
	}
	
	.sp_on2 {
		display: block;
	}
		
		
        main section .page_title .sv_ttl {
            top: 50%;
        }

        #main_visual .fixed_bnr {
            top: 20px;
        }

        &.page-template-tmpl_parts_post,
        &.tax-parts_c {
            .thum_list li {
                width: 100%;
            }
        }

        .tp_sec01 .sec01_flex .txtbox .txt02 {
            width: 100%;
        }

        .header_drawer_toggle .gnav-trg {
            right: 10px;
        }

        &.business-sales {
            .infobox03 {
                padding: 25px;
            }
        }

        &.feature {
            .cal3 {
                display: flex;
                gap: 0 30px;
                flex-wrap: wrap;
            }

            ul.cal3 li {
                width: calc(100% / 2 - 15px);
            }
        }

        &.maintenance-warranty {
            .sec02 {
                li {
                    width: calc(100% / 2 - 15px);
                }
            }
        }

        .f16 {
            font-size: 13px;
        }
    }
}

.add_parts_shop {
    .sub_images_ul {
        img {
            object-fit: cover;
            width: 100%;
            height: auto;
            aspect-ratio: 235/177;
        }
    }
}