/*dalponteページ*/
ul.color-list {
    height: 28px;
    list-style: none;
    margin-left: 0;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

ul.color-list li {
    margin: 3px;
    padding: 0px;
    width: 22px !important;
    height: 22px !important;
    border: 0;
    border-radius: 11px !important;
    float: left;
}

ul.color-list li.small {
    width: 16px !important;
    height: 16px !important;
    border-radius: 8px !important;
}

ul.color-list li.color-sum-wht {
    background-color: #fff;
    border: 1px solid #ccc;
}

ul.color-list li.color-sum-yel {
    background-color: #e8e04d;
}

ul.color-list li.color-sum-pnk {
    background-color: #eb7da4;
}

ul.color-list li.color-sum-red {
    background-color: #d33226;
}

ul.color-list li.color-sum-grn {
    background-color: #278c50;
}

ul.color-list li.color-sum-blu {
    background-color: #3157a8;
}

ul.color-list li.color-sum-nvy {
    background-color: #202d4d;
}

ul.color-list li.color-sum-blk {
    background-color: #020202;
}

.sample-price {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

@media screen and (max-width: 736px) {
    .sample-price {
        font-size: 18px;
    }
}

.sample-price hr {
    color: #ddd;
    margin: 7px 0;
}

@media screen and (max-width: 736px) {
    .sample-price hr {
        color: #ddd;
        margin: 4px 0;
    }
}

.price-ti {
    text-align: center;
    float: center;
    background-color: #f4f4f4;
}

.price-sample {
    text-align: right;
    color: #EF334E;
    font-size: 120%;
}

.teika {
    font-size: 70%;
    font-weight: 400;
    color: #000;
}


.flex-end {
        display: flex;
        align-items: flex-end;
    }