.promotion-page {
margin-top: 41px;
margin-bottom: 143px;
}
.banner img {
object-fit: cover;
max-width: 100%;
height: 440px;
}
.promotion-list {
margin-top: 56px;
margin-bottom: 30px;
}
.promotion-ttl {
padding: 27px 0 48px;
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
letter-spacing: 0.3px;
color: var(--secondary-color);
text-align: center;
}
.promotion-list .diamond-list {
padding: 0;
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.promotion-page {
margin-top: 3.203vw;
margin-bottom: 11.172vw;
}
.banner img {
height: 34.375vw;
}
.promotion-list {
margin-top: 4.375vw;
margin-bottom: 2.344vw;
}
.promotion-ttl {
padding: 2.109vw 0 3.75vw;
font-size: 1.406vw;
letter-spacing: 0.023vw;
}
}
@media all and (max-width:767.9px) {
.promotion-page {
margin-top: 15.2vw;
margin-bottom: 25.133vw;
}
.banner img {
max-width: 100%;
height: 111.733vw;
}
.promotion-list {
margin-top: 10.933vw;
margin-bottom: 10.133vw;
}
.promotion-ttl {
padding: 2.933vw 0 10.133vw;
line-height: 1.4;
font-size: 3.467vw;
letter-spacing: 0.08vw;
}
.promotion-list .diamond-list {
padding: 0;
flex-wrap: unset;
overflow-x: scroll;
display: -webkit-box;
}
.promotion-list .diamond-list li {
width: 75%;
}
.promotion-list .diamond-list li a .selected-blk {
top: 3.4vw;
}
.promotion-list .diamond-list li a .selected-blk .shape img {
width: 4.933vw;
height: 5.933vw;
}
.promotion-list .diamond-list li a .discount {
font-size: 3.733vw;
padding: 1.067vw 0;
}
.promotion-list .diamond-list li .diamond-price {
display: flex;
font-size: 3.733vw;
padding: 3.733vw 2.133vw 2.133vw;
flex-wrap: nowrap;
word-break: break-word;
}
.promotion-list .diamond-list li .carat {
font-size: 3.733vw;
letter-spacing: 0.213vw;
width: 72%;
line-height: 1.4;
}
.promotion-list .diamond-list li .id{
font-size: 3.733vw;
width: 40%;
padding: 0.533vw 0;
letter-spacing: -0.213vw;
}
.promotion-list .diamond-list li .quality{
font-size: 3.733vw;
}
.promotion-list .diamond-list li .quality-list{
padding: 2.667vw 3.733vw 3.467vw 1.867vw;
}
.promotion-list .diamond-list li .color{
padding: 2.667vw 6.133vw 3.467vw;
}
.promotion-list .diamond-list li .certificate {
font-size: 3.733vw;
}
.promotion-list .diamond-list li .certificate-list{
padding: 2.4vw 0 2.7vw;
letter-spacing: -0.053vw;
}
.promotion-list .diamond-list li:nth-child(2n+0){
margin-right: 2.133vw;
}
.promotion-list .diamond-list::-webkit-scrollbar {
width: 2px;
height: 3px;
border-radius: 50%;
}
.promotion-list .diamond-list::-webkit-scrollbar-track {
background: transparent;
}
.promotion-list .diamond-list::-webkit-scrollbar-thumb {
background: #888;
} .promotion-list .diamond-list::-webkit-scrollbar-thumb:hover {
background: #555;
}
}