/*.car-info-json {
    margin-top: 70px;
}*/

.json-detail-get {
    padding: 50px 0 40px 0;
}
.json-detail-get h3 {
    text-align: left;
    font-weight: 600;
    
}
h3.tt-in-de-js {
    font-size: 18px;
    font-weight: 600;
    padding: 2px 0;
    border-left: 5px solid #eb5d1f;
    padding-left: 10px;
    margin-bottom: 15px;
}
.custom-table th {
    font-size: 1em;
    background-color: #ec662b;
    padding: 0.5rem;
}
.custom-table td {
    font-size: 16px;
    padding: 0.5rem;
}
td.pr-spec {
    color: #eb5e21;
    font-weight: 600;
}
td.ali-spec {
    text-align: left;
    /*color: #eb6023;*/
    font-weight: 600;
}
section.spe-cs {
    margin-bottom: 40px;
}
.car-miles-info-detail {
    padding-bottom: 60px;
}
.space-control {
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.content-p-resize {
    margin-top: 0px;
}
h2.title-tt-all{
    text-align: center;
    font-weight: 600;
    color: #eb5e20;
}
ul#list-soba-custom a:hover li {
    background-color: #e2e2e299;
}
tr.clickable-row:hover .hover-ts {
    background-color: #b8b7b71c;
    cursor: pointer;
}
/*tr.clickable-row:hover .hover-ts-grade {
    background-color: #b8b7b71c;
    cursor: pointer;
}*/
/*tr.clickable-row:hover .hover-ts span {
    color: #eb5e21;
    font-weight: 600;
}*/
/*tr.clickable-row:hover .hover-ts-grade span {
    color: #eb5e21;
    font-weight: 600;
}*/
.hover-ts span:hover{
    color: #eb5e21;
    font-weight: 600;
}
.hover-ts-grade span:hover {
    color: #eb5e21;
    font-weight: 600;
}
td.hover-ts-grade {
    text-align: left;
}
h2.year-info-tt {
    text-align: center;
    color: #eb5e20;
}
@media (min-width: 468px) {
    .car-year-info-conent {
        margin-top: 54px;
    }
    .kiji-car-detail h3 {
        font-size: 22px;
    }
    .inner-text{
        padding: 30px 20px;
    }
    .sp-show {
        display: none;
    }
    section#car-info-plus {
        padding-top: 0px;
    }
    .br-xs {
        display: none;
    }
    ul.year-column-relation {
        column-count: 3;
    }
    ul.guredo-column li a {
        font-size: 14px;
    }
    .pc-b {
        display: block;
    }
}
@media (max-width: 468px) {
    td.hover-ts {
        font-size: 13px;
        font-weight: 600;
    }
    .custom-table td {
        font-size: 13px;
        font-weight: 600;
        vertical-align: middle;
    }
    .custom-table th {
        font-size: 0.9em;
    }
    section#car-info-plus {
        padding-top: 0px!important;
    }
    .car-year-info-detail {
        padding: 0 6px;
        margin-top: 20px;
    }
    .car-guredo-info-detail {
        padding: 0 6px;
    }
    .car-miles-info-detail {
       padding: 0 6px; 
    }
    .kiji-car-detail {
        padding: 0 6px;
    }
    .kiji-car-detail h3 {
        font-size: 18px;
    }
    .inner-text{
        padding: 30px 4px;
    }
    .sp-show {
        display: block;
    }
    .car-info-json {
        margin-top: 40px!important;
    }
    .banner-text-content-new span {
        font-size: 14px;
    }
    .banner-text-content-new {
        margin-top: 25px;
    }
    section#banner-text-car-new {
        padding: 35px 4px 0;
    }
    h2.year-info-tt {
        padding-bottom: 20px;
    }

    .br-xs {
        display: block;
    }
    ul.year-column-relation {
        column-count: 2;
    }
    ul.year-column-relation li a{
        font-size: 14px;
    }
    ul.guredo-column li a {
        font-size: 13px;
    }
    h2.title-tt-all {
        font-size: 18px;
        padding: 0 6px
    }
    .grand-content-info-y {
        padding: 0 5px 15px;
    }
    .grade-content-info-km {
        padding: 0 5px 15px;
    }
    .pc-b {
        display: none;
    }
}
section.post-car-kiji-page {
    padding-top: 80px;
}
section.car-detail-page-btn.spe-cs.cus-space {
    margin-bottom: 30px
}
.kiji-car-content h2 {
    text-align: center;
    /*color: #eb5c1e;*/
    font-weight: 600;
}
.year-data-all {
    padding: 0 6px;
}
/*.kiji-car-detail h3:after {
    content: "";
    display: block;
    height: 13px;
    background: url(../img/maker/line.png) no-repeat;
    background-size: contain;
}*/
.kiji-car-content h2 {
    margin: 40px 0;
}
.kiji-car-detail h3 {
  position: relative;
  padding-bottom: 10px;
  margin: 20px 0 10px 
}
.kiji-car-detail h3::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, #597c95, #597c95 2px, #fff 2px, #fff 4px);
}
.tt-line-car img {
    width: 8%;
}
.tt-line-car {
    text-align: center;
}
h2.kiji-car-title {
    margin-top: 10px;
}
.inner-text:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0 40px 40px 0;
    border-style: solid;
    border-color: #4c9ac0 #fff #597c95;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.inner-text {
    margin: 20px auto;
    background-color: #f7f9fa;
    position: relative;
}
.kiji-car-title {
    text-align: center;
    font-weight: bold;
    position: relative;
}
.kiji-car-title::before {
    position: absolute;
    top: -103px;
    left: 50%;
    translate: -50%;
    content: url('../../assets/img/light.svg');
    transform: scale(0.7);
}
.banner-text-content-new {
    margin-top: 12px;
}
.column-resixe {
    display: grid;
    width: 100%;
    margin: auto;
    margin-top: 15px;
}

