/* @group @variables */

[class*="o-sidebar"] {
--sidebar-body-grid-template-columns: repeat(1, 1fr);
--sidebar-body-gap: 3rem;
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
--head-3-font-size: .875rem;
--head-3-line-height: 1.71428571;
--head-3-font-weight: 200;
--head-3-font-variation-settings: "wght" 200;
--grid-push-right: auto;
--grid-push-left: auto;
}

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

[class*="m-backnumber-list"] {
--grid-max-width: 30rem;
}

}*/

/* @end @variables */

/* @group @o-sidebar */

[class*="o-sidebar"] {
box-sizing: border-box;
align-self: start;
display: grid;
align-content: start;
align-items: start;
grid-template-columns: var(--sidebar-body-grid-template-columns);
gap: var(--sidebar-body-gap);
max-width: var(--grid-max-width);
margin-right: var(--grid-push-right);
margin-left: var(--grid-push-left);
}

/* @end @o-sidebar */

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

/* @group @variables */

[class*="m-sidebar-section"] {
--sidebar-section-grid-template-columns: repeat(1, 1fr);
--sidebar-section-grid-place-items: stretch stretch;
--sidebar-section-gap: 0;
--sidebar-section-background-color: var(--color-white);
}

/* @end @variables */

/* @group @m-sidebar-section */

[class*="m-sidebar-section"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--sidebar-section-grid-template-columns);
gap: var(--sidebar-section-gap);
background-color: var(--sidebar-section-background-color);
}

/* @end @m-sidebar-section */

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

/* @group @variables */

[class*="m-sidebar-headline"] {
--head-2-font-size: 1.25rem;
--head-2-line-height: 1.5;
--head-2-color: var(--color-black);
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;

--head-3-font-size: .75rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-darkgray);
--head-3-font-weight: 400;
--head-3-font-variation-settings: "wght" 400;
}

/* @end @variables */

/* @group @m-sidebar-headline */

[class*="m-sidebar-headline"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: .375rem;
}
/* @end @m-sidebar-headline */

/* @group @m-sidebar-headline */

[class*="m-sidebar-headline"] {
box-sizing: border-box;
padding: 0 .75rem 1.125rem;
/*border-top: .1875rem solid var(--color-premier); */
box-shadow: inset 0 -1px 0 var(--color-gainsboro);
text-transform: uppercase;
}
/* @end @m-sidebar-headline */

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

/* @group @variables */

[class*="m-sidebar-list"] {
}

/* @end @variables */

/* @group @m-sidebar-list */

[class*="m-sidebar-list"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
}

/* @end @m-sidebar-list */

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

/* @group @variables */

[class*="a-sidebar-detail-link"] {
--sidebar-detail-padding: .75rem;
}

[class*="a-sidebar-detail-link"]:hover,
[class*="a-sidebar-detail-link"]:focus {
/*--sidebar-detail-background-color: hsla(30, 100%, 47%, .05); */
--sidebar-detail-color: var(--color-premier);
}

[class*="a-sidebar-detail-link"]:focus {
/*--sidebar-detail-background-color: hsla(30, 100%, 47%, .05); */
--sidebar-detail-color: var(--color-premier-active);
}

/* @end @variables */

/* @group @variables */

[class*="a-sidebar-detail-link"] {
--sidebar-detail-grid-template-columns: 4.5rem 2fr;
/*--sidebar-detail-grid-template-rows: auto auto; */
--sidebar-detail-grid-template-rows: auto;
--sidebar-detail-gap: .375rem .75rem;
--sidebar-media-grid-column: 1;
/*--sidebar-media-grid-row: 1 / 3; */
--sidebar-media-max-width: 4.5rem;
--sidebar-media-min-height: 4.5rem;
--sidebar-media-max-height: 4.5rem;
--sidebar-media-grid-row: 1;
--sidebar-detail-label-grid-column: 2;
--sidebar-detail-label-grid-row: 1;
--sidebar-detail-date-grid-column: 2;
--sidebar-detail-date-grid-row: 2;
--sidebar-detail-background-color: var(--color-white);
--sidebar-detail-box-shadow: 0 -1px 0 0 var(--color-gainsboro), inset 0 -1px 0 0 var(--color-gainsboro);
--sidebar-detail-color: var(--color-very-dark-gray);
}

/* @end @variables */



/* @group @variables */

