main{
    background-image: url(./img/d-light_bg.jpg);
}

main:before{
    position: absolute;
    content: '';
    margin: auto;
    width:40%;
    height:250px;
    background-image: url(./img/kumiki_d.jpg);
    background-size: 50%;
    border:5px solid #1a1a1a;
    border-left:0;
    top:225px;
    left:0;
    box-shadow: 5px 5px 10px #000;
}

main *{
    color:#fff;
}

main .content h2 span{
    margin-bottom: 0;
    padding-left:150px;
    font-size:150%;
    background-image: url(./img/d-light_logo.svg);
    background-size:contain;
    background-position:left center;
    background-repeat: no-repeat;
}


main .content h2 span::before,
main .content h2 span::after{
    display: none;
}

.telbox{
    padding:.5em 1em;
    font-size:130%;
    text-align: center;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(75,75,75,1) 100%);
    border-radius:8px;
}

.telbox a{
    position: absolute;
    margin: auto;
    width:100%;
    height: 100%;
    text-align: left;
    text-indent: -100%;
    top:0;
    left:0;
    overflow: hidden;
    border-radius:8px;
    transition:.2s;
}

.telbox a:hover{
    background-color: rgba(255,255,255,.3);
}

.telbox span{
    font-size:150%;
}

.telbox span svg{
    margin:4px;
    height: 1em;
    fill: #fff;
}

/* car detail */

.slider-nav .slick-track {
    transform: unset !important;
}

.slider-nav .slick-list{
    padding:.5em !important;
}

.slick-slide{
    text-align: center;
}

main .slick-slide img{
    display: inline-block;
    box-shadow: 5px 5px 10px #000;
}

.thumbnail-img {
    opacity: .5;
    transition: opacity .3s linear;
    cursor: pointer;
}

.thumbnail-img img {
    box-shadow: none;
}

.slider-nav .slick-current {
    opacity: 1;
}

.thumbnail-img {
    width: 25% !important;
}

#car_detail{
    font-size:85%;
}

.price_str{
    text-align: center;
}

.price_str span{
    display: inline-block;
    padding: 0 1em;
    color: #f10;
    font-size:180%;
    font-weight: bold;
}

.tool_item{
    display:inline-block;
    padding:.3em;
}

@media screen and (max-width: 600px){
    header #nav_toggle.toggle_w #nav_toggle_icon,
    header #nav_toggle.toggle_w #nav_toggle_icon::before,
    header #nav_toggle.toggle_w #nav_toggle_icon::after{
        background-color: #fff;
    }

    header #nav_toggle.toggle_w #nav_toggle_icon.close{
        background-color: transparent;
    }

    main:before{
        height: 120px;
        background-size:79%;
    }

    main .content h2 span{
        padding-left:1em;
        padding-top:120px;
        background-position: center top;
        background-size:auto 100px;
        text-align:center;
    }

    .price_str{
        word-break: keep-all;
    }

    .price_str span{
        display: block;
        -webkit-text-stroke: .5px #FFF;
        text-stroke: .5px #FFF;
    }
}