@charset "UTF-8";

/* another_ingredient-glucan↓ */
#another-ingredient {
    padding: 10px 20px;
}

#another-ingredient img {
    width: 100%;
}

/* beginners-guide↓ */
#payment_explanation ul,
#commission_explanation ul,
#return_explanation .color_ff0000 {
    padding-left: 10px;
}

.dot_img li:not(ol li) {
    background: url(../images/point_8Fa_02.png) no-repeat top 12px left;
    border-bottom: 1px dotted #cccccc;
    padding: 5px 10px;
}

#commission_explanation p {
    margin-top: 16px;
}


/* carbohydrate-chain↓ */
#page_carbohydrate-chain .flex_start_start img {
    padding: 0px 10px 23px;
}

#page_carbohydrate-chain .border-bottom {
    border-color: #8c80ff;
    margin-bottom: 23px;
}

.for_sp,
.scroll-hint {
    display: none;
}

/* customer-comments↓ */
#fv img {
    margin-top: 23px;
}

#voice_mail .flex_sb_start,
#voice_tell .flex_sb_start {
    margin-bottom: 16px;
}

#page_customer-comments .yellow-box {
    background-color: #ffa500;
    height: 230px;
    width: 30%;
}

#page_customer-comments .blue-dot {
    border: 1px dashed #0000ff;
    height: 230px;
    width: 68%;
}

#page_customer-comments .yellow-box p,
#page_customer-comments .blue-dot p {
    padding: 16px;
}

#voice_tell dl {
    display: flex;
    justify-content: start;
    align-items: start;
    padding-left: 10px;
}

#voice_tell dd {
    padding: 0px 8px;
}

/* d-betaglucan↓ */
.d-beta_table {
    border: 1px solid #0000ff;
    border-collapse: collapse;
    margin-bottom: 23px;
}

.d-beta_table th {
    border: 1px solid #0000ff;
    border-collapse: collapse;
    font-weight: normal;
    padding: 5px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.d-beta_table td {
    border: 1px solid #0000ff;
    border-collapse: collapse;
    padding: 5px 8px;
    text-align: center;
    vertical-align: middle;
}

#name_n_history .inner {
    padding-left: 16px;
}

#name_n_history h5 {
    padding: 8px 0px 0px 10px;
}

#name_n_history ul {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0px 0px 16px 10px;
}

#name_n_history li {
    padding-right: 10px;
}

#nano-pre .flex_start_start {
    padding: 23px;
}

/* SP */
@media screen and (max-width:900px) {

    /* another_ingredient-glucan無し */
    /* beginners-guide↓ */
    #question_n_tel img {
        width: 100%;
    }


    /* carbohydrate-chain↓ */
    #page_carbohydrate-chain p img {
        width: 100%;
    }

    #page_carbohydrate-chain .flex_start_start {
        display: flex;
        justify-content: space-between;
        align-items: end;
    }

    #page_carbohydrate-chain .flex_start_start img {
        width: 50%;
    }


    /* customer-comments↓ */
    #page_customer-comments #fv img {
        width: 100%;
    }

    #page_customer-comments .yellow-box,
    #page_customer-comments .blue-dot {
        height: fit-content;
        width: 100%;
    }

    #page_customer-comments .yellow-box {
        border-bottom: none;
    }

    #page_customer-comments .blue-dot {
        border-style: solid;
    }

    #voice_tell dl {
        flex-wrap: wrap;
    }

    #voice_tell dt {
        width: fit-content;
    }

    #voice_tell dd {
        width: 60%;
    }

    /* d-betaglucan↓ */
    #page_d-betaglucan img:not(.for_sp img) {
        width: 100%;
    }

    #name_n_history ul {
        flex-wrap: wrap;
    }

    #name_n_history .inner {
        padding-left: 0px;
    }

    #nano-pre .flex_start_start {
        padding: 0px;
    }

    .table_scroll {
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    .d-beta_table {
        border-collapse: collapse;
    }

    .scroll-hint {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-weight: 700;
        line-height: 1.4;
        display: none;
        animation: scroll-hint-animation 2s infinite ease;
    }

    .scroll-hint--show {
        display: block;
    }

}