@charset "shift_jis";

#contents .item-set-sum-icon {
	width: 1.2em;
	height: 1.2em;
	font-size: 2em;
	color: #fff;
	background-color: #e43a83;
	border-radius: 50%;
	position: absolute;
	top: 35%;
	left: 34.7%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
#contents .item-set-sum-in {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    font-weight: 800;
}

.usb-example{
    text-align: center;
    background-color: #ffffff;
    margin: 1em auto;
    padding: 2em 0;
    border: 2px solid #dddddd;
}

.img-box {
  position: relative;
}

.icon-badge {
position: absolute;
    top: 0px;
    left: 8px;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bold;
    z-index: 10;}

.cheapest{
background-color: #ff0000;
color: #ffffff;
}
.rank{
background-color: #FEDD03;
color: #000000;
}

#contents .item-set-sum-icon.equal-icon{left: 65%;}
#contents .item-set-sepa-box {width: 30%;}
#contents .comment-box{letter-spacing: normal;}
#contents .table-container{display: flex;}
#contents .table-box-cap, .table-box-txt {border: 1px dotted #ccc;}
#contents .table-box-area {margin: 0 1em 3em;}

@media screen and (max-width:480px) {
#contents .table-container{display:block;}
#contents .table-box-area {margin: 0 auto 1em;}
#contents .item-set-ctr {padding: 1em;}
.item-spec-list {
    width: 100%;
}
.icon-badge {
    left: 0;}

}