
/*コレクションパーツエリア*/
@media screen and (max-width: 989px) {
    .collection .slider--tablet.product-grid {
        padding-top: 10px;
    }
}

    .grid__item {
        margin-top: 1.5rem;
    }

.p-coll-top {
    padding: 12rem 3rem 5rem 3rem;
    background: #efeae2;
}
@media screen and (max-width: 767px) {
    .p-coll-top {
        padding: 8rem 0;
    }
}
.p-coll-bottom {
    padding: 0rem 3rem 12rem 3rem;
    background: #efeae2;
}
@media screen and (max-width: 767px) {
    .p-coll-top {

    }
}
/*コレクションページ*/
.card__inner {
    position: relative;
    background: #ffffff;
    margin-bottom: -5px;
}
.card .media {
    width: 100%;
    overflow: hidden;
    border-radius: 4rem 4rem 0 0;
    aspect-ratio: 380 / 250;
}
.card__information {
    background: #ffffff;
    border-radius: 0 0 4rem 4rem;
}
.p-negotiation {
    display: block;
    padding: 0.6rem;
    color: #ffffff;
    border-radius: 2rem;
    background:rgb(101, 160, 224);
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 50%;
    width: 16rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 0.1em;
}
.p-sold-out {
    display: block;
    padding: 0.6rem;
    color: #ffffff;
    border-radius: 2rem;
    background: #f5cc54;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 50%;
    width: 16rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 0.1em;
}
.p-sold-out-shop {
    display: block;
    padding: 0.6rem;
    color: #ffffff;
    border-radius: 2rem;
    background: #333333;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 50%;
    width: 16rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 0.1em;
}

.p-sale {
    display: block;
    padding: 0.6rem;
    color: #ffffff;
    border-radius: 2rem;
    background:rgb(84, 245, 140);
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 50%;
    width: 16rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 0.1em;
}



.p-intr__item {
    position: relative;
    border-radius: 4rem;
    background: #ffffff;
}
.p-intr__descitem {
    position: relative;
    border-radius:  0 0 4.4rem 4rem;
    background: #ffffff;
}
.p-intr__descitem__desc {
    padding: 1rem 2vw;
}
@media screen and (max-width: 767px) {
    .p-intr__descitem__desc {
        padding: 2rem;
    }
}

.p-intr__item__desc__h3 {
    font-size: clamp(1rem, 1.2vw, 1.6rem);
    font-weight: 600;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: dotted 2px #ebe4d7;
}
@media screen and (max-width: 767px) {
.p-intr__item__desc__h3 {
    font-size: 1.6rem;
}
}
.p-intr__item__detail {
    display: grid
;
    gap: 1.05rem 0;
    grid-template-columns: 7rem 1fr;
    padding: 2rem 0;
}
.p-intr__item__detail dt {
    font-size: clamp(1rem, 1.2vw, 1.4rem);
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .p-intr__item__detail dt {
        font-size: 1.4rem;
    }
}
.p-intr__item__detail dd {
    font-size: clamp(1rem, 1.2vw, 1.4rem);
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .p-intr__item__detail dd {
        font-size: 1.4rem;
    }
}
.p-intr__item__number {
    display: grid
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 2px #dddddd;
    border-radius: 0.6rem;
    grid-template-columns: auto 1fr;
}
.p-intr__item__number dt {
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    font-weight: 600;
    padding: 0.8rem;
    background: #dddddd;
}
@media screen and (max-width: 767px) {
    .p-intr__item__number dt {
        font-size: 1.2rem;
    }
}
.p-intr__item__number dd {
    text-align: center;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
}
@media screen and (max-width: 767px) {
    .p-intr__item__number dd {
        font-size: 1.2rem;
    }
}


