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

/* 全体（色系）*/
body {
	
	.non_events {
		pointer-events: none;
	}
	
    .add_service {
        background-color: #ECEBEF;
    }

    .thum_list li figure {
        border: solid 1px #5045AB;
    }

    .non_thum_list li:first-child {
        border-top: dotted 1px #ccc;
    }

    .non_thum_list li {
        padding: 30px 20px;
    }

    .non_thum_list li:after {
        right: 30px;
    }

    .border_ff {
        border: solid 5px #ffffff;
    }

    .scrool_tbl {
        margin-bottom: 10px;
    }

    .layout_dl01 {
        border-bottom: solid 2px #D5D1E1;
    }

    &.install-parts .sub_images_ul li img {
        border: solid 1px #5045AB;
    }

    &.change-to-tire .sec01 .sub_images_ul li img {
        width: 75%;
    }

    .point_box .layout_dl01 dt {
        border-bottom: dotted 2px #2E9A68;
    }

    .thum_list02 li .imgbox img {
        border: solid 1px #5045AB;
    }

    &.single-post .news_text_block .category_c a {
        background-color: #5045AB;
    }

    .category-list li a:hover {
        border: solid 1px #5045AB;
        background-color: #5045AB;
        color: #fff;
    }

    .dl_tbl01 dt .box,
    .dl_tbl01 dd .box {
        padding: 15px 20px;
    }

    .ttl01:after {
        border-bottom: solid 3px #0055BD;
        bottom: -10px;
    }

    hr.line02 {
        border-bottom: dashed 2px #333;
    }

    &.legal {
        .tbl_list01 li .tbl_ttl {
            background-color: #EEEDEA;
        }
    }

    &.user-guide {
        .unkmenu li a:before {
            color: #979797;
        }

        .ttl07 {
            background-color: #E5E5E5;
        }

        .layout_dl01 dt.arrow:before {
            color: #9C0A0A;
        }
    }

    .faq_contents .accordion_one .accordion_header {
        border: solid 1px #BFBFBA;
    }

    .faq_contents .accordion_one .accordion_header .i_box .one_i:before,
    .faq_contents .accordion_one .accordion_header .i_box .one_i:after {
        background-color: #8AA8AB;
    }

    .add_shop_guide .unkmenu li a:before {
        transform: rotate(270deg);
    }

    .customer_form th {
        background-color: #EEEDEA;
    }

    .unkmenu li a:before {
        color: #979797;
    }



}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
		
		header .h_btn01 {
			height: 40px;
		}

        .tp_sec04 .layout_e .imgbox {
            width: 50%;
        }

        .add_online_shop .sub_images_ul.bnr li {
            width: 30%;
        }

        .add_contact .add_contact_flex .ttlarea {
            width: 30%;
        }

        .layout_e .imgbox {
            width: 56%;
        }

        .layout_d .imgbox {
            width: 55%;
        }

        .flow_list {
            max-width: 1200px;
        }

        .flow_list li.flow_in_flex .txtbox {
            margin-right: 80px;
        }

        .flow_list h3 {
            font-size: 28px;
        }
		
		.side_bar .category-list li a:before {
			margin-right: 3px;
		}
		
		.at_ttl {
			width: 90%;
		}

    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .add_online_shop .sub_images_ul li {
            width: 30%;
            margin-bottom: 0;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		
		.non_thum_list li:after {
			display:none;
		}
		
        .add_online_shop .sub_images_ul li {
            width: 100%;
            margin-bottom: 10px;
        }
        
        .tp_sec02 .layout_d .txtbox {
            margin-bottom: 25px;
        }
        
        .gnav .gnav__inr .header-drawer-nav li {
            margin-top: 0;
        }
        
        .gnav .gnav__inr .sub_images_ul.cul2 li {
            margin-bottom: 0;
        }
    }
}