.silqa-v6-eyebrow {
font-family: var(--v6-font-en);
font-size: 1.15rem;
letter-spacing: 0.26em;
text-transform: uppercase;
font-weight: 500;
color: var(--v6-gold);
margin: 0 0 0.5rem;
}
.silqa-v6-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 4.8rem;
padding: 0 3.2rem;
border: 1px solid transparent;
border-radius: 0;
font-family: var(--v6-font-jp);
font-size: 1.45rem;
font-weight: 500;
letter-spacing: 0.1em;
cursor: pointer;
transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
text-align: center;
}
.silqa-v6-hero__cta {
background: var(--v6-white);
color: var(--v6-ink);
border: 1.5px solid var(--v6-ink);
padding: 1.55rem 3.2rem;
font-size: 1.55rem;
font-weight: 600;
letter-spacing: 0.08em;
}
.silqa-v6-hero__cta:hover {
background: var(--v6-ink);
border-color: var(--v6-ink);
color: var(--v6-white);
}
.silqa-v6-btn--ghost {
background: transparent;
color: var(--v6-ink);
border-color: var(--v6-ink);
}
.silqa-v6-btn--ghost:hover {
background: var(--v6-ink);
color: var(--v6-white);
border-color: var(--v6-ink);
}
.silqa-v6-hero {
position: relative;
width: 100%;
overflow: hidden;
}
.silqa-v6-hero__media {
display: block;
width: 100%;
aspect-ratio: 11 / 5;
background: var(--v6-warm);
max-height: 90vh;
overflow: hidden;
}
.silqa-v6-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
display: block;
animation: silqa-hero-kenburns 9.5s cubic-bezier(0.2, 0.75, 0.22, 1) forwards;
will-change: transform;
transform-origin: 50% 50%;
}
.silqa-v6-hero__slide--1 .silqa-v6-hero__media img { object-position: 50% 21%; }
.silqa-v6-hero__slide--2 .silqa-v6-hero__media img { object-position: 50% 50%; }
.silqa-v6-hero__slide--3 .silqa-v6-hero__media img { object-position: 50% 68%; }
@media (min-width: 750px) {
.silqa-v6-hero[data-silqa-hero-carousel] .silqa-v6-hero__slide--1 .silqa-v6-hero__media img {
object-position: 50% 0% !important;
transform-origin: 50% 0% !important;
}
}
@media (prefers-reduced-motion: reduce) {
.silqa-v6-hero__media img {
animation: none;
}
}
@media (max-width: 900px) {
.silqa-v6-hero__media { aspect-ratio: 16 / 9; }
}
@media (max-width: 600px) {
.silqa-v6-hero__media {
aspect-ratio: 4 / 5;
max-height: none;
background: #f4f7f5;
}
.silqa-v6-hero__media img {
object-position: 50% 50%;
animation: silqa-hero-kenburns-mobile 8.8s cubic-bezier(0.2, 0.75, 0.22, 1) forwards;
transform-origin: 50% 35%;
}
}
.silqa-v6-hero__inner {
position: absolute;
inset: 0;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 0 var(--v6-gutter) 4.5rem;
z-index: 2;
}
.silqa-v6-hero__inner::before {
content: "";
position: absolute;
inset: 64% 0 0;
z-index: 0;
display: block;
background: linear-gradient(180deg, rgba(249, 246, 240, 0) 0%, rgba(249, 246, 240, 0.52) 100%);
-webkit-backdrop-filter: none;
backdrop-filter: none;
pointer-events: none;
}
.silqa-v6-hero__copy {
max-width: 56rem;
padding: 0;
text-align: center;
position: relative;
z-index: 1;
isolation: isolate;
opacity: 0;
animation: silqa-hero-fadein 0.6s ease-out 0.3s forwards;
}
.silqa-v6-hero__title::before {
content: "";
position: absolute;
z-index: -1;
inset: -0.2em -0.46em;
border-radius: 999px;
display: none;
background:
radial-gradient(ellipse at center,
rgba(255, 255, 255, 0.52) 0%,
rgba(255, 255, 255, 0.36) 52%,
rgba(255, 255, 255, 0.12) 76%,
rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(2px) saturate(0.96);
backdrop-filter: blur(2px) saturate(0.96);
pointer-events: none;
}
.silqa-v6-hero__title {
font-size: clamp(2.64rem, 3.6vw, 4.32rem);
line-height: 1.3;
letter-spacing: 0.04em;
margin-bottom: 2rem;
color: var(--v6-ink);
font-weight: 600;
position: relative;
display: inline-block;
z-index: 1;
text-shadow:
0 1px 2px rgba(255, 255, 255, 0.72),
0 8px 22px rgba(255, 255, 255, 0.52);
}
@media (max-width: 768px) {
.silqa-v6-hero__copy {
padding: 0;
max-width: 100%;
opacity: 0;
animation: silqa-hero-fadein-mobile 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1.0s forwards;
animation-fill-mode: both;
-webkit-animation: silqa-hero-fadein-mobile 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1.0s forwards;
-webkit-animation-fill-mode: both;
will-change: opacity, transform;
}
.silqa-v6-hero__inner::before {
inset: 66% 0 0;
background: linear-gradient(180deg, rgba(249, 246, 240, 0) 0%, rgba(249, 246, 240, 0.56) 100%);
}
.silqa-v6-hero__inner { align-items: flex-end; padding-bottom: 4rem; }
.silqa-v6-hero__title { font-size: clamp(2.16rem, 6.6vw, 3.12rem); }
.silqa-v6-hero__title::before {
inset: -0.2em -0.34em;
background:
radial-gradient(ellipse at center,
rgba(255, 255, 255, 0.58) 0%,
rgba(255, 255, 255, 0.42) 52%,
rgba(255, 255, 255, 0.15) 76%,
rgba(255, 255, 255, 0) 100%);
}
}
.silqa-v6-section--blush {
background: var(--v6-blush);
max-width: none;
}
.silqa-v6-section__sub {
font-size: 1.45rem;
color: var(--v6-sub);
line-height: 1.9;
}
.silqa-v6-section__foot {
text-align: center;
margin-top: 4.8rem;
}
.silqa-v6-best__rank {
position: absolute;
top: 0.8rem;
left: 0.8rem;
z-index: 2;
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.7rem 0.35rem 0.6rem;
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(184, 154, 110, 0.4);
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 1.05rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--v6-ink);
box-shadow: 0 1px 3px rgba(28, 24, 22, 0.06);
}
.silqa-v6-best__rank-no { font-family: var(--v6-font-jp); font-weight: 600; }
.silqa-v6-best__card--rank1 .silqa-v6-best__rank {
background: linear-gradient(135deg, #f4d97a 0%, #d4a839 100%);
border-color: #c8961a;
color: #5a3f00;
}
.silqa-v6-best__card--rank1 .silqa-v6-best__crown { color: #fff; }
.silqa-v6-best__card--rank2 .silqa-v6-best__rank {
background: rgba(245, 243, 240, 0.96);
border-color: rgba(184, 154, 110, 0.35);
color: var(--v6-ink);
}
.silqa-v6-best__card--rank2 .silqa-v6-best__crown { color: var(--v6-gold-dark); }
.silqa-v6-best__card--rank3 .silqa-v6-best__rank {
background: rgba(245, 243, 240, 0.96);
border-color: rgba(184, 154, 110, 0.35);
color: var(--v6-ink);
}
.silqa-v6-best__card--rank3 .silqa-v6-best__crown { color: var(--v6-gold-dark); }
.silqa-v6-reviews__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
max-width: 96rem;
margin: 0 auto;
}
.silqa-v6-reviews__card {
background: var(--v6-white);
border: 1px solid var(--v6-hairline);
border-radius: 6px;
padding: 2rem 1.8rem;
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.silqa-v6-reviews__stars {
color: #c9a14b;
font-size: 1.5rem;
letter-spacing: 0.15em;
margin: 0;
}
.silqa-v6-reviews__meta {
font-size: 1.1rem;
color: var(--v6-sub);
letter-spacing: 0.06em;
margin: 0 0 0.4rem;
}
.silqa-v6-reviews__title {
font-family: var(--v6-font-jp);
font-size: 1.55rem;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--v6-ink);
margin: 0 0 0.4rem;
line-height: 1.4;
}
.silqa-v6-reviews__body {
font-size: 1.3rem;
color: var(--v6-ink);
line-height: 1.75;
margin: 0 0 1rem;
flex: 1;
}
.silqa-v6-reviews__author {
font-size: 1.1rem;
color: var(--v6-sub);
margin: 0;
padding-top: 0.8rem;
border-top: 1px solid var(--v6-hairline);
}
@media (max-width: 768px) {
.silqa-v6-reviews__grid {
grid-template-columns: 1fr;
gap: 1.4rem;
}
.silqa-v6-reviews__card {
padding: 1.6rem 1.4rem;
}
}
.silqa-v6-concern-section {
border-top: 1px solid var(--v6-hairline);
border-bottom: 1px solid var(--v6-hairline);
}
@media (max-width: 600px) {
.silqa-v6-concern__head {
margin-bottom: 1.8rem;
}
}
.silqa-v6-concern-wrap {
position: relative;
}
.silqa-v6-concern-list {
align-items: stretch;
}
.silqa-v6-concern-list .silqa-v6-best__card {
min-height: 40.8rem;
text-decoration: none;
}
.silqa-v6-concern-list .silqa-v6-best__info {
justify-content: flex-start;
}
.silqa-v6-concern-list .silqa-v6-best__desc {
margin-top: 0.15rem;
min-height: 2.9em;
white-space: normal;
overflow: visible;
text-overflow: clip;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: initial;
font-size: 1.16rem;
line-height: 1.45;
}
.silqa-v6-concern-list .silqa-v6-best__cta {
margin-top: auto;
}
@media (max-width: 749px) {
.silqa-v6-concern-list .silqa-v6-best__card {
min-height: 40rem;
}
}
.silqa-v6-section--blush .silqa-v6-best__card {
border-color: rgba(165, 92, 106, 0.25);
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.62),
0 1px 2px rgba(28, 24, 22, 0.035),
0 12px 28px rgba(112, 60, 72, 0.075);
}
@media (max-width: 749px) {
.silqa-v6-section--blush .silqa-v6-best__card {
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.62),
0 1px 2px rgba(28, 24, 22, 0.035),
0 10px 22px rgba(112, 60, 72, 0.075);
}
}
@media (max-width: 600px) {
.silqa-v6-concern-list .silqa-v6-best__card {
flex-basis: 70vw;
min-height: 42.6rem;
}
.silqa-v6-concern-list .silqa-v6-best__desc {
white-space: normal;
overflow: visible;
text-overflow: clip;
display: block;
-webkit-line-clamp: unset;
-webkit-box-orient: initial;
min-height: 2.9em;
font-size: 1.16rem;
line-height: 1.45;
margin-bottom: 1rem;
}
}
@media (min-width:750px) {
.silqa-v6-hero .silqa-v6-hero__media {aspect-ratio:16/9!important;}
}
@media (max-width:749px) {
.silqa-v6-hero .silqa-v6-hero__media {aspect-ratio:4/5!important;max-height:58svh!important;}
.silqa-v6-section__foot {margin-top:2.6rem!important;}
}
.silqa-v6-section__head .silqa-v6-eyebrow {display:none!important;}
.silqa-v6-hero__copy {position:relative!important;bottom:12%!important;}
.silqa-v6-concern-section .silqa-v6-best-wrap {overflow:visible!important;}
.silqa-v6-concern-section .silqa-v6-best {display:grid!important;gap:clamp(1.4rem, 1.4vw, 2.4rem)!important;overflow:visible!important;padding:0!important;margin:0!important;}
.silqa-v6-concern-section .silqa-v6-best__card {width:auto!important;flex:none!important;min-width:0!important;max-width:none!important;min-height:0!important;height:auto!important;}
@media (min-width:750px) {
.silqa-v6-concern-section .silqa-v6-best {
grid-template-columns:repeat(2, minmax(0, 1fr))!important;
}
.silqa-v6-concern-section .silqa-v6-best__card {
display:grid!important;
grid-template-columns:200px 1fr auto!important;
align-items:stretch!important;
gap:0!important;
padding:0!important;
min-height:200px!important;
background:#fff!important;
border:1px solid #efe7e4!important;
border-radius:8px!important;
overflow:hidden!important;
box-shadow:0 1px 6px rgba(0,0,0,.05)!important;
text-decoration:none!important;
}
.silqa-v6-concern-section .silqa-v6-best__img {
width:200px!important;
height:auto!important;
aspect-ratio:1/1!important;
border-radius:0!important;
overflow:hidden!important;
margin:0!important;
position:relative!important;
}
.silqa-v6-concern-section .silqa-v6-best__img img {
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
.silqa-v6-concern-section .silqa-v6-best__info {
padding:1.6rem 1.8rem!important;
text-align:left!important;
display:block!important;
align-self:center!important;
}
.silqa-v6-concern-section .silqa-v6-best__info h3 {
font-size:1.95rem!important;
margin:0 0 .35rem!important;
line-height:1.35!important;
}
.silqa-v6-concern-section .silqa-v6-best__category {
display:block!important;
font-size:1.25rem!important;
font-weight:600!important;
color:#9b5a68!important;
margin:0 0 .5rem!important;
line-height:1.35!important;
}
.silqa-v6-concern-section .silqa-v6-best__desc {
font-size:1.3rem!important;
line-height:1.5!important;
margin:0!important;
color:#6b5e54!important;
}
.silqa-v6-concern-section .silqa-v6-best__rating,
.silqa-v6-concern-section .silqa-v6-best__price,
.silqa-v6-concern-section .silqa-v6-best__cta {
display:none!important;
}
.silqa-v6-concern-section .silqa-v6-best__rank {
position:absolute!important;
top:.6rem!important;
left:.6rem!important;
z-index:2!important;
display:inline-flex!important;
align-items:center!important;
padding:.3rem .65rem!important;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(184,154,110,.4)!important;
border-radius:999px!important;
font-family:var(--v6-font-jp)!important;
font-size:1.1rem!important;
font-weight:700!important;
color:var(--v6-ink)!important;
box-shadow:0 1px 3px rgba(28,24,22,.08)!important;
}
.silqa-v6-concern-section .silqa-v6-best__rank-no {
font-family:var(--v6-font-jp)!important;
font-weight:700!important;
}
.silqa-v6-concern-section .silqa-v6-best__card::after {
content:"\203A"!important;
font-size:3rem!important;
color:#c9b8b2!important;
line-height:1!important;
justify-self:end!important;
align-self:center!important;
padding-right:1.6rem!important;
}
.silqa-v6-concern-section .silqa-v6-concern-nav {display:none!important;}
}
@media (max-width:749px) {
.silqa-v6-concern-section .silqa-v6-concern-wrap {position:relative!important;}
.silqa-v6-concern-section .silqa-v6-best {
display:grid!important;
grid-template-columns:80vw 80vw!important;
grid-template-rows:repeat(3, minmax(128px, auto))!important;
grid-auto-flow:column!important;
row-gap:1rem!important;
column-gap:1.2rem!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-snap-type:x mandatory!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
margin-left:-24px!important;
padding-left:12px!important;
padding-right:24px!important;
scroll-padding-left:12px!important;
width:calc(100% + 48px)!important;
}
.silqa-v6-concern-section .silqa-v6-best::-webkit-scrollbar {display:none!important;}
.silqa-v6-concern-section .silqa-v6-best__card {
display:grid!important;
grid-template-columns:136px 1fr auto!important;
align-items:stretch!important;
gap:0!important;
padding:0!important;
min-height:136px!important;
box-sizing:border-box!important;
background:#fff!important;
border:1px solid #efe7e4!important;
border-radius:8px!important;
overflow:hidden!important;
box-shadow:0 1px 6px rgba(0,0,0,.05)!important;
scroll-snap-align:start!important;
scroll-snap-stop:always!important;
}
.silqa-v6-concern-section .silqa-v6-best__img {width:136px!important;height:auto!important;min-width:136px!important;min-height:136px!important;aspect-ratio:1/1!important;border-radius:0!important;overflow:hidden!important;margin:0!important;position:relative!important;}
.silqa-v6-concern-section .silqa-v6-concern-nav {
position:absolute!important;
top:50%!important;
z-index:5!important;
width:4rem!important;
height:5rem!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:rgba(28,24,22,.68)!important;
cursor:pointer!important;
transform:translateY(-50%)!important;
box-shadow:none!important;
padding:0!important;
display:inline-block!important;
}
.silqa-v6-concern-section .silqa-v6-concern-nav::before,
.silqa-v6-concern-section .silqa-v6-concern-nav::after {
content:""!important;
position:absolute!important;
left:50%!important;
width:1.6rem!important;
height:2px!important;
border-radius:999px!important;
background:currentColor!important;
transform-origin:calc(100% - 1px) 50%!important;
box-shadow:0 1px 8px rgba(255,255,255,.62)!important;
}
.silqa-v6-concern-section .silqa-v6-concern-nav::before {top:calc(50% - 1px)!important;transform:translateX(-50%) rotate(45deg)!important;}
.silqa-v6-concern-section .silqa-v6-concern-nav::after {top:calc(50% - 1px)!important;transform:translateX(-50%) rotate(-45deg)!important;}
.silqa-v6-concern-section .silqa-v6-concern-nav--prev {left:.2rem!important;transform:translateY(-50%) rotate(180deg)!important;}
.silqa-v6-concern-section .silqa-v6-concern-nav--next {right:.2rem!important;}
.silqa-v6-concern-section .silqa-v6-concern-nav:hover,
.silqa-v6-concern-section .silqa-v6-concern-nav:focus-visible {color:rgba(28,24,22,.94)!important;outline:none!important;}
.silqa-v6-concern-section .silqa-v6-best__img img {width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.silqa-v6-concern-section .silqa-v6-best__info {padding:1.4rem 1.5rem!important;text-align:left!important;display:block!important;align-self:center!important;}
.silqa-v6-concern-section .silqa-v6-best__info h3 {font-size:1.85rem!important;margin:0 0 .4rem!important;line-height:1.35!important;}
.silqa-v6-concern-section .silqa-v6-best__category {display:block!important;font-size:1.25rem!important;font-weight:600!important;color:#9b5a68!important;margin:0 0 .45rem!important;line-height:1.3!important;}
.silqa-v6-concern-section .silqa-v6-best__desc {font-size:1.35rem!important;line-height:1.5!important;margin:0!important;color:#6b5e54!important;}
.silqa-v6-concern-section .silqa-v6-best__rating,
.silqa-v6-concern-section .silqa-v6-best__price,
.silqa-v6-concern-section .silqa-v6-best__cta {display:none!important;}
.silqa-v6-concern-section .silqa-v6-best__rank {position:absolute!important;top:.45rem!important;left:.45rem!important;z-index:2!important;display:inline-flex!important;align-items:center!important;padding:.25rem .6rem!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(184,154,110,.4)!important;border-radius:999px!important;font-family:var(--v6-font-jp)!important;font-size:1.05rem!important;font-weight:700!important;color:var(--v6-ink)!important;box-shadow:0 1px 2px rgba(28,24,22,.08)!important;line-height:1!important;}
.silqa-v6-concern-section .silqa-v6-best__rank-no {font-family:var(--v6-font-jp)!important;font-weight:700!important;}
.silqa-v6-concern-section .silqa-v6-best__card::after {content:"\203A"!important;font-size:2.6rem!important;color:#c9b8b2!important;line-height:1!important;justify-self:end!important;align-self:center!important;padding-right:1.2rem!important;}
}
.silqa-v6-section--blush .silqa-v6-best { padding-left: 2rem; scroll-padding-left: 2rem; }
@media (max-width: 600px) {
.silqa-v6-section--blush .silqa-v6-best { padding-left: 1.2rem; scroll-padding-left: 1.2rem; }
}
.silqa-v6-section--blush .silqa-v6-section__head { margin-bottom: 1.8rem; }
.silqa-v6-section__foot .silqa-v6-btn--ghost {background:linear-gradient(176deg, rgb(241,228,189), rgb(230,213,161) 42%, rgb(240,226,178) 52%, rgb(221,199,143) 64%, rgb(210,188,129)) !important;color:var(--v6-ink) !important;}
.silqa-v6-section__foot .silqa-v6-btn--ghost:hover {background:var(--v6-ink) !important;color:var(--v6-white) !important;}
@media (max-width: 749px) {
.silqa-v6-reviews__grid {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 12px !important;
overflow-x: auto !important;
overflow-y: visible !important;
scroll-snap-type: x mandatory !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
margin-left: -24px !important;
margin-right: -24px !important;
padding-left: 12px !important;
padding-right: 24px !important;
width: calc(100% + 48px) !important;
scroll-padding-left: 12px !important;
}
.silqa-v6-reviews__grid::-webkit-scrollbar { display: none !important; }
.silqa-v6-reviews__card {
flex: 0 0 85vw !important;
scroll-snap-align: start !important;
scroll-snap-stop: always !important;
box-sizing: border-box !important;
}
}
@media (max-width: 749px) {
.silqa-v6-reviews__card {
flex: 0 0 70vw !important;
aspect-ratio: 1 / 1 !important;
padding: 1.6rem 1.8rem !important;
display: flex !important;
flex-direction: column !important;
gap: .4rem !important;
overflow: hidden !important;
}
.silqa-v6-reviews__card .silqa-v6-reviews__stars {
font-size: 1.3rem !important;
margin: 0 !important;
}
.silqa-v6-reviews__card .silqa-v6-reviews__meta {
font-size: 1.05rem !important;
margin: 0 !important;
}
.silqa-v6-reviews__card .silqa-v6-reviews__title {
font-size: 1.45rem !important;
line-height: 1.4 !important;
margin: .2rem 0 .2rem !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.silqa-v6-reviews__card .silqa-v6-reviews__body {
font-size: 1.2rem !important;
line-height: 1.55 !important;
margin: 0 !important;
flex: 1 1 auto !important;
display: -webkit-box !important;
-webkit-line-clamp: 4 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.silqa-v6-reviews__card .silqa-v6-reviews__author {
font-size: 1.05rem !important;
margin: 0 !important;
padding-top: .6rem !important;
border-top: 1px solid rgba(165,92,106,.18) !important;
}
}
@media (min-width: 750px) {
.silqa-v6-hero {
--silqa-hh: calc(100vh - 262px);
--silqa-hero-w: calc((100vh - 262px) * 16 / 9);
--silqa-side-x: calc(63rem - (100vh - 262px) * 0.672);
width: 100% !important;
margin-inline: 0 !important;
}
.silqa-v6-hero .silqa-v6-hero__slides {
height: var(--silqa-hh) !important;
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-rows: 1fr !important;
place-items: center !important;
}
.silqa-v6-hero .silqa-v6-hero__slide {
position: relative !important;
grid-column: 1 / 2 !important;
grid-row: 1 / 2 !important;
inset: auto !important;
top: auto !important;
left: auto !important;
height: var(--silqa-hh) !important;
width: var(--silqa-hero-w) !important;
aspect-ratio: auto !important;
transform-origin: 50% 50% !important;
transform: scale(1);
transition: transform 0.65s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.58s ease !important;
}
.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media {
width: 100% !important;
height: var(--silqa-hh) !important;
aspect-ratio: auto !important;
max-height: none !important;
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
}
.silqa-v6-hero .silqa-v6-hero__slide.is-active {
z-index: 2 !important;
opacity: 1 !important;
transform: scale(1.089) !important;
}
.silqa-v6-hero {
overflow: visible !important;
}
.silqa-v6-hero .silqa-v6-hero__slide,
.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media,
.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media img {
border-radius: 8px !important;
overflow: hidden !important;
}
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--1.is-active) .silqa-v6-hero__slide--2,
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--2.is-active) .silqa-v6-hero__slide--3,
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--3.is-active) .silqa-v6-hero__slide--1 {
width: calc(var(--silqa-hero-w) * 0.756) !important;
height: calc(var(--silqa-hh) * 0.756) !important;
transform: translateX(var(--silqa-side-x)) !important;
}
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--1.is-active) .silqa-v6-hero__slide--3,
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--2.is-active) .silqa-v6-hero__slide--1,
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide--3.is-active) .silqa-v6-hero__slide--2 {
width: calc(var(--silqa-hero-w) * 0.756) !important;
height: calc(var(--silqa-hh) * 0.756) !important;
transform: translateX(calc(-1 * var(--silqa-side-x))) !important;
}
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide.is-active) .silqa-v6-hero__slide:not(.is-active) .silqa-v6-hero__media {
height: 100% !important;
}
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide.is-active) .silqa-v6-hero__slide:not(.is-active) {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
cursor: pointer;
z-index: 1 !important;
}
.silqa-v6-hero .silqa-v6-hero__inner {
inset: 0 auto !important;
left: 50% !important;
width: var(--silqa-hero-w) !important;
transform: translateX(-50%);
z-index: 3;
}
.silqa-v6-hero .silqa-v6-hero__inner::before {
display: none !important;
}
.silqa-v6-hero[data-silqa-hero-carousel] .silqa-v6-hero__slide .silqa-v6-hero__media img {
object-position: 50% 50% !important;
transform-origin: 50% 50% !important;
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
}
.silqa-v6-hero__nav { z-index: 4; }
.silqa-v6-hero__nav--prev {
left: calc(50% - var(--silqa-hero-w) / 2 + 1.6rem) !important;
}
.silqa-v6-hero__nav--next {
right: calc(50% - var(--silqa-hero-w) / 2 + 1.6rem) !important;
}
}
/* SILQA-HERO-SINGLE-169-20260615 */
@media (min-width:750px){.silqa-v6-hero{overflow:hidden!important}.silqa-v6-hero .silqa-v6-hero__slides{height:auto!important}.silqa-v6-hero__slides:has(.silqa-v6-hero__slide.is-active) .silqa-v6-hero__slide:not(.is-active){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.silqa-v6-hero .silqa-v6-hero__slide{width:min(110rem,calc(100% - 4.8rem))!important;height:auto!important;aspect-ratio:16/9!important;transform:none!important}.silqa-v6-hero .silqa-v6-hero__slide.is-active{transform:none!important}.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media{width:100%!important;height:100%!important;aspect-ratio:auto!important;transform:none!important}.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media img{transform:none!important}.silqa-v6-hero .silqa-v6-hero__inner{width:min(110rem,calc(100% - 4.8rem))!important}.silqa-v6-hero__nav--prev{left:max(1.6rem,calc(50% - 55rem + 1.6rem))!important}.silqa-v6-hero__nav--next{right:max(1.6rem,calc(50% - 55rem + 1.6rem))!important}}
/* SILQA-PC-RANKING-ROUND-20260615 : index-only ranking round layout (PC) */
@media (min-width: 990px) {
  .silqa-v6-section--blush, .silqa-v6-concern-section { transform: none !important; }
  .silqa-v6-section:not(.silqa-v6-concern-section) .silqa-v6-best-wrap { width: 1100px !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }
  .silqa-v6-section:not(.silqa-v6-concern-section) .silqa-v6-best { grid-template-columns: repeat(4, 260px) !important; gap: 20px !important; justify-content: center !important; }
  .silqa-v6-concern-section .silqa-v6-best-wrap { width: 1000px !important; max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; }
  .silqa-v6-concern-section .silqa-v6-best { grid-template-columns: repeat(2, minmax(0,1fr)) !important; column-gap: 40px !important; justify-content: center !important; }
  .silqa-v6-section:not(.silqa-v6-section--blush):not(.silqa-v6-concern-section):has(.silqa-v6-best-wrap) { padding-top: 4rem !important; padding-bottom: 4rem !important; }
}
/* === /SILQA-PC-RANKING-ROUND-20260615 === */
/* SILQA-TOP-SECTION-40-20260616: TOP全セクションの上下余白を40pxに統一(PC>=750)。ヒーロー上端はナビ直下のため据え置き、下のみ40。 */
@media (min-width:750px){
  .silqa-v6-section{padding-top:40px !important;padding-bottom:40px !important}
  .silqa-v6-section.silqa-v6-section--blush,.silqa-v6-section.silqa-v6-concern-section{padding-top:40px !important;padding-bottom:40px !important}
}
/* ヒーロー下余白は全幅(SP含む)で効かせる。__inner(absolute inset:0)がpaddingを覆うためmarginで確保 */
.silqa-v6-hero{margin-bottom:10px !important}
/* SILQA-TOP-HERO-FIT-VH-20260616: 15"FHD等でヒーロー(16:9維持)を画面高に収め人気商品ランキング見出しをチラ見え。slide幅をvh逆算(高さ上限=100vh-260px。260=上140+下80+のぞき40)。inner/nav追従。 */
@media (min-width:750px){
.silqa-v6-hero{--silqa-hw:min(110rem,calc(100vw - 4.8rem),calc((100vh - 230px) * 16 / 9));}
.silqa-v6-hero .silqa-v6-hero__slide{width:var(--silqa-hw)!important;}
.silqa-v6-hero .silqa-v6-hero__inner{width:var(--silqa-hw)!important;}
.silqa-v6-hero__nav--prev{left:max(1.6rem,calc(50% - var(--silqa-hw) / 2 + 1.6rem))!important;right:auto!important;}
.silqa-v6-hero__nav--next{right:max(1.6rem,calc(50% - var(--silqa-hw) / 2 + 1.6rem))!important;left:auto!important;}
}
/* SILQA-HERO-SLIDE-LEFT-20260616: ヒーロー横一列フィルムストリップ。全体が左へスライド送り。中央シャープ・両隣ぼかし(やや暗めで中央を引き立て)。クローンで両端も埋める。:has()でセンタリング。 */
@media (min-width:750px){
.silqa-v6-hero__slides:has(.silqa-v6-hero__slide.is-active) .silqa-v6-hero__slide:not(.is-active){opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
.silqa-v6-hero .silqa-v6-hero__slides{display:flex !important;flex-wrap:nowrap !important;width:max-content !important;max-width:none !important;height:auto !important;transition:transform .72s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateX(calc(50vw - var(--silqa-hw) / 2 - var(--silqa-hw) - var(--silqa-hw)));}
.silqa-v6-hero .silqa-v6-hero__slide{position:relative !important;inset:auto !important;flex:0 0 var(--silqa-hw) !important;width:var(--silqa-hw) !important;max-width:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;overflow:hidden !important;transition:filter .55s ease !important;}
.silqa-v6-hero .silqa-v6-hero__slide .silqa-v6-hero__media{overflow:hidden !important;}
.silqa-v6-hero .silqa-v6-hero__slide:not(.silqa-center):not(.is-active){filter:blur(6px);}
.silqa-v6-hero .silqa-v6-hero__slide.silqa-center,.silqa-v6-hero .silqa-v6-hero__slide.is-active{filter:none !important;}
.silqa-v6-hero .silqa-v6-hero__slide::after{content:"";position:absolute;inset:0;background:rgba(22,17,13,.22);pointer-events:none;z-index:2;opacity:1;transition:opacity .55s ease;}
.silqa-v6-hero .silqa-v6-hero__slide.silqa-center::after,.silqa-v6-hero .silqa-v6-hero__slide.is-active::after{opacity:0 !important;}
}

/* 2026-08-01 河瀬さん指示「悩みランキングの順位アイコンを他のランキングと同じに」:
   人気商品ランキング／ギフトランキングと同じ王冠＋1〜3位の配色を、悩みランキングにも適用する。
   悩み側の既存ルールが !important なので、こちらも !important でこの位置（ファイル末尾＝後勝ち）に置く。 */
.silqa-v6-concern-section .silqa-v6-best__rank{gap:.35rem!important;padding:.28rem .68rem .28rem .58rem!important;}
.silqa-v6-concern-section .silqa-v6-best__crown{flex-shrink:0!important;color:var(--v6-gold)!important;}
.silqa-v6-concern-section .silqa-v6-best__card--rank1 .silqa-v6-best__rank{background:linear-gradient(135deg,#f4d97a 0%,#d4a839 100%)!important;border-color:#c8961a!important;color:#5a3f00!important;}
.silqa-v6-concern-section .silqa-v6-best__card--rank1 .silqa-v6-best__crown{color:#fff!important;}
.silqa-v6-concern-section .silqa-v6-best__card--rank2 .silqa-v6-best__rank,
.silqa-v6-concern-section .silqa-v6-best__card--rank3 .silqa-v6-best__rank{background:rgba(245,243,240,.96)!important;border-color:rgba(184,154,110,.35)!important;color:var(--v6-ink)!important;}
.silqa-v6-concern-section .silqa-v6-best__card--rank2 .silqa-v6-best__crown,
.silqa-v6-concern-section .silqa-v6-best__card--rank3 .silqa-v6-best__crown{color:var(--v6-gold-dark)!important;}

/* SILQA 2026-08-03 河瀬さん指示「レビューをTOPページの各種ランキングにも反映」:
   悩みランキングでは rating/price/CTA をまとめて非表示にしていた（★が0件の飾りだった頃の設定）。
   実レビューが入ったので★だけ表示に戻す。価格とCTAは横並びの細い行を保つため非表示のまま。 */
.silqa-v6-concern-section .silqa-v6-best__rating{display:flex!important;}

/* SILQA 2026-08-03 河瀬さん指示「各見出しと商品カードまでの余白を現在の1.5倍に」:
   対象は人気商品／人気ギフト／美容の悩みの3ランキングのみ。
   実測の見出し下端→カード上端は PC(1440px) 3本とも14px、
   SP(390px) は人気23.0px・ギフト22.3px・悩み13.6px と差があるため、
   1.5倍になる値を画面幅ごと・セクションごとに指定する（見出しのmargin-bottomは元12px）。
   見出しh2自身が margin-bottom:14px を持ち親と相殺するので、指定値と実際の余白は一致しない。
   下の数値は全て実機で1pxずつ当てて測った結果（PC 14→21px、SP 23.0→34.4px / 22.3→33.4px / 13.6→20.4px＝全て1.50倍）。 */
@media (min-width:990px){
  .silqa-v6-section[aria-labelledby="silqa-v6-best-title"] .silqa-v6-section__head,
  .silqa-v6-section[aria-labelledby="silqa-v6-gift-title"] .silqa-v6-section__head,
  .silqa-v6-section[aria-labelledby="silqa-v6-concern-title"] .silqa-v6-section__head{margin-bottom:21px!important;}
}
@media (max-width:989px){
  .silqa-v6-section[aria-labelledby="silqa-v6-best-title"] .silqa-v6-section__head,
  .silqa-v6-section[aria-labelledby="silqa-v6-gift-title"] .silqa-v6-section__head{margin-bottom:25.4px!important;}
  .silqa-v6-section[aria-labelledby="silqa-v6-concern-title"] .silqa-v6-section__head{margin-bottom:21px!important;}
}

/* SILQA-RANKHEAD-20260803 河瀬さん指示: スマホ版TOPの各種ランキング見出しを20%拡大(21px→25.2px)、
   商品カードとの余白を20%圧縮(見出し下14px+枠下12px=計26px → 11.2px+9.6px=計20.8px)。
   対象は人気商品/人気ギフト/美容の悩みランキングの3つのみ(お客様レビュー等は変更なし)。PCは変更なし。 */
@media (max-width:749px){
#silqa-v6-best-title,#silqa-v6-gift-title,#silqa-v6-concern-title{font-size:25.2px!important;margin-bottom:11.2px!important}
.silqa-v6-section[aria-labelledby="silqa-v6-best-title"] .silqa-v6-section__head,.silqa-v6-section[aria-labelledby="silqa-v6-gift-title"] .silqa-v6-section__head,.silqa-v6-section[aria-labelledby="silqa-v6-concern-title"] .silqa-v6-section__head{margin-bottom:9.6px!important}
}