@charset "UTF-8";

.news {
    margin-bottom: 23px;
}

.news li {
    background: url(../images/point_8Fa_02.png) no-repeat left 8px;
    border-bottom: 1px dotted #cccccc;
    padding-left: 15px;
    margin: 5px 0px;
}

.ta_center {
    padding: 0px;
}

#item-list .inner img {
    width: 100%;
}

#nano_item .text-deco,
#other_products2 .text-deco {
    background-color: #f3da98;
    color: #ff0000;
    font-weight: 900;
    padding: 10px;
    text-shadow:
        2px 2px 3px #ffffff,
        -2px 2px 3px #ffffff,
        2px -2px 3px #ffffff,
        -2px -2px 3px #ffffff,
        2px 0px 3px #ffffff,
        0px 2px 3px #ffffff,
        -2px 0px 3px #ffffff,
        0px -2px 3px #ffffff;
    width: fit-content;
}

#nano_item .red-box,
#vital-dna-fucoidan_item .red-box,
#other_products .red-box,
#other_products2 .red-box {
    background-color: orange;
    color: white;
    font-weight: 700;
    padding: 10px;
}

h4 dt {
    font-weight: bold;
}

.height {
    margin-top: 16px;
    height: 80px;
}

.height img {
    margin-top: 10px;
}

#nano_item .flex_sb_start {
    margin-top: 48px;
}

.wrap3 {
    width: 30%;
}

.wrap4 {
    width: 24%;
}

#other_products2 .flex_start_start a {
    width: 25%;
}

.wrap3 a img:not(p img) {
    width: 100%;
}

.wrap4 a img {
    display: block;
    margin: auto;
}

.wrap3 p a img,
.wrap4 p a img {
    width: 120px;
}

.yellow-box {
    padding: 10px;
}

#fucoxanthin_item .border-bottom {
    border-top: solid 1.5px #ffcc34;
    margin: 30px 0px;
}

#fucoxanthin_item .border-bottom img:not(a img) {
    margin: 23px 10px 16px 0px;
    width: 120px;
}

#fucoxanthin_item .border-bottom a img {
    width: 300px;
}

#fucoxanthin_item .border-bottom .text-deco {
    color: #177446;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    padding-bottom: 0px;
}

#bio_item .ta_center:first-of-type:not(p) {
    margin: 23px 0px;
}

#bio_n_fu_item .height_free h4 dl,
#vital-dna-fucoidan_item .height_free h4 dl {
    height: 100px;
}

#bio_n_fu_item .wrap3,
#other_products2 .wrap4 {
    margin-right: 30px;
}

a .color_ff0000:not(dl .color_ff0000) {
    padding: 10px 0px;
    text-align: center;
}

#other_products2 .height_free h4 dl {
    height: 70px;
}

#other_products2 .border-bottom {
    padding-bottom: 0px;
    margin-bottom: 23px;
}

@media screen and (max-width:900px) {
    #item-list img {
        margin: 23px 0px;
        width: 100%;
    }

    #other_products .color_ff0000,
    #other_products2 .color_ff0000 {
        text-align: center;
        padding-bottom: 0px;
    }

    #nano_item .text-deco,
    #other_products2 .text-deco {
        margin: 23px auto;
    }

    #other_products2 .padding-bottom23 {
        padding-bottom: 0px;
    }

    .wrap3,
    .wrap4 {
        margin: auto;
        width: 80%;
    }

    .wrap4 a img:not(p img) {
        width: 100%;
    }

    .height {
        height: fit-content;
        text-align: center;
    }

    #fucoxanthin_item .border-bottom a img {
        width: 100%;
    }

    #bio_n_fu_item .height_free h4 dl,
    #vital-dna-fucoidan_item .height_free h4 dl,
    #other_products2 .height_free h4 dl {
        height: fit-content;
    }

    .red-box {
        margin: auto;
        width: fit-content;
    }

    .ta_center dt {
        margin-top: 16px;
    }
}