/*
Theme Name: HM-R
Description:HM-R main themes
Theme URI: 
Author: Hatoya Co., Ltd.
Author URI: 
Version: 1.2.5
License: Hatoya Co., Ltd. 
License URI: https://hatoya.co.jp/
*/

@charset 'utf-8';
body{box-sizing:border-box;padding-top:40px !important;}
body *{box-sizing:border-box;}
a{color:#fff;}
img{vertical-align:top;}


@media screen and (max-width: 320px) {
    #header_inner {
    height: 34px !important;
    padding-top: 6px;
    }
    #header_inner >a img {
        width: auto;
        height: 100%;
        float: left;
        padding: 2px 6px;
    }
    #header_inner #tel_head_bn img {
    height:84% !important;
    position: absolute;
    right: 22% !important;
    top: 8% !important;
    width: auto !important;
    }
    header {
    width: 100%;
    height: 40px !important;
    margin: 0;
    background: #000;
    position: fixed;
    z-index: 100;
    top: 0;
    }
    #header_inner #sp_menuBT img {
    height: 30px !important;
    }
    #header_inner #sp_menuBT{
        height:32px !important;
    }
    #is_frontpage >h2{font-size:18px !important;}
    .front_item_list .body_price >span:nth-of-type(2) span,
    .shop_item_list .body_price >span:nth-of-type(2) span{font-size:12px !important;}
    .car_list .body_price_inner, .car_list .total_price_inner{font-size:20px !important;}
    .car_list .car_spac{font-size:12px !important;}
    .car-detail .button a, .car-detail .button-bottom a{font-size:14px !important;}
}
    .single_leftBox td {
        border: solid 1px #ccc;
    }


@media screen and (max-width: 770px) {
    
    .PConly{display:none !important;}
    body{width:100%;}
    #is_frontpage{background:black;color:#fff;}
    
    #is_frontpage >h2{
        padding-left:1%;
        border-top:solid 1px #fff;
        border-bottom:solid 1px #fff;
    }
    #is_frontpage >h2 >a{
        float:right;
        font-size:16px;
        padding:2px;
    }
    #is_frontpage #information >h2 >a{
        float:right;
        font-size:16px;
        padding:2px;
    }
    .post_content{
        margin:0 auto;
        font-size:12px !important;
    }
    #main_slider{margin-top:0;}
    
    /* =========================== header ====================================*/
    #wpadminbar{display:none;}
    header{
        width:100%;
        height:46px;
        margin:0;
        background:#000;
        position:fixed;
        z-index:100;
        top:0;
    }
    .openMenu{
        overflow-y:hidden !important;
    }
    #header_inner{
        height:40px;
        padding-top:6px;
    }
    #header_inner #tel_head_bn img{
        position:absolute;
        right:25%;
        top:10%;
        width:auto !important;
        height:80%;
    }
    #header_inner #sp_menuBT{
        width:auto;
        height:40px;
        float:right;
        transition:0.2s;
    }
    .menuIMG01_hidden{display:none;}
    #menuIMG02{display:none;}
    .menuIMG02_hidden{display:block !important;}
    #header_inner .sp_menuBG{
        background:#E6E6E6;
    }
    #header_inner #sp_menuBT img{height:40px;}
    #header_inner >a img{
        width:auto;
        height:100%;
        float:left;
        padding:2px 6px;
    }
    #header_inner li a{color:#000;text-decoration:underline;display:block;}
    #header_inner li{color:#000 }
    #header_inner >ul{
        display:none;
        width:100%;
        height:90vh;
        overflow-y:scroll;
        padding:0 2%;
        background:#E6E6E6;
        clear:both;
        z-index:100;
        font-size:16px;
    }
    #header_inner >ul >li{
        width:100%;
        height:auto;
        text-align:left;
        margin:0;
        padding:10px 6px;
        border-top:solid 1px #fff;
        border-bottom:solid 1px #000;
    }
    #header_inner .hav_children{
        position:relative;
    }
    #header_inner .slideToggle_icon{
        display:block;
        content:"+";
        position:absolute;
        font-size:18px;
        padding:10px 6px 10px 40%;
        right:0;
        top:0;
        color:#000;
    }
    #header_inner >ul ul{display:none;margin-top:10px;}
    #header_inner >ul >li >ul >li{
        width:100%;
        height:auto;
        text-align:left;
        margin:0;
        padding:10px 12px;
        background:rgba(51,51,51,0.2);
        color:#fff;
        border-top:solid 1px #fff;
    }
    #header_inner >ul >li >ul >li>ul >li{
        width:100%;
        height:auto;
        text-align:left;
        margin:0;
        padding:10px 12px;
        background:rgba(255,255,255,0.5);
        border-top:solid 1px #fff;
    }
    .head_k_span{
        margin-top:0px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size:0.8em;
    }
    
 /* =========================== header ====================================*/