[class*="a-sidebar-detail-link-ranking"] {
--sidebar-detail-grid-template-columns: 4.5rem 2fr 2.625rem;
/*--sidebar-detail-grid-template-rows: auto auto; */
--sidebar-detail-grid-template-rows: auto;
--sidebar-detail-gap: .375rem .75rem;
--sidebar-detail-padding: .75rem 0 .75rem .75rem;
--sidebar-media-grid-column: 1;
/*--sidebar-media-grid-row: 1 / 3; */
--sidebar-media-grid-row: 1;
--sidebar-media-max-width: 4.5rem;
--sidebar-media-max-height: 4.5rem;
--sidebar-detail-label-grid-column: 2;
--sidebar-detail-label-grid-row: 1;
/*--sidebar-detail-date-grid-column: 2;
--sidebar-detail-date-grid-row: 2; */
--sidebar-detail-background-color: var(--color-white);
--sidebar-detail-box-shadow: 0 -1px 0 0 var(--color-gainsboro), inset 0 -1px 0 0 var(--color-gainsboro);
--sidebar-detail-color: var(--color-very-dark-gray);
--sidebar-ranking-position-top: .75rem;
--sidebar-ranking-position-left: .75rem;
--sidebar-ranking-font-family: 'Merriweather', sans-serif;
--sidebar-ranking-font-size: 3rem;
--sidebar-ranking-line-height: 1;
--sidebar-ranking-font-style: italic;
--sidebar-ranking-color: var(--color-very-light-gray);
--sidebar-detail-ranking-grid-column: 3;
--sidebar-detail-ranking-grid-row: 1;
}


/* @end @variables */

/* @group @a-sidebar-detail-link */

[class*="a-sidebar-detail-link"] {
position: relative;
display: grid;
align-items: center;
grid-template-columns: var(--sidebar-detail-grid-template-columns);
grid-template-rows: var(--sidebar-detail-grid-template-rows);
gap: var(--sidebar-detail-gap);
padding: var(--sidebar-detail-padding);
}

[class*="a-sidebar-detail-link"],
[class*="a-sidebar-detail-link"]:hover,
[class*="a-sidebar-detail-link"]:focus,
[class*="a-sidebar-detail-link"]:active {
background-color: var(--sidebar-detail-background-color);
box-shadow: var(--sidebar-detail-box-shadow);
color: var(--sidebar-detail-color);
}

[class*="a-sidebar-entries-media"] {
overflow: hidden;
align-self: start;
grid-column: var(--sidebar-media-grid-column);
grid-row: var(--sidebar-media-grid-row);
display: block;
width: var(--sidebar-media-max-width);
max-width: var(--sidebar-media-max-width);
height: var(--sidebar-media-max-height);
max-height: var(--sidebar-media-max-height);
}

[class*="a-sidebar-detail-link-label"] {
grid-column: var(--sidebar-detail-label-grid-column);
grid-row: var(--sidebar-detail-label-grid-row);
}

[class*="a-sidebar-detail-link-post-date"] {
grid-column: var(--sidebar-detail-date-grid-column);
grid-row: var(--sidebar-detail-date-grid-row);
}

[class*="a-sidebar-detail-link-ranking"]:before {
grid-column: var(--sidebar-detail-ranking-grid-column);
grid-row: var(--sidebar-detail-ranking-grid-row);
}

/* @end @a-sidebar-detail-link */

/* @group @a-entries-count */

[class*="a-entries-count"] {
align-self: center;
display: grid;
justify-content: center;
align-items: center;
width: var(--sidebar-detail-count-width);
height: var(--sidebar-detail-count-height);
font-size: var(--sidebar-detail-count-font-size);
line-height: var(--sidebar-detail-count-line-height);
background-color: var(--sidebar-detail-count-background-color);
border: 1px solid var(--sidebar-detail-count-border-color);
border-radius: .25rem;
color: var(--sidebar-detail-count-color);
}

/* @end @a-entries-count */

/* @group @m-sidebar-list-ranking */

[class*="m-sidebar-list-ranking"] {
counter-reset: li-ranking;
}

[class*="m-sidebar-list-ranking"]>li {
counter-increment: li-ranking;
}

[class*="a-sidebar-detail-link-ranking"]:before {
content: counter(li-ranking);
display: grid;
justify-content: center;
align-items: center;
width: var(--sidebar-ranking-width);
height: var(--sidebar-ranking-height);
background-color: var(--sidebar-ranking-background-color);
border-radius: .125rem;
font-family: var(--sidebar-ranking-font-family);
font-size: var(--sidebar-ranking-font-size);
line-height: var(--sidebar-ranking-line-height);
font-style: var(--sidebar-ranking-font-style);
font-style: italic;
font-weight: 400;
font-variation-settings: "wght" 400;
color: var(--sidebar-ranking-color);
text-align: center;
}

/* @end @m-sidebar-list-ranking */

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

/* @group @variables */

[class*="a-sidebar-category-link"],
[class*="a-sidebar-category-link"]:hover,
[class*="a-sidebar-category-link"]:focus,
[class*="a-sidebar-category-link"]:active {
--sidebar-category-link-box-shadow: 0 -1px 0 0 var(--color-gainsboro), inset 0 -1px 0 0 var(--color-gainsboro);
}

