/*.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;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
}

.wp-pagenavi>* {
    padding: 4px 8px;
}

@media (max-width: 768px) {
    .wp-pagenavi {
        justify-content: space-around;
    }
}