/* =========================== front page ====================================*/
    #is_frontpage #main_slider{
       width:100%;
       height:auto;
       position:relative;
    }
    #is_frontpage #main_title{
       position:absolute;
       left:0;
       bottom:0;
       width:100%;
       height:auto;
       z-index: 5;
        padding-top: 8px;
        background: rgba(0,0,0,0.4);
        box-shadow: rgb(0 0 0 / 90%) 0 0 10px;
    }
    #is_frontpage #main_title h2{
       display:block;
       width:100%;
       padding:0 10px;
       margin-bottom:8px;
       font-size:24px;
       text-align:center;
    }
    #is_frontpage #main_title h2 span{color:#FF0000;}
    #is_frontpage #main_title >p{display:none;}
    #is_frontpage #introduce{display:none;}
    
    #information{padding:10px 2% 0 2%;}
    #information h1{font-size:20px;}
    #information dl{
        display:block;
        background:#F2F2F2;
        padding:10px;
        margin:8px 0;
        overflow-y:auto;
        font-size:12px;
    }
    #information dt,#information dd{float:left;color:#000;padding:0;}
    #information dt{
        width:20%;
        margin:0 6px 0 0;
    }
    #information dd{
        width:76%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #information dd a{color:#000;}
    
    #front_brand{padding:6px 0;}
    #front_brand a{color:#fff;text-decoration:none;}
    #front_brand ul{display:block;width:100%;border-spacing:3px 0;}
    #front_brand li{width:96%;margin:3px auto;}
    
    .front_item_list{margin:10px auto;font-size:14px !important;position:relative;}
    .front_item_list .swiper-slide,.front_item_list .swiper-slide li{
        width:100%;
    }
    .front_item_list a{color:#fff;text-decoration:none;}
    .front_item_list a img{
        background:#ccc;
        width:100%;
        height:auto;
    }
    .front_item_list h3{
        display:block;
        float:left;
        width:100%;
        height:26px;
        font-size:14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .front_item_list .body_price{
        float:left;
        width:100%;
        height:50px;
    }
    .front_item_list .body_price >span:nth-of-type(1){
        display:block;
        width:40%;
        float:left;
        line-height:16px;
        font-size:14px !important;
    }
    .front_item_list .body_price >span:nth-of-type(2){
        display:block;
        width:60%;
        float:left;
        font-size:20px !important;
    }
    .front_item_list .f_repair_history{display:none;}
    .front_item_list .total_price{display:none;}
    .front_item_list .car_spac {display:none;}
    
    #front_brog ul{width:100%;padding:0 2%;}
    #front_brog ul:nth-of-type(n+2){display:none;}
    #front_brog ul li{
        width:98%;
        margin:4px auto;
    }
    #front_brog ul li a{color:#fff;text-decoration:none;}
    #front_brog ul li a h3{
        widows:100%;
        font-weight:100;
        overflow-y:auto;
        }
    #front_brog ul li a h3 span{
        display:inline-block;
        float:right;
        font-size:0.8em;
        margin-top:8px;
        }
    
    #youtube_view{
        padding:0 2%;
    }
    #youtube_view div{
        position: relative;
        padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden;
        margin:20px auto;
    }
    #youtube_view iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #kt_ct05{
	width:100%;
	margin:0 auto;
    }
    #kt_ct05 #kt_shop{overflow-y:auto;}
    #kt_ct05 #kt_shop >img{
	display:block;
	width:100%;
    }
    #kt_ct05 #kt_shop >ul{display:none;}
    #kt_ct05 #kt_shop >ul li{
	margin-bottom:2%;
    }
    #kt_ct05 >p{
	display:block;
	font-size:16px;
	margin-bottom:10px;
    }
    #is_frontpage #kt_shopLink{
	width:98%;
	margin:0 auto;
	display:block;
	color:#fff;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	padding:6px 0;
	margin-bottom:20px;
	border:solid 1px #fff;
    }
    #is_frontpage #kt_shopLink:before{
        display:inline-block;
        content:"▲";
        transform: rotate(90deg)
    }
    #front_svbn{
	width:100%;
	margin:0 auto;
	border-spacing:10px;
	display:table;
    }
    #front_svbn li{
	width:100%;
	margin:10px 0;
    }
    #front_svbn li img{
	width:100%;
    }
    #front_kaitori ul{
	overflow-y:auto;
    }
    #front_kaitori >ul >li{
	width:100%;
	padding:10px;
    }
    #front_kaitori >ul >li .accordion .k_option  >ul >li{
        width:100%;
        float:left;
        margin:10px auto 0;
        padding:6px 6px 4px 20px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        position:relative;
        border-bottom:solid 1px rgba(255,255,255,0.5);
        background:rgba(255,255,255,0.2);
        line-height:1.6em;
    }
    #front_kaitori >ul >li .accordion .k_option  >ul >li:before{
        display:inline-block;
        content:">";
        position:absolute;
        left:3px;
        top:30%;
    }
    #front_kaitori >ul >li a{
        color:#fff !important;
        text-decoration:none;
        display:block;
    }
