.btn__cart .stock {
    display: block;
    text-align: center;
    color: red;
    font-size: 13px;
}

.btn__cart img {
    width: 100%;
}

.btn__cart .soldbtn {
    display: none;
}

.btn__cart.sold {
    pointer-events: none;
}

.btn__cart.sold .soldbtn {
    display: block;
}

.btn__cart.sold .hoverOp {
    display: none;
}

.tachiyomi {
    width: 90%;
    max-width: 100%;
}

.tachiyomi__detail {
    width: 100%;
    max-width: 900px;
    margin-bottom: 30px;
}

.tachiyomi__detail .swiper-slide {
    width: 100%;
}

.tachiyomi__detail .swiper-slide img {
    width: 100%;
}

.tachiyomi__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 870px;
    margin: 0 auto;
}

.tachiyomi__list > div {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}

.tachiyomi__list > div img {
    width: 100%;
}

.tachiyomi__list > div:hover {
    opacity: .8;
}

.tachiyomi__list > div:nth-child(3n) {
    margin-right: 0;
}

@media only screen and (max-width: 640px) {
    .tachiyomi {
        width: 100%;
    }

    .tachiyomi__detail {
        max-width: 90%;
        margin: 0 auto 15px;
    }

    .tachiyomi__list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 90%;
    }

    .tachiyomi__list > div {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .tachiyomi__list > div:hover {
        opacity: .8;
    }

    .tachiyomi__list > div:nth-child(3n) {
        margin-right: 15px;
    }

    .tachiyomi__list > div:nth-child(2n) {
        margin-right: 0;
    }
}