.search-result-page {
padding: 50px 0;
} .result-container {
background-color: var(--white);
margin-left: 26px;
}
.result-container .result-ttl {
font-size: 33px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.4px;
text-align: center;
}
.result-container .result-list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
}
.result-container .result-list li {
width: 92%;
margin-bottom: 1.5%;
padding: 20px 0px;
background-color: var(--white);
border-bottom: 1px solid var(--neutral200-color);
}
.result-container .result-list .result-list-ttl {
font-size: 26px;
font-weight: 600;
color: var(--nude900-color);
letter-spacing: -0.4px;
line-height: 1.3;
}
.result-container .result-list .result-list-txt {
font-size: 18px;
font-weight: 400;
color: var(--nude900-color);
letter-spacing: -0.4px;
padding: 20px 0;
}
.result-container .result-list .result-list-btn {
position: relative;
display: block;
background-color: var(--white);
color: var(--neutral900-color);
font-family: "Circular Spotify Text";
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
}
.result-container .result-list .result-list-btn:hover {
color: var(--primary-color);
}
.result-container .result-list .result-list-btn::after {
position: absolute;
top: 48%;
left: 107px;
width: 10px;
height: 10px;
background: url(//www.maharpolaris.com/wp-content/themes/cbs/assets/img/ico_topicarr.svg) no-repeat center / cover;
content: "";
transform: translateY(-48%);
}
.result-container .result-list .result-list-btn:hover::after {
filter: invert(61%) sepia(93%) saturate(2219%) hue-rotate(343deg) brightness(98%) contrast(100%);
} .not-found-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.not-found-container .not-found-ttl {
line-height: 1.2;
font-size: 72px;
font-weight: 700;
letter-spacing: -1.3px;
}
.not-found-container .not-found-sub-ttl {
padding: 35px 0 69px 0;
font-size: 34px;
font-weight: 600;
letter-spacing: -1.3px;
} @media only screen and (min-width: 768px) and (max-width: 1280px) {
.search-result-page {
padding: 3.906vw 0;
} .result-container {
margin-left: 2.031vw;
}
.result-container .result-ttl {
font-size: 2.578vw;
letter-spacing: -0.031vw;
}
.result-container .result-list {
padding-top: 3.906vw;
}
.result-container .result-list li {
padding: 1.563vw 0vw;
}
.result-container .result-list .result-list-ttl {
font-size: 2.031vw;
letter-spacing: -0.031vw;
}
.result-container .result-list .result-list-txt {
font-size: 1.406vw;
letter-spacing: -0.031vw;
padding: 1.563vw 0;
}
.result-container .result-list .result-list-btn {
font-size: 1.563vw;
letter-spacing: 0.039vw;
}
.result-container .result-list .result-list-btn::after {
left: 8.6vw;
width: 0.781vw;
height: 0.781vw;
} .not-found-container .not-found-ttl {
font-size: 5.625vw;
letter-spacing: -0.102vw;
}
.not-found-container .not-found-sub-ttl {
padding: 2.734vw 0 5.391vw 0;
font-size: 2.656vw;
letter-spacing: -0.102vw;
}
} @media only screen and (max-width:767.9px) {
.search-result-page {
padding: 8vw 0;
} .result-container {
margin-left: 0;
}
.result-container .result-ttl {
font-size: 6.667vw;
letter-spacing: -0.278vw;
}
.result-container .result-list {
padding-top: 5.556vw;
}
.result-container .result-list li {
padding: 5.556vw 0vw;
}
.result-container .result-list .result-list-ttl {
font-size: 5.556vw;
letter-spacing: -0.278vw;
}
.result-container .result-list .result-list-txt {
font-size: 3.889vw;
letter-spacing: -0.278vw;
padding: 5.556vw 0;
}
.result-container .result-list .result-list-btn {
font-size: 4.444vw;
letter-spacing: 0.139vw;
}
.result-container .result-list .result-list-btn::after {
left: 24.167vw;
width: 2.778vw;
height: 2.778vw;
} .not-found-container .not-found-ttl {
font-size: 18.889vw;
}
.not-found-container .not-found-sub-ttl {
padding: 8.333vw 0;
font-size: 6.667vw;
letter-spacing: -2px;
}
}