/* =========================== footer ====================================*/
    footer {
        width:100%;
        overflow-y:auto;
        background:black;
        text-align:center;
    }
    footer #foot-logo{
        width:100%;
        margin:20px auto;
    }
    footer #foot-logo img{
        width:60%;
    }
    footer #foot-links{
        text-align:left;
        width:100%;
        overflow-y:auto;
        margin:20px auto;
        color:#fff;
        border-top:solid 1px #FFFFFF;
        border-bottom:solid 1px #FFFFFF;
    }
    footer #foot-links li{
        display:inline-block;
        font-size:16px;
        padding:6px 0;
    }
    footer #Copyright{
        font-size:14px;
        display:block;
        width:100%;
        padding:5px 0;
        color:#000;
        background:#fff;
        border-bottom:solid 10px #000;
    }
/* =========================== footer ====================================*/
/* ===========================/shop/ #search====================================*/
    #is_archive #main_slider{
       width:100%;
       height:auto;
       background:#000;
    }
    #is_archive #main_title{
       display:none;
    }

    #is_archive #main_title h2 span{color:#FF0000;}
    #is_archive #main_title >p{display:none;}
    #is_archive #introduce{display:none;}
    
    #brand-inner{background:black;color:#fff;overflow-y:auto;}
    #brand-inner a{color:#fff;}
    #search{
        width:98%;
        margin:10px auto;
        border-collapse:separate;
        padding-bottom:20px;
        border-bottom:solid 1px #EEEEEE;
    }
    #search select{
        width:100%;
        height:40px;
        margin:6px auto;
        padding:10px 20px;
        font-size:16px;
        background:#EEEEEE;
        border:solid 1px #DEDCD7;
        border-radius:4px;
    }
    #search option:first-child{
        background:#E6E6E6;
    }
    #search option{
        background:#EEEEEE;
        margin:10px 0;
        height:30px;
        font-size:16px;
    }
    #car_pagination{
        width:100%;
        margin:10px auto;
        overflow-y:auto;
    }
    #car_pagination a,#car_pagination >span{
        font-size:14px;
        background:#EEEEEE;
        color:#000;
        padding:6px 10px;
        display:block;
        float:left;
        text-align:center;
        border:solid 1px #DEDCD7;
        text-decoration:none;
    }
    #car_pagination >span{opacity:0.8;}
    #page_first,#page_last{width:18%;height:35px;border-radius:4px;}
    #page_pre,#page_next{width:30%;height:35px;}
    #page_pre{border-radius:4px 0 0 4px;}
    #page_next{border-radius:0 4px 4px 0;}
    #page_first{margin-right:1%;}
    #page_last{margin-left:1%;}
    #now_page{
        display:block;
        width:100%;
        margin:0 auto;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }
    
    .car_list{
        margin-bottom:20px;
        overflow-y:auto;
        padding:0 2%;
    }
    .car_list a{text-decoration:none;}
    .car_list a >h2{
        margin:10px 0;
        display:block;
        width:100%;
        font-size:18px;
    }
    .car_list a >h2 >span{
        display:block;
        width:100%;
        font-size:12px;
        font-weight:100;
    }
    .car_list .list_mainIMG{
        width:100%;
        height:auto;
        background:rgba(255,255,255,0.5);
    }
    .car_list .car_description{
        width:100%;
        position:relative;
        padding-top:20px;
    }
    .car_list .body_price,.car_list .total_price{
        width:39%;
        height:60px;
        float:left;
        margin-bottom:8px;
        border-right:solid 1px #DEDCD7;
        
    }
    .car_list .total_price{
        border-right:none;
        padding-left:5%;
    }
    .car_list .body_price_title,.car_list .total_price_title{
        display:block;
        font-size:14px;
    }
    .car_list .body_price_inner,.car_list .total_price_inner{
        display:block;
        font-size:24px;
    }
    .car_list .car_spac{
        width:100%;
        overflow-y:auto;
        font-size:16px;
        margin:0;
        padding-top:12px;
        border-top:solid 1px #DEDCD7;
        border-bottom:solid 1px #DEDCD7;
    }
    .car_list .car_spac li{
        width:50%;
        float:left;
        margin-bottom:10px;
        line-height:26px;
    }
    .car_list .car_spac li span{
        display:inline-block;
        width:66px;
        height:24px;
        margin-right:6px;
        text-align:center;
        background:#E6E6E6;
        color:#000;
    }
    .repair_history{
        position:absolute;
        top:14%;
        right:0;
        width:20%;
        height:36px;
        font-size:12px;
        font-weight:bold;
        text-align:center;
        background:#E6E6E6;
        color:#000;
        line-height:36px;
    }
    .car_subIMG{display:none;}
    #back_carlist{
        clear:both;
        width:300px;
        height:46px;
        background:#4499FF;
        margin:20px auto 40px auto;
        border-radius:6px;
        box-shadow:0 2px 2px rgba(0,0,0,0.3);
        transition:0.2s;
    }
    #back_carlist:hover{
        margin:22px auto 38px auto;
        box-shadow:0 2px 2px rgba(0,0,0,0.3) inset;
    }
    #back_carlist a{
        display:block;
        width:100%;
        text-decoration:none;
        line-height:46px;
        font-size:20px;
        text-align:center;
        color:#fff;
    }
    .shop_item_list{
        height:220px;
        overflow-y:hidden;
    }

