/* @group @variables */

[class*="m-root-pickup-slider"] {
}

@media all and (max-width:47.9375em) {

[class*="m-root-pickup-slider"] {
}

}

@media all and (min-width: 48em) {

[class*="m-root-pickup-slider"] {
}

}

@media all and (max-width:61.9375em) {

[class*="m-root-pickup-slider"] {
}

}

@media all and (min-width: 62em) {

[class*="m-root-pickup-slider"] {
}

}

/* @end @variables */

/* @group @m-root-pickup-slider */

[class*="m-root-pickup-slider"] {
}

[class*="m-root-pickup-slider"] :where(ul, p, h3, dl) {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

/* @end @m-root-pickup-slider */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-root-pickup-list"] li:nth-of-type(3n+1) {
--root-pickup-name-background-color: hsl(198deg 92% 85%);
}

[class*="m-root-pickup-list"] li:nth-of-type(3n+2) {
--root-pickup-name-background-color: hsl(347deg 100% 84%);
}

[class*="m-root-pickup-list"] li:nth-of-type(3n) {
--root-pickup-name-background-color: hsl(65deg 93% 78%);
}

/* @end @variables */

/* @group @m-root-pickup-link */

[class*="m-root-pickup-list"] li {
width: clamp(20rem, 17.143rem + 14.29vw, 30rem);/* 320〜480 / 320〜1440 */
}

[class*="m-root-pickup-link"] {
display: grid;
align-self: start;
grid-template-columns: var(--root-pickup-link-grid-template-columns);
grid-template-rows: var(--root-pickup-link-grid-template-rows);
gap: var(--root-pickup-link-gap);
}

[class*="m-root-pickup-link"] {
--root-pickup-link-grid-template-columns: .75rem 1fr .75rem .75rem;
--root-pickup-link-grid-template-rows: 1.5rem 2rem 1fr 1rem auto .5rem auto 1rem;
--root-pickup-name-grid-column: 2 / span 3;
--root-pickup-name-grid-row: 1 / span 2;
--root-pickup-title-grid-column: 2;
--root-pickup-title-grid-row: 5;
--root-pickup-media-grid-column: 1 / span 3;
--root-pickup-media-grid-row: 2 / span 2;
--root-pickup-enrollment-grid-column: 2;
--root-pickup-enrollment-grid-row: 7;
}

[class*="a-root-pickup-name"] {
grid-column: var(--root-pickup-name-grid-column);
grid-row: var(--root-pickup-name-grid-row);
}

[class*="a-root-pickup-title"] {
grid-column: var(--root-pickup-title-grid-column);
grid-row: var(--root-pickup-title-grid-row);
}

[class*="a-root-pickup-media"] {
grid-column: var(--root-pickup-media-grid-column);
grid-row: var(--root-pickup-media-grid-row);
}

[class*="a-root-pickup-enrollment"] {
grid-column: var(--root-pickup-enrollment-grid-column);
grid-row: var(--root-pickup-enrollment-grid-row);
}

[class*="m-root-pickup-link"] {
color: hsl(0deg 0% 20%);
text-decoration: none;
}

[class*="m-root-pickup-link"]:hover,
[class*="m-root-pickup-link"]:focus {
color: hsl(0deg 0% 27%);
}

[class*="a-root-pickup-name"] {
position: relative;
z-index: 2;
display: grid;
grid-auto-flow: row;
width: auto;
height: 100%;
margin-left: auto;
font-size: .75rem;
line-height: 1.5;
}

[class*="a-root-pickup-name"] dl {
display: grid;
align-items: center;
align-content: center;
grid-auto-flow: row;
padding: 0 .5rem;
background-color: var(--root-pickup-name-background-color);
border-radius: .5rem;
}

[class*="a-root-pickup-name"] dd {
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

[class*="a-root-pickup-name"] dl+span {
display: grid;
width: .5rem;
height: .5rem;
margin-right: 3rem;
margin-left: auto;
background-color: var(--root-pickup-name-background-color);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
}

[class*="a-root-pickup-media"] {
overflow: clip;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: .5rem;
}

[class*="a-root-pickup-media"] img {
width: 100%;
height: 100%;
object-fit:cover;
object-position: center center;
transform: scale(1);
transition: var(--transform-transition);
}
a:hover [class*="a-root-pickup-media"] img,
a:focus [class*="a-root-pickup-media"] img {
transform: scale(1.05);
}

[class*="a-root-pickup-title"] {
padding-bottom: calc(.5rem - 1px);
border-bottom: 1px dotted currentColor;
font-size: clamp(0.875rem, 0.804rem + 0.36vw, 1.125rem); /* 18〜24 / 320〜1440 */
line-height: 1.5;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

[class*="a-root-pickup-enrollment"] {
display: grid;
justify-content: start;
grid-auto-flow: column;
font-size: clamp(0.875rem, 0.804rem + 0.36vw, 1.125rem); /* 14〜18 / 320〜1440 */
line-height: 1.5;
gap: .5rem;
}

[class*="a-root-pickup-enrollment"] :where(dt, dd) {
font-size: inherit;
font-weight: inherit;
}

/* @end @m-root-pickup-link */

/* -------------------------------------------------------- */