@charset "UTF-8";

/* javaカートのデザイン↓ */
#product th,
#product2 th,
#product3 th {
    background-color: #e8ffe4;
    padding: 5px 30px;
    white-space: nowrap;
}

#product td,
#product2 td,
#product3 td {
    padding: 5px 10px;
    vertical-align: middle;
    white-space: nowrap;
}

/* カート周りそれぞれかも？↓*/
#product img,
#product2 img {
    width: 250px;
}

#product3 img {
    width: 120px;
}

#product .flex_sb_center,
#product2 .flex_sb_center {
    padding-bottom: 48px;
}

#product dl,
#product2 dl,
#product3 dl {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    padding-bottom: 16px;
    width: 385px;
}

#product dt,
#product2 dt {
    width: 55%;
}

#product dd,
#product2 dd {
    width: 45%;
}

#product3 dt {
    width: 30%;
}

#product3 dd {
    width: 70%;
}

#product3 .flex_sb_start {
    flex-wrap: wrap;
    width: 100%;
}

#product3 .flex_sb_start .inner {
    margin: 23px 0px 32px;
    text-align: center;
    width: 50%;
}

.cart {
    width: initial;
}

/* ここからそれぞれ↓ */
#details .text-deco {
    color: #340101;
    font-size: 32px;
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: 30px;
    padding-left: 0px;
}

#details img {
    margin-bottom: 23px;
    width: 500px;
}

#details .flex_start_center img {
    margin-right: 30px;
    height: 250px;
    width: auto;
}

#feature1 img,
#feature2 img,
#autumn_turmeric img,
#test img {
    margin-bottom: 23px;
    width: 750px;
}

#estimation img {
    margin-top: 23px;
    width: 600px;
}

#result img {
    margin: 23px 0px;
    width: 435px;
}

#product2 {
    border-top: 1px solid #8c80ff;
}

#product2 .fs20_n_bold {
    color: #ff0000;
}

#product2 h4 {
    margin-bottom: 0px;
}

#product2 .text-deco {
    color: #fff;
    font-size: 24px;
    font-family: "Noto Serif JP", serif;
    font-weight: 900;
    text-shadow: 2px 2px 3px #939393,
        -2px 2px 3px #939393,
        2px -2px 3px #939393,
        -2px -2px 3px #939393,
        2px 0px 3px #939393,
        0px 2px 3px #939393,
        -2px 0px 3px #939393,
        0px -2px 3px #939393;
}

#product2 .color_and_bold {
    padding: 23px 0px;
}

#product2 .premium-set_btn {
    margin: 23px 0px 48px;
}

#product3 p {
    padding-bottom: 0px;
}

/* sp */
@media screen and (max-width:900px) {
    #product .flex_sb_center {
        flex-direction: column-reverse;
    }

    #product dl,
    #product2 dl,
    #product3 dl {
        width: 350px;
    }

    #product3 .flex_sb_start .inner {
        width: 100%;
    }

    #details .text-deco {
        font-size: 24px;
    }

    #details img {
        width: 350px;
    }

    #details .flex_start_center {
        text-align: center;
    }

    #feature1 img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    #feature1 img:first-of-type {
        object-position: -6% 100%;
    }

    #feature1 img:last-of-type {
        object-position: 98% 100%;
    }

    #feature2 img,
    #autumn_turmeric img,
    #test img,
    #estimation img,
    #result img,
    #product img,
    #product2 img {
        width: 350px;
    }

    #autumn_turmeric img:not(:last-of-type) {
        width: 350px;
        height: 170px;
        object-fit: cover;
    }

    #autumn_turmeric img:first-of-type {
        object-position: -6% 100%;
    }

    #autumn_turmeric img:nth-of-type(2) {
        object-position: 106% 100%;
    }

}