/* --------------------------------
フラワー
-------------------------------- */
.flower{
padding:10rem 0;
}


/* --------------------------------
スライダー
-------------------------------- */
.flower .ui-slider{
--slider-columns:3.2;
--slider-gap:2rem;
}

/* SP */
@container (max-width:800px){
.flower .ui-slider{
--slider-columns:2.5;
--slider-gap:2rem;
}
}

@media(max-width:600px){
.flower .ui-slider{
--slider-columns:1.2;
--slider-gap:2rem;
}
}


/* --------------------------------
カード
-------------------------------- */
.flower-card{
margin:0;
padding:2rem;
background:var(--bg2);
border-radius:.5rem;
height:100%;
}

.flower-card img{
display:block;
width:100%;
aspect-ratio:1;
object-fit:cover;
}

.flower-card figcaption{
margin-top:2rem;
}

.flower-card em{
font-family:"mincho", serif;
font-weight:normal;
font-size:2rem;
letter-spacing:.04em;
display:block;
font-style:normal;
padding:0 0 1rem 0;
}

.flower-card small{
font-size:1.3rem;
padding:0 0 0 1.6rem;
color:var(--color-gray3);
letter-spacing:0;
}

.flower-card span{
color:var(--color-gray3);
}


@media(max-width:600px){
.flower-card figcaption,
.flower-card em,
.flower-card small{
display:block;
}

}

/* -------------------------------
ノート
--------------------------------- */
.flower-note{
margin-top:2rem;
}

@container (max-width:600px){
.flower-note{
margin-top:1rem;
}
}