.compare-page{
margin-top: 67px;
margin-bottom: 70px;
}
.backgallery {
position: relative;
font-size: 13px;
display: inline-block;
color: #73787E;
font-weight: 400;
font-family: var(--font3);
padding-left: 15px;
letter-spacing: 0.1px;
}
.backgallery::before {
top: 8%;
transform: translateY(-50%);
transform: skewX(-45deg);
}
.backgallery::before, .backgallery::after {
content: "";
position: absolute;
border-right: 1px solid #73787E;
height: 46%;
z-index: -1;
left: 1px;
}
.backgallery::after {
bottom: 2px;
top: auto;
transform: skewX(45deg);
}
.compare-page .diamond-list{
padding: 5px 0 14px;
}
.compare-page .diamond-list li a .selected-blk .shape {
background-color: var(--btn-color);
border-radius: 4px;
padding: 6px;
}
.compare-page .diamond-list li a .selected-blk .shape img{
filter: invert(100%);
}
.compare-page .diamond-list li .diamond-price{
display: block;
padding: 13px 10px 1px;
}
.compare-page .diamond-list li .carat{
width: 100%;
font-size: 22px;
font-weight: 600;
font-family: var(--font3);
letter-spacing: -1px;
}
.compare-page .diamond-list li .price {
font-size: 20px;
font-weight: 400;
font-family: var(--font3);
letter-spacing: -0.5px;
padding: 6px 0 11px;
width: 100%;
border-right: 1px solid transparent;
}
.compare-page .compare-list li{
width: 100%;
font-weight: 500;
font-family: var(--font3);
font-size: 18px;
padding: 10px 8px;
letter-spacing: -0.5px;
display: flex;
margin-bottom: 0;
border-radius: unset;
border: 1px solid transparent;
background-color: #EAEBED;
}
.compare-page .compare-list li:nth-child(2n+0){
background-color: #fff;
}
.compare-page .compare-list li span{
font-weight: 400;    
padding-left: 9px;
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.compare-page{
margin-top: 5.234vw;
margin-bottom: 5.469vw;
}
.backgallery {
font-size: 1.016vw;
padding-left: 1.172vw;
letter-spacing: 0.008vw;
}
.backgallery::before, .backgallery::after {
left: 0.078vw;
}
.backgallery::after {
bottom: 0.156vw;
}
.compare-page .diamond-list{
padding: 0.391vw 0 1.094vw;
}
.compare-page .diamond-list li a .selected-blk .shape {
border-radius: 0.313vw;
padding: 0.469vw;
}
.compare-page .diamond-list li .diamond-price{
padding: 1.016vw 0.781vw 0.078vw;
}
.compare-page .diamond-list li .carat{
font-size: 1.619vw;
letter-spacing: -0.078vw;
}
.compare-page .diamond-list li .price {
font-size: 1.563vw;
letter-spacing: -0.039vw;
padding: 0.469vw 0 0.859vw;
}
.compare-page .compare-list li{
font-size: 1.406vw;
padding: 0.781vw 0.625vw;
letter-spacing: -0.039vw;
}
.compare-page .compare-list li span{ 
padding-left: 0.703vw;
}
}
@media all and (max-width:767.9px) {
.compare-page{
margin-top: 17.067vw;
margin-bottom: 18.667vw;
}
.compare-page .common-ttl{
padding: 6.933vw 0 2.4vw;
}
.backgallery {
font-size: 3.467vw;
padding-left: 4vw;
letter-spacing: 0.027vw;
}
.compare-page .diamond-list{
padding: 1.333vw 0 3.733vw;
flex-wrap: nowrap;
overflow-x: scroll;
display: -webkit-box;
}
.compare-page .diamond-list li:nth-child(2n+0) {
margin-right: 2.133vw;
}
.compare-page .diamond-list li a .selected-blk .status{
font-size: 3.2vw;
padding: 1.067vw 1.067vw;
} 
.compare-page .diamond-list li a .selected-blk .shape {
border-radius: 1.067vw;
padding: 0.533vw 1.867vw;
}
.compare-page .diamond-list li a .selected-blk .shape img {
width: 3.933vw;
height: 5.933vw;
}
.compare-page .diamond-list li{
width: 74.8%;
}
.compare-page .diamond-list li .diamond-price{
display: block;
padding: 2.933vw 1.333vw 0.267vw;
}
.compare-page .diamond-list li .carat{
font-size: 4.267vw;
letter-spacing: -0.133vw;
}
.compare-page .diamond-list li .price {
font-size: 3.733vw;
letter-spacing: -0.133vw;
padding: 1.6vw 0 2.933vw;
}
.compare-page .compare-list li{
font-size: 3.733vw;
padding: 2.933vw 1.867vw;
letter-spacing: -0.133vw;
width: 100%;
}
.compare-page .compare-list li span{
padding-left: 2.4vw;
}
}