/* ===========================/shop/ #search====================================*/
/* ===========================/shop/ single====================================*/
    #shop_brog{
        width:98%;
        margin:0 auto;
    }
    #shop_brog h2{
        width:80%;
        padding:8px 0 8px 10px;
        margin-top:20px;
        font-size:16px;
        background:#EEEEEE;
        color:#000;
        font-weight:100;
        border-left:solid 5px #37474F;
    }
    .shop_brog_list li{
        width:100%;
        padding:10px 10px 10px 40px;
        text-align:left;
        border:solid 3px #CCCCCC;
        position:relative;
    }
    .shop_brog_list a{color:#000;}
    .shop_brog_list li:before{
        display:block;
        content:"▲";
        transform:rotate(90deg);
        position:absolute;
        left:10px;
    }
    .shop_brog_list h3{
        
        box-sizing: border-box;
    }
    .shop_brog_list h3 span{
        display: block;
        width: 100%;
        text-align: right;
    }
    .shop_item_list{
        padding-top:20px;
        border:solid 1px #CCCCCC;
    }
    #back_carlist{
        clear:both;
        width:330px;
        height:46px;
        background:#4499FF;
        margin:20px auto 40px auto;
        border-radius:6px;
        box-shadow:0 2px 2px rgba(0,0,0,0.3);
        transition:0.2s;
    }
    #back_carlist:hover{
        margin:22px auto 38px auto;
        box-shadow:0 2px 2px rgba(0,0,0,0.3) inset;
    }
    #back_carlist a{
        display:block;
        width:100%;
        text-decoration:none;
        line-height:46px;
        font-size:20px;
        text-align:center;
        color:#fff;
    }
    .car-detail_description .soldout_display p{
        font-size:34px;
    }
