@charset "UTF-8";

/* worksDetail */
.detail__img {
    border-radius: 2.133vw;
}

.spImg {
    border-radius: 3.466vw;
}

.detail__color span {
    width: 36.58vw;
}

.detail__color span:first-of-type {
    color: var(--mainColor-gray);
    background-color: var(--mainColor-black);
}

.detail__color span:nth-of-type(2) {
    color: var(--mainColor-black);
    background-color: var(--mainColor-gray);
}

.detail__color span:last-of-type {
    width: 18.29vw;
    background-image: url(../images/gradation.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* worksDetail pc */
@media screen and (min-width:821px) {
    .detail__item--info .detail__img {
        border-radius: 0.625vw;
        height: 19.72vw;
    }

    .detail__item--info .spImg {
        border-radius: 0.451vw;
    }
    
    .detail__item--design .detail__img {
        height: 15.41vw;
        border-radius: 0.486vw;
    }

    .detail__color span {
        width: 33.27vw;
    }

    .detail__color span:last-of-type {
        width: 16.63vw;
    }
}
/* worksDetail pc */
/* worksDetail */

/* siteImg */
.siteImg__item--pc:first-of-type, .siteImg__item--sp:first-of-type {
    margin-top: 0;
}
/* siteImg */