ul.year-column-relation {
    list-style: none;
    text-align: center;
    background-color: #f6f6f6;
    padding: 10px 10px 0 10px;
}
.relation-year-content {
    margin-bottom: 30px;
}
ul.year-column-relation li {
    line-height: 38px;
    border-bottom: 1px solid #e7e7e7;
}
ul.year-column-relation li a {
    font-weight: 500;
    color: #ea5413;
}
h2.title-tt-all-ni {
    text-align: center;
    margin-bottom: 30px;
}
ul.year-column-relation li a:hover {
    color: #f3a787;
}
section.year-data-dake {
    padding-bottom: 0;
}
ul.guredo-column li {
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
}
section.grade-data-dake {
    padding-bottom: 0;
}
.hidden {
    display: none;
  }
.car-info-json {
    margin-top: 105px;
}
h2.title-tt-all {
    text-align: center;
}

@media (min-width: 992px) {
    .car-info-plus-detail h1 {
        font-size: 1.6rem;
        line-height: 36px;
        font-weight: 600;
    }
    h2.title-tt-all{
        font-size: 1.6rem;
    }
    h2.year-info-tt{
        font-size: 1.6rem;
    }
    .kiji-car-detail .inner-text table {
        width: 980px;
    }
    .hide-no-data {
        margin-top: 70px;
    }

}
.spa-spa {
    padding: 0 4px;
}
.current-item {
    letter-spacing: -2px;
}
.breadcrumbs span {
    padding: 0 3px;
}
.custom-rankin-style a {
    width: 30%;
}
.custom-rankin-style .maker__famous-car-item {
    width: 100%;
}
.text-nodata-info {
    text-align: center;
    margin-top: 30px;
}

