@charset "utf-8";
/*-----------------------------------------------
 * GOODS
-------------------------------------------------*/
.subCont {
    padding-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
    .subCont {
        padding-top: calc(24 / var(--vw-min) * 100vw);
    }
    .subSecWrap {
        padding: 0 calc(40 / var(--vw-min) * 100vw);
    }
}
.goods__lists {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: min(calc(56 / var(--vw-min) * 100vw),56px) min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .goods__lists {
        gap: calc(32 / var(--vw-min) * 100vw);
    }
}
.goods__item {
    width: calc((100% - min(calc(36 / var(--vw-min) * 100vw),36px)) / 3);
    position: relative;
    border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    border: min(calc(6 / var(--vw-min) * 100vw),6px) solid #fff;
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .goods__item {
        width: 100%;
        border-radius: calc(20 / var(--vw-min) * 100vw);
        border-width: calc(6 / var(--vw-min) * 100vw);
    }
}
.goods__item:nth-child(4n+1) {
    background-color: var(--color-green6AA);
}
.goods__item:nth-child(4n+2) {
    background-color: var(--color-blue00B);
}
.goods__item:nth-child(4n+3) {
    background-color: var(--color-blue47B);
}
.goods__item:nth-child(4n+4) {
    background-color: var(--color-orangeF85);
}
.goods__article {
    width: 100%;
    height: 100%;
}
.goods__itemIn {
    width: 100%;
    height: 100%;
    display: block;
    padding: min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(24 / var(--vw-min) * 100vw),24px);
    text-decoration: none;
}
@media screen and (max-width:768px){
    .goods__itemIn {
        padding: calc(15 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
    }
}
/** plus **/
.goods__plusWrap {
    width: min(calc(51 / var(--vw-min) * 100vw),51px);
    height: min(calc(51 / var(--vw-min) * 100vw),51px);
    position: absolute;
    top: min(calc(5 / var(--vw-min) * 100vw),5px);
    right: min(calc(4 / var(--vw-min) * 100vw),4px);
    z-index: 2;
}
@media screen and (max-width:768px){
    .goods__plusWrap {
        width: calc(41 / var(--vw-min) * 100vw);
        height: calc(42 / var(--vw-min) * 100vw);
        top: calc(4 / var(--vw-min) * 100vw);
        right: calc(2 / var(--vw-min) * 100vw);
    }
}
.goods__plusWrap::before {
    content: "";
    width: min(calc(44 / var(--vw-min) * 100vw),44px);
    height: min(calc(44 / var(--vw-min) * 100vw),44px);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}
@media screen and (max-width:768px){
    .goods__plusWrap::before {
        width: calc(36 / var(--vw-min) * 100vw);
        height: calc(36 / var(--vw-min) * 100vw);
    }
}
.goods__item:nth-child(4n+1) .goods__plusWrap::before {
    background-color: var(--color-green6AA);
}
.goods__item:nth-child(4n+2) .goods__plusWrap::before {
    background-color: var(--color-blue00B);
}
.goods__item:nth-child(4n+3) .goods__plusWrap::before {
    background-color: var(--color-blue47B);
}
.goods__item:nth-child(4n+4) .goods__plusWrap::before {
    background-color: var(--color-orangeF85);
}
.goods__more-glass {
    width: min(calc(40 / var(--vw-min) * 100vw),40px);
    height: min(calc(40 / var(--vw-min) * 100vw),40px);
    position: absolute;
    bottom: 0;
    left: min(calc(4 / var(--vw-min) * 100vw),4px);
    -webkit-mask: url(../img/common/deco/deco_glass.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_glass.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .goods__more-glass {
        width: calc(33 / var(--vw-min) * 100vw);
        height: calc(33 / var(--vw-min) * 100vw);
        left: calc(3 / var(--vw-min) * 100vw);
    }
}
.goods__plus-txt {
    width: min(calc(30 / var(--vw-min) * 100vw),30px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask: url(../img/common/deco/deco_more.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_more.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .goods__plus-txt {
        width: calc(23 / var(--vw-min) * 100vw);
        height: calc(17 / var(--vw-min) * 100vw);
    }
}
.goods__plus-icon {
    width: min(calc(12 / var(--vw-min) * 100vw),12px);
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    position: absolute;
    top: min(calc(24 / var(--vw-min) * 100vw),24px);
    left: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .goods__plus-icon {
        width: calc(10 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
        top: calc(19 / var(--vw-min) * 100vw);
        left: calc(13 / var(--vw-min) * 100vw);
    }
}
.goods__plus-icon::before,
.goods__plus-icon::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
    background-color: #fff;
}
@media screen and (max-width:768px){
    .goods__plus-icon::before,
    .goods__plus-icon::after {
        border-radius: calc(100 / var(--vw-min) * 100vw);
    }
}
.goods__plus-icon::before {
    width: min(calc(2 / var(--vw-min) * 100vw),2px);
    height: 100%;
}
.goods__plus-icon::after {
    width: 100%;
    height: min(calc(2 / var(--vw-min) * 100vw),2px);
}
@media screen and (max-width:768px){
    .goods__plus-icon::before {
        width: calc(2 / var(--vw-min) * 100vw);
    }
    .goods__plus-icon::after {
        height: calc(2 / var(--vw-min) * 100vw);
    }
}
/** img **/
.goods__img {
    width: 100%;
    padding-top: 62.1622%;
    position: relative;
    border-radius: min(calc(12 / var(--vw-min) * 100vw),12px);
    overflow: hidden;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .goods__img {
        border-radius: calc(12 / var(--vw-min) * 100vw);
    }
}
.goods__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    object-fit: contain;
    pointer-events: none;
}
/** name **/
.goods__name {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.48px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    overflow: hidden;
    padding: min(calc(14 / var(--vw-min) * 100vw),14px) 0;
}
@media screen and (max-width:768px){
    .goods__name {
        font-size: calc(14 / var(--vw-min) * 100vw);
        padding: calc(12 / var(--vw-min) * 100vw) 0;
    }
}
.goods__name::before {
    content: "";
    width: 100%;
    height: min(calc(1 / var(--vw-min) * 100vw), 1px);
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-mask: url(../img/common/deco/deco_line.svg) repeat-x left / min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(1 / var(--vw-min) * 100vw), 1px);
    mask: url(../img/common/deco/deco_line.svg) repeat-x left / min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(1 / var(--vw-min) * 100vw), 1px);
    background-color: #fff;
}
@media screen and (max-width:768px){
    .goods__name::before {
        height: calc(1 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
        mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
    }
}
/** info **/
.goods__info {
    min-height: calc(min(calc(14 / var(--vw-min) * 100vw), 14px) + min(calc(15 / var(--vw-min) * 100vw), 15px) * 1.866 * 3);
    position: relative;
    padding-top: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
    .goods__info {
        min-height: calc(calc(12 / var(--vw-min) * 100vw) + calc(13 / var(--vw-min) * 100vw) * 1.866 * 3);
        padding-top: calc(12 / var(--vw-min) * 100vw);
    }
}
.goods__info::before,
.goods__info::after {
    content: "";
    width: min(calc(5 / var(--vw-min) * 100vw), 5px);
    height: min(calc(5 / var(--vw-min) * 100vw), 5px);
    display: block;
    position: absolute;
    top: max(calc(-3 / var(--vw-min) * 100vw), -3px);
    border-radius: 50%;
    background-color: #fff;
}
.goods__info::before {
    left: 0;
}
.goods__info::after {
    right: 0;
}
@media screen and (max-width:768px){
    .goods__info::before,
    .goods__info::after {
        width: calc(5 / var(--vw-min) * 100vw);
        height: calc(5 / var(--vw-min) * 100vw);
        top: calc(-3 / var(--vw-min) * 100vw);
    }
}
.goods__infoItem {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: #fff;
    font-weight: 700;
    line-height: 1.866;
    letter-spacing: 0.45px;
    display: flex;
    align-items: baseline;
}
@media screen and (max-width:768px){
    .goods__infoItem {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.goods__info-dt {
    flex-shrink: 0;
}
.goods__info-dt::after {
    content: "：";
}
.goods__info-dd {
    flex: 1;
}
@media (hover: hover) and (pointer: fine){
    .goods__item:has(.goods__link):hover {
        transform: translateY(-5px) scale(1.05);
    }
    .goods__item:hover .goods__plus-icon {
        transform: rotate(180deg);
    }
}