/*///////////////////////////////////////
    Color Me Shop　商品一覧（iframe）
    iframe外側はindex.css
///////////////////////////////////////*/
/*---------------------------------------
		Sections // Ichiba Now
---------------------------------------*/
/* @media screen and (max-width: 512px) { */
    #colorme-item-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        margin: 1em 0;
        padding: 0;
        background-color: #fff;
    }

    #colorme-item-list .item-frame {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 90%;
        margin: 0 5% 2em 5%;
        padding: 0 0 1em 0;
        border-bottom: #eee 2px solid;
    }

    #colorme-item-list .item-frame .item-img-box {
        width: 100%;
    }

    #colorme-item-list .item-frame .item-img-box img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }

    #colorme-item-list .item-frame .item-txt-box {
        width: 100%;
        margin-top: 1em;
    }

    #colorme-item-list .content {
        width: 275px;
        margin-top: 5px;
        min-height: 77px;
    }

    #colorme-item-list .content p {
        font-size: 14px;
        line-height: 1.5;
    }

    #colorme-item-list .item-frame .item-txt-box .title {
        display: block;
        background: #FFF462;
        border-radius: 6px;
        border: solid 1px;
        color: #000;
        font-size: 150%;
        font-weight: 600;
        letter-spacing: 0px;
        padding: 3px 8px;
    }

    #colorme-item-list .item-frame .item-txt-box .price {
        display: block;
        font-size: 150%;
        font-weight: 600;
        color: red;
        margin-top: 5px;
        padding: 0 0 0 1em;
        margin: 0.5em 0;
    }

    #colorme-item-list .item-frame .item-txt-box .price .tax-in {
        font-size: 80%;
    }

    #colorme-item-list .item-txt-box .explanation {
        padding: 0.5em;
        border: #ddd 1px solid;
        border-radius: 10px;
    }

    #colorme-item-list .item-frame .item-txt-box .explanation h2 {
        font-size: 100%;
        padding: 0 0 0 8px;
        border-bottom: #ddd 3px solid;
    }

    #colorme-item-list .item-frame .item-txt-box .explanation br {
        display: none;
    }

    #colorme-item-list .item-frame .item-txt-box .explanation .details {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: 1em 0 0 0;
    }

    #colorme-item-list .item-frame .item-txt-box .explanation .details dt {
        width: 20%;
        margin: 0 0 0.5em 0;
        padding: 0.2em;
        box-sizing: border-box;
        text-align: center;
        background-color: #eee;
    }

    #colorme-item-list .item-frame .item-txt-box .explanation .details dd {
        width: 80%;
        text-align: left;
        margin: 0 0 0.5em 0;
        padding: 0.2em 0.2em 0.2em 0.5em;
        box-sizing: border-box;
    }

    #colorme-item-list .item-frame .item-txt-box .btn {
        border: solid 1px #000;
        border-radius: 3px;
        background: #000;
        color: #fff;
        text-align: right;
        letter-spacing: normal;
        padding: 8px 16px;
        margin-top: 16px;
    }

    #colorme-item-list .item-frame .item-txt-box .btn:hover {
        background: #fff;
        color: #000;
    }
/* }
@media screen and (min-width: 513px) and (max-width: 959px) {

}
@media screen and (min-width: 960px) {

} */