@media (min-width: 768px){
    .brand-info-top-all-content {
        width: 100%;
        display: inline-flex;
    }
    .brand-model-all {
        width: 30%;
    }
    .brand-model-all img {
        /*width: 100%;*/
    }
    .brand-text-all {
        width: 70%;
    }
    p.price-all-line {
        font-size: 47px;
        font-weight: 900;
        color: #ff5c00;
        padding-bottom: 0px;
    }
    .price-all-line span.man-text-cus-one {
        color: #000;
        font-size: 30px;
        font-weight: 600;
    }
    .price-all-line span.man-text-cus-two {
        color: #000;
        font-size: 30px;
        font-weight: 600;
    }
    section#car-info-plus {
        padding-bottom: 0px;
    }
    
    .brand-button-line {
        width: 100%;
        display: inline-flex;
        justify-content: center;
    }
    .big-button-line {
        text-align: center;
        width: 406px;
        margin-top: 15px;
        margin-bottom: -10px;
    }
    .big-button-line span {
        background-color: #ff5c00;
        color: #fff;
        padding: 3px 26px;
        font-weight: 600;
        font-size: 20px;
        border-radius: 15px;
    }
    span.space-custom-center {
        color: #000;
        font-weight: 600;
        font-size: 30px;
        padding: 0 12px;
    }
    .brand-button-line-sp {
        display: none;
    }
    .brand-logo-line:before {
        height: 5px;
        width: 125px;
        margin-right: 10px;
    }
    .brand-logo-line:after{
        width: 125px;
        height: 5px;
        margin-left: 10px;
    }
    .brand-logo-line p {
        padding: 0 0 0 10px;
        font-size: 26px;
    }
}
@media (max-width: 768px){
    .brand-model-all {
        width: 35%;
    }
    .brand-model-all img {
        width: 100%;
    }
    .brand-text-all {
        width: 65%;
    }
    .big-button-line {
        text-align: left;
        margin-left: 10px;
    }
    .brand-button-line {
        display: none;
    }
    .brand-logo-line img {
        width: 46%;
    }
    .brand-button-line-sp.sp-line {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        padding: 6px 4px;
        background-color: #eaeaea;
    }
    .button-line-item-sp {
        border: 1px solid #ff5c00;
        width: 33%;
        margin: 0 2px;
        text-align: center;
        padding: 0 10px 5px;
        background-color: #fff;
    }
    .button-line-item-sp a p {
        line-height: 16px;
        font-size: 11px;
        margin-bottom: 0;
    }
    .button-line-item-sp a p span {
        font-size: 11px;
        color: #ec6227;
        font-weight: 600;
    }
    .button-line-item-sp img {
        height: auto;
        padding: 5px 0 0 0;
    }
    section#car-info-plus {
        padding-bottom: 0;
    }
    .brand-info-top-all-content{
        justify-content: center;
        align-items: center;
    }
    .big-button-line span {
        background-color: #ff5c00;
        color: #fff;
        padding: 3px 20px;
        font-weight: 600;
        border-radius: 10px;
    }
    p.price-all-line {
        font-size: 28px;
        font-weight: 900;
        color: #ff5c00;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    span.man-text-cus-one {
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }
    span.space-custom-center {
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }
    span.man-text-cus-two {
        font-weight: 500;
        font-size: 14px;
        color: #000;
    }

}
@media (min-width: 768px) and (max-width: 1200px){
    .brand-logo-line img {
        width: 20%;
    }
    .brand-logo-line p {
        font-size: 20px;
    }
    .button-line-item a p {
        font-size: 11px;
    }
    .brand-info-top-all-content{
        align-items: center;
    }
}
.brand-info-top-all-content {
    width: 100%;
    display: inline-flex;
}

.brand-detail-all {
    text-align: center;
}
.brand-logo-line p {
    margin: 0;
    font-weight: 600;
}

.button-line-item a p {
    margin: 0;
}
.button-line-item a {
    display: inline-flex;
    align-items: center;
    border: 1px solid #a3a3a3;
    height: 70px;
    padding: 8px;
}
.button-line-item {
    width: 33%;
}
.button-line-item a p {
    line-height: 20px;
    padding-left: 9px;
    font-weight: 600;
}
.button-line-item a p span {
    color: #ff5c00;
}
.brand-logo-line:before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    background: repeating-linear-gradient(-45deg, #597C95, #597C95 2px, #fff 2px, #fff 4px);
}

.brand-logo-line:after {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    background: repeating-linear-gradient(-45deg, #597C95, #597C95 2px, #fff 2px, #fff 4px);
    
}
.button-line-item a:hover {
    border: 1px solid #ff5c00;
}
.brand-info-top-all {
    padding: 0 5px;
}
.brand-logo-line {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}