/* ===========================/shop/ single====================================*/
    .cardlink {
        padding: 12px 12px 12px 12px;
        margin: 10px 0;
        border: 1px solid #ddd;
        word-wrap: break-word;
        max-width: 100%;
        background: #fafafa;
    }
    .cardlink_thumbnail {
        float: left;
        margin-right: 20px;
    }
    .cardlink_thumbnail img{width: 120px;}
    
    .cardlink_content{display: block;clear: both;}
    .cardlink .timestamp {
        font-family: Arial,sans-serif;
        display: inline;
        margin: 0;
        padding: 0;
        vertical-align: top;
        color: #666;
        line-height: 1.6;
        font-size: 12px;
    }
    .cardlink_title {
        font-size: 16px;
        margin: 0 0 5px;
        font-weight: 600;
    }
    .cardlink_excerpt {
        color: #333;
        font-size: 13px;
        overflow: hidden;
        line-height: 1.8;
    }
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media screen and (min-width: 771px) {
    .SPonly{display:none !important;}
    body{min-width:1200px;padding-top:108px !important;}
    body,body *{font-size:14px;}
    #is_frontpage{background:black;color:#fff;}
    section a{color:#000;}
    body >h2{
        width:1200px;
        font-size:24px;
        padding:6px 10px;
        margin:10px auto;
        display:block;
        border-top:solid 2px #fff;
        border-bottom:solid 2px #fff;
    }
    body >h2 >a{
        display:inline-block;
        float:right;
        padding:4px 0px;
        text-decoration:none;
        transition:0.2s;
        font-size:20px;
    }
    body >h2 >a:hover{
        text-decoration:underline;
    }
    body >h2 >a:before{
        display:inline-block;
        content:"▲";
        transform: rotate(90deg)
    }
    section{width:1200px;margin:0 auto;}
    section li a{transition:0.2s;}
    section li a:hover{
        opacity:0.8;
    }
    .post_content{
        margin:0 auto;
        font-size:12px !important;
    }
    
 /* =========================== header ====================================*/
    header{
        width:100%;
        margin:0;
        background:#000;
        position:fixed;
        top:0;
        left:0;
        z-index:100;
    }
    #header_inner{
        width:1200px;
        height:108px;
        margin:0 auto;
        padding:26px 10px 0 10px;
        position:relative;
    }
    #header_inner >h3{
        position:absolute;
        top:10px;
        right:16px;
        color:#fff;
        padding-right:00px;
    }
    #header_inner >a img{
        width:180px;height:auto;float:left;
    }
    #header_inner >ul{
        display:table;
        width:980px;
        float:right;
        margin:0 auto 0 20px !important;
    }
    #header_inner >ul >li{
        display:table-cell;
        width:auto;
        min-height:60px;
        text-align:center;
        margin:0;
        padding:20px 8px;
        //line-height:60px;
        font-size:14px
    }
    #header_inner >ul >li:nth-of-type(1){width:110px;}
    #header_inner >ul >li:nth-of-type(2){width:auto;}
    #header_inner >ul li a{text-decoration:none;font-size:14px;transition:0.2s;}
    .dropdwn{
        display: flex;
    }
    #header_inner ul{
        text-align: center;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        color: #fff;
	z-index:10;
    }
    #header_inner li{
        max-width: calc(1200px/5);
        position: relative;
        padding: 5px;
        display: block;
        cursor: pointer;
    }
    .dropdwn>li{
        margin: 1px;
        display: inline;
	z-index:10;
    }
    .dropdwn_menu{
        width: 160px;
        display: none;
        position: absolute;
        z-index:10;
        margin-left: -5px;
        margin-top: 0px;
        padding: 0;
        left: 50%;
        transform: translateY(0) translateX(-50%);
        -webkit-transform: translateY(0) translateX(-50%);
    }
    .dropdwn_menu li{
        width: 100%;
        min-height:36px;
        line-height:30px;
        background:#000;
    }
    .dropdwn_menu li a{
        display: block;
        color: #fff;
    }
    .dropdwn_menu li >.dropdwn_menu2{
        width: 160px;
        display: none;
        position: absolute;
        left:160px !important;
        top:0px;
        z-index:10;
        margin-left: 0;
        margin-top: 0px;
        padding: 0;
    }
    .dropdwn_menu2 li{
        width: 100%;
        min-height:36px;
        line-height:30px;
        padding-left:16px !important;
        background:#333333;
        text-align:left !important;
    }
    #header_inner li a:hover{
        color: rgb(255,0,0);
    }
    .head_k_span{
        margin-top:-20px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size:0.6em;
    }
 /* =========================== header ====================================*/
    

    
    

 /* =========================== front page ====================================*/
    #is_frontpage #main_slider{
        width:100%;
        height:490px;
        overflow-x:hidden;
        overflow-y:hidden;
        background-position:center;
        background-size:cover;
        background-repeat: no-repeat;
        position:relative;
    }
    #is_frontpage #main_slider img{
        width: auto !important;
        height: 498px !important;
    }
    #is_frontpage #main_title{
        position:absolute;
        left:48%;
        top:140px;
        width:50%;
        height:300px;
        z-index:10;
    }
    #is_frontpage #main_title h2{
        display:block;
        width:630px;
        padding:0 20px;
        margin-bottom:8px;
        font-size:48px;
        background:#000;
    }
    #is_frontpage #main_title h2 span{font-size:48px;color:#FF0000;}
    #is_frontpage #main_title >p span{display:block;font-weight:bold;font-size:18px;}
    #is_frontpage #main_title >p{font-weight:100;min-width:630px;}
    
    #introduce >div{
        margin:16px auto;
        padding:1% 2%;
        border:solid 2px #fff;
    }
    #introduce >div >h2{
        font-size:20px;
        margin:0;padding:0;
    }
    #information{padding:0;margin: 40px auto;}
    #information h2{
        display: block;
        overflow-y: auto;
        font-size:20px;
    }
    #information h2 a{
        color: #fff;
        float: right;
        font-size: 20px;
        text-decoration: none;
    }
    #information h2 a:hover{
        text-decoration: underline;
    }
    #information >h2 >a:before {
    display: inline-block;
    content: "▲";
    transform: rotate(90deg);
}
    #information dl{
        display:block;
        background:#F2F2F2;
        padding:10px;
        margin:8px 0;
    }
    #information dt,#information dd{display:inline-block;color:#000;}
    #information dt{margin:0 40px;font-size:14px;}
    #information dd a{color:#000;}
    
    #front_brand a{color:#fff;text-decoration:none;}
    #front_brand ul{display:table;width:100%;border-spacing:20px 0;}
    #front_brand li{display:table-cell;width:33%;}
    
    .front_item_list{font-size:14px !important;position:relative;}
    .front_item_list .swiper-slide,.front_item_list .swiper-slide li{
        width:360px;
        
    }
    .front_item_list a{color:#fff;text-decoration:none;}
    .front_item_list a img{
        background:#ccc;
        width:360px;
        height:auto;
        margin-bottom:4px;
        overflow: hidden;
        aspect-ratio: 3 / 2;
    }
    .front_item_list h3{
        display:block;
        float:left;
        width:76%;
        height:26px;
        font-size:16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .front_item_list .f_repair_history{
        width:24%;
        height:26px;
        float:left;
        font-size:14px !important;
    }
    .front_item_list a .f_repair_history span{
        background:#E6E6E6;
        color:#000;
        padding:1px 6px;
        margin-right:5px;
        font-size:12px !important;
    }
    .front_item_list .body_price >span,.front_item_list .total_price >span{
        display:block;
        font-size:14px !important;
    }
    .front_item_list .body_price{
        float:left;
        width:60%;
        height:50px;
    }
    .front_item_list .total_price{
        float:left;
        width:40%;
        height:50px;
    }
    .front_item_list .car_spac{
        width:100%;
        display:table;
        border-spacing:0 4px;
        font-size:10px !important;
    }
    .front_item_list .car_spac:nth-of-type(1){border-top:solid 1px #fff;}
    .front_item_list .car_spac:nth-of-type(2){border-bottom:solid 1px #fff;}
    .front_item_list .car_spac li:nth-of-type(1){width:29%;}
    .front_item_list .car_spac li:nth-of-type(2){width:33%;}
    .front_item_list .car_spac li{
        display:table-cell;
    }
    .front_item_list .car_spac li span{
        background:#E6E6E6;
        color:#000;
        padding:0 3px;
        display:inline-block;
        width:50px;
        text-align:center;
    }
    #front_brog ul{
        width:100%;
        display:table;
        overflow-y:auto;
        border-spacing:20px 10px;
    }
    #front_brog ul li{
        width:25%;
        display:table-cell;
    }
    #front_brog ul li a{color:#fff;text-decoration:none;}
    #youtube_view{
        display:table;
    }
    #front_brog ul li a h3{
        widows:100%;
        font-weight:100;
        overflow-y:auto;
        }
    #front_brog ul li a h3 span{
        display:inline-block;
        float:right;
        font-size:0.8em;
        margin-top:8px;
        }
    
    #youtube_view div{
        display:table-cell;
        text-align:center;
    }
    #youtube_view iframe{
        width:360px;
        height:201px;
        margin:0 auto;
    }
    #kt_ct05{
	width:1200px;
	margin:0 auto;
    }
    #kt_ct05 #kt_shop{overflow-y:auto;}
    #kt_ct05 #kt_shop >img{
	display:block;
	float:left;
    }
    #kt_ct05 #kt_shop >ul{
	float:right;
	width:23.7%;
    }
    #kt_ct05 #kt_shop >ul li{
	margin-bottom:2%;
    }
    #kt_ct05 >p{
	display:block;
	margin-bottom:10px;
    }
    #front_svbn{
	width:100%;
	margin:0 auto;
	border-spacing:10px;
	display:flex;
    }
    #front_svbn li{
        width: 100%;
        margin: 0 4px;
    }
    #front_svbn li img{width: 100%;}
    #front_kaitori ul{
	overflow-y:auto;
    }
    #front_kaitori >ul{
	display:table;
    }
    #front_kaitori >ul >li{
	width:33%;
	display:table-cell;
	padding:10px;
    }
    #front_kaitori >ul >li .accordion .k_option  >ul >li{
        width:48%;
        float:left;
        margin:10px 1% 0;
        padding:6px 6px 4px 20px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        position:relative;
        border-bottom:solid 1px rgba(255,255,255,0.5);
        background:rgba(255,255,255,0.2);
        line-height:1.4em;
    }
    #front_kaitori >ul >li .accordion .k_option  >ul >li:before{
        display:inline-block;
        content:">";
        position:absolute;
        left:3px;
        top:30%;
    }
    
    #front_kaitori >ul >li a{
        color:#fff !important;
        text-decoration:none;
        display:block;
    }
 /* =========================== front page ====================================*/

