/* @group @variables */

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

/* @end @variables */

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

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

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

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

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

/* @group @variables */

[class*="m-root-blog-link"] {
}

/* @end @variables */

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

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

[class*="m-root-blog-link"] {
background-color: hsl(0deg 0% 100%);
border: 1px solid hsl(0deg 0% 90%);
border-radius: .5rem;
color: hsl(0deg 0% 20%);
text-decoration: none;
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 20% / 30%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 20% / 20%));
transition: var(--filter-transition);
}

[class*="m-root-blog-link"] a:hover,
[class*="m-root-blog-link"] a:focus {
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 60%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 40%));
}

[class*="m-root-blog-link"] {
overflow: clip;
display: grid;
grid-template-columns: var(--root-blog-link-grid-template-columns);
grid-template-rows: var(--root-blog-link-grid-template-rows);
}

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

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

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

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

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

[class*="a-root-blog-date"] {
font-size: clamp(0.75rem, 0.679rem + 0.36vw, 1rem); /* 12〜18 / 320〜1440 */
}

[class*="a-root-blog-name"] {
font-size: clamp(0.875rem, 0.804rem + 0.36vw, 1.125rem); /* 14〜18 / 320〜1440 */
line-height: 1.5;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

[class*="a-root-blog-title"] {
font-size: clamp(1rem, 0.857rem + 0.71vw, 1.5rem); /* 16〜24 / 320〜1440 */
line-height: 1.5;
font-weight: 600;
font-variation-settings-strong: "wght" 600;
}

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

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