[class*="a-sidebar-category-link"] {
--sidebar-category-link-padding: 1.125rem .75rem;
}

[class*="a-sidebar-category-link"]:hover,
[class*="a-sidebar-category-link"]:focus,
[class*="a-sidebar-category-link"]:active {
--sidebar-category-link-background-color: var(--color-white);
--sidebar-category-link-color: var(--color-premier);
--sidebar-category-link-ranking-color: var(--color-white);
}

/* @end @variables */

/* @group @a-sidebar-category-link */

[class*="a-sidebar-category-link"] {
position: relative;
display: grid;
align-items: center;
grid-template-columns: var(--sidebar-category-link-grid-template-columns);
grid-template-rows: var(--sidebar-category-link-grid-template-rows);
gap: var(--sidebar-category-link-gap);
}

[class*="a-sidebar-category-link"] {
padding: var(--sidebar-category-link-padding);
}

[class*="a-sidebar-category-link"],
[class*="a-sidebar-category-link"]:hover,
[class*="a-sidebar-category-link"]:focus,
[class*="a-sidebar-category-link"]:active {
background-color: var(--sidebar-category-link-background-color);
box-shadow: var(--sidebar-category-link-box-shadow);
color: var(--sidebar-category-link-color);
}

/* @end @a-sidebar-category-link */

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

/* @group @m-sidebar-tag */

[class*="m-sidebar-tag"] {
position: relative;
overflow: hidden;
}

[class*="a-sidebar-tag-body"] {
overflow: hidden;
max-height: 200em;
margin-bottom: .75rem;
padding: 1.5rem .75rem 0;
transition: var(--transition);
}

input:checked + [class*="a-sidebar-tag-body"] {
max-height: 9.75em;
}

[class*="a-sidebar-tag-toggle"] {
position: relative;
z-index: 11;
padding: .75rem .75rem 0;
box-shadow: inset 0 1px 0 var(--color-gainsboro);
}

input:checked ~ [class*="a-sidebar-tag-toggle"] {
padding: .75rem .75rem 0;
box-shadow: inset 0 1px 0 var(--color-gainsboro), 0px -.75rem .75rem -.75rem hsla(0, 0%, 0%, .25);
}

[class*="a-tag-toggle"] [class*="a-tag-label"]:before {
content: '閉じる';
}

input:checked ~ [class*="a-sidebar-tag-toggle"] [class*="a-tag-label"]:before {
content: 'もっと見る';
}

/* @end @m-sidebar-tag */

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

/* @group @variables */

/* @group @variables */

[class*="a-tag-toggle"] {
--link-font-size: .875rem;
--link-line-height: 1.71428571;
}

/* @end @variables */

/* @end @variables */

/* @group @a-tag-toggle */

[class*="a-tag-toggle"] {
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: auto auto;
gap: .375rem;
}

/* @end @a-tag-toggle */

/* @group @a-tag-toggle */

[class*="a-tag-toggle"] {
padding: 0 .75rem;
cursor: pointer;
}

[class*="a-tag-toggle"]:hover,
[class*="a-tag-toggle"]:focus {
color: var(--color-text-action);
}

[class*="a-tag-icon"] {
position: relative;
display: block;
width: .75rem;
height: .75rem;
}

[class*="a-tag-icon"]:before,
[class*="a-tag-icon"]:after {
content: '';
position: absolute;
display: block;
background-color: currentColor;
transition: var(--transition);
}

[class*="a-tag-icon"]:before {
top: 0;
left: calc(50% - 1px);
width: 2px;
height: 100%;
opacity: 0;
}

[class*="a-tag-icon"]:after {
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
}

input:checked ~ [class*="a-sidebar-tag-toggle"] [class*="a-tag-icon"]:before {
opacity: 1;
}

/* @end @a-tag-toggle */

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

/* @group @variables */

[class*="a-sidebar-about-body"] {
--sidebar-about-body-grid-template-columns: repeat(1, 1fr);
--sidebar-about-body-gap: 1.5rem;
}

/* @end @variables */

/* @group @a-sidebar-about-body */

[class*="a-sidebar-about-body"] {
box-sizing: border-box;
align-self: start;
display: grid;
align-content: start;
align-items: start;
grid-template-columns: var(--sidebar-about-body-grid-template-columns);
gap: var(--sidebar-about-body-gap);
}

/* @end @a-sidebar-about-body */

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

/* @group @a-sidebar-about-media */

[class*="a-sidebar-about-media"] {
margin-top: 1.5rem;
}

[class*="a-sidebar-about-media"] img {
width: 100%;
}

/* @end @a-sidebar-about-media */


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