/* =========================== footer ====================================*/
    footer {
        width:100%;
        overflow-y:auto;
        background:black;
        text-align:center;
    }
    footer #foot-logo{
        width:1200px;
        margin:20px auto;
    }
    footer #foot-logo img{
        width:365px;
    }
    footer #foot-links{
        display:block;
        width:1200px;
        padding:0 10px;
        margin:20px auto;
        text-align:center;
        color:#fff;
        border-top:solid 1px #FFFFFF;
        border-bottom:solid 1px #FFFFFF;
    }
    footer #foot-links li{
        display:inline-block;
        font-size:18px;
        padding:10px 0;
    }
    footer #Copyright{
        font-size:16px;
        display:block;
        width:100%;
        padding:6px 0;
        color:#000;
        background:#fff;
        border-bottom:solid 10px #000;
    }

/* ===========================/shop/ #search====================================*/
    
    #is_archive #main_title{
        position:absolute;
        left:48%;
        top:140px;
        width:50%;
        height:300px;
    }
    #is_archive #main_title h2{
        display:block;
        width:630px;
        padding:0 20px;
        margin-bottom:8px;
        font-size:48px;
        background:#000;
    }
    #brand-inner{background:black;color:#fff;overflow-y:auto;}
    #brand-inner a{color:#fff;}
    #search{
        width:1200px;
        margin:20px auto;
        display:table;
        border-collapse:separate;
        border-spacing:0 5px;
        padding-bottom:20px;
        border-bottom:solid 1px #EEEEEE;
    }
    #search select{
        display:table-cell;
        width:390px;
        height:40px;
        margin:0 5px;
        padding:10px 20px;
        font-size:16px;
        background:#EEEEEE;
        border:solid 1px #DEDCD7;
        border-radius:4px;
    }
    #search option:first-child{
        background:#E6E6E6;
    }
    #search option{
        background:#EEEEEE;
        margin:10px 0;
        height:30px;
        font-size:16px;
    }
    #car_pagination{
        width:1200px;
        margin:10px auto;
        overflow-y:auto;
    }
    #car_pagination a,#car_pagination >span{
        font-size:16px;
        background:#EEEEEE;
        color:#000;
        padding:4px 10px;
        display:block;
        float:left;
        text-align:center;
        border:solid 1px #DEDCD7;
    }
    #car_pagination >span{opacity:0.8;}
    #page_first,#page_last{width:70px;height:35px;border-radius:4px;}
    #page_pre,#page_next{width:500px;height:35px;}
    #page_pre{border-radius:4px 0 0 4px;}
    #page_next{border-radius:0 4px 4px 0;}
    #page_first{margin-right:20px;}
    #page_last{margin-left:20px;}
    #now_page{

        display:block;
        width:1200px;
        margin:0 auto;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }
    
    .car_list{
        margin-bottom:20px;
        border-bottom:solid 1px #DEDCD7;
        overflow-y:auto;
    }
    .car_list a{text-decoration:none;}
    .car_list a >h2{
        margin:10px 0;
        display:block;
        width:100%;
        font-size:25px;
    }
    .car_list a >h2 >span{
        display:block;
        width:100%;
        font-size:19px;
    }
    .car_list .list_mainIMG{
        width:480px;
        height:320px;
        float:left;
        overflow:hidden;
        background:rgba(255,255,255,0.5);
    }
    .car_list .car_description{
        width:690px;
        float:right;
        position:relative;
        padding-top:20px;
    }
    .car_list .body_price,.car_list .total_price{
        width:200px;
        height:74px;
        float:left;
        margin-bottom:20px;
        border-right:solid 1px #DEDCD7;
    }
    .car_list .total_price{
        padding-left:40px;
        border-right:none;
    }
    .car_list .body_price_title,.car_list .total_price_title{
        display:block;
        font-size:14px;
    }
    .car_list .body_price_inner,.car_list .total_price_inner{
        display:block;
        font-size:38px;
    }
    .car_list .car_spac{
        width:520px;
        overflow-y:auto;
        font-size:18px;
        margin:10px 0;
        
    }
    .car_list .car_spac li{
        width:160px;
        height:26px;
        float:left;
        margin-bottom:20px;
        line-height:26px;
        overflow-y:hidden;
    }
    .car_list .car_spac li span{
        display:inline-block;
        width:66px;
        height:24px;
        margin-right:6px;
        text-align:center;
        background:#E6E6E6;
        color:#000;
    }
    .repair_history{
        position:absolute;
        top:20px;
        right:0;
        width:146px;
        height:36px;
        font-size:20px;
        text-align:center;
        background:#E6E6E6;
        color:#000;
        line-height:36px;
    }
    .car_subIMG{
         border-top:solid 1px #DEDCD7;
         border-bottom:solid 1px #DEDCD7;
         width:100%;
         height:100px;
        overflow-y:auto;
        margin:10px 0;
    }
    .car_subIMG li{
        width:120px;
        height:80px;
        background:rgba(255,255,255,0.5);
        float:left;
        margin:8px 8px;
    }
