@charset "UTF-8";

#main_area {
    margin-bottom: 5em;
}

.goods-warp {
    display: flex;
}

.goods-warp img {
    display: block;
    max-width: 300px;
    height: 100%;
    margin-right: 2em;
}

.goods-warp .txtbox {
    width: 100%;
}

.goods-warp .txtbox li {
    margin: 5px 1em;
}

.goods-blue {
    color: #307db5;
}

.goods-red {
    color: #bd2626;
}

.itembox {
    margin: 10px auto;
}

.itembox .goods-red {
    margin-left: 1em;
}

@media screen and (max-width: 768px) {

    .goods-warp {
        display: block;
    }

    .goods-warp img {
        max-width: 250px;
        margin: 0 auto 2em auto;
    }
}