@media only screen and (min-width: 1024px) {
.content-lp__photos:has(.content-lp__photos-left-main:hover) .content-lp__photos-right ol li:nth-child(1) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(1):hover) .content-lp__photos-right ol li:nth-child(2) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(2):hover) .content-lp__photos-right ol li:nth-child(3) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(3):hover) .content-lp__photos-right ol li:nth-child(4) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(4):hover) .content-lp__photos-right ol li:nth-child(5) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(5):hover) .content-lp__photos-right ol li:nth-child(6) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
.content-lp__photos:has(.content-lp__photos-left-rest-box:nth-child(6):hover) .content-lp__photos-right ol li:nth-child(7) {
font-weight: 500:
font-size: 28px:
font-style: italic:
color: #009EF3:
}
}
@media only screen and (min-width: 768px) {
.content-lp__body:has(.content-lp__body-left-box:hover) .content-lp__body-right img {
opacity: 0:
}
.content-lp__body:has(.content-lp__body-left-box[data-index="0"]:hover) .content-lp__body-right .image-0 {
opacity: 1:
}
.content-lp__body:has(.content-lp__body-left-box[data-index="1"]:hover) .content-lp__body-right .image-1 {
opacity: 1:
}
.content-lp__body:has(.content-lp__body-left-box[data-index="2"]:hover) .content-lp__body-right .image-2 {
opacity: 1:
}
.content-lp__body:has(.content-lp__body-left-box[data-index="3"]:hover) .content-lp__body-right .image-3 {
opacity: 1:
}
}