/* ===========================/shop/ #search====================================*/

/* ===========================/shop/ single====================================*/
    #shop_brog{
        width:840px;
        margin:0 auto;
    }
    #shop_brog h2{
        width:240px;
        padding:8px 0 8px 10px;
        margin-top:20px;
        font-size:16px;
        background:#EEEEEE;
        color:#000;
        font-weight:100;
        border-left:solid 5px #37474F;
    }
    .shop_brog_list{
        width:100%;
        padding:10px 0 10px 40px;
        text-align:left;
        border:solid 3px #CCCCCC;
        position:relative;
    }
    .shop_brog_list:before{
        display:block;
        content:"▲";
        transform:rotate(90deg);
        position:absolute;
        left:10px;
    }
    .shop_item_list{
        padding-top:20px;
        border:solid 1px #CCCCCC;
    }
    #back_carlist{
        clear:both;
        width:330px;
        height:46px;
        background:#4499FF;
        margin:20px auto 40px auto;
        border-radius:6px;
        box-shadow:0 2px 2px rgba(0,0,0,0.3);
        transition:0.2s;
    }
    #back_carlist:hover{
        margin:22px auto 38px auto;
        box-shadow:0 2px 2px rgba(0,0,0,0.3) inset;
    }
    #back_carlist a{
        display:block;
        width:100%;
        text-decoration:none;
        line-height:46px;
        font-size:20px;
        text-align:center;
        color:#fff;
    }
    .car-detail_description .soldout_display p{
        font-size:34px;
    }
/* ===========================/shop/ single====================================*/
    .cardlink {
        padding: 12px 12px 12px 12px;
        margin: 10px 0;
        border: 1px solid #ddd;
        word-wrap: break-word;
        max-width: 100%;
        background: #fafafa;
        overflow: hidden;
    }
    .cardlink_thumbnail {
        float: left;
        margin-right: 20px;
    }
    .cardlink_content {
        line-height: 1.6;
    }
    .cardlink .timestamp {
        font-family: Arial,sans-serif;
        display: inline;
        margin: 0;
        padding: 0;
        vertical-align: top;
        color: #666;
        line-height: 1.6;
        font-size: 12px;
    }
    .cardlink_title {
        font-size: 16px;
        margin: 0 0 5px;
        font-weight: 600;
    }
    .cardlink_title a {
        font-weight: bold;
        color: #000;
        text-decoration: none;
    }
    .cardlink_excerpt {
        color: #333;
        font-size: 13px;
        overflow: hidden;
        line-height: 1.8;
    }
.single_leftBox td {
    border: solid 1px #ccc;
}
}