@charset "UTF-8";
/* 変数 */
:root { font-size: 1.0625rem; --color-theme: #0071C5; --color-orange: #CC6600; --color-yellow: #CBCB81; --color-base-background: #fdfdfc; --color-white-background: #fff; --color-side-column-background: #f4f4f0; --color-background: #eee; --color-menu-background: #eee; --color-menu-background-alpha: rgba(240, 240, 240, .95); --color-gh-infomation-background: #ebf4f8; --color-menuitem-background: rgba(0, 0, 0, .125); --color-selected-relcontents: #eed; --color-headline-information: #eef8ff; --color-headline-attention: #fff8ee; --color-text: #222; --color-black: #000; --color-gray-text: #666; --color-static-white: #fdfdfc; --color-link: #226; --color-link-focus: #237; --color-border: #ccc; --color-material: #888; --color-main-tag: #eef; --color-codelist-background: #f4f4f4; --color-cline-text: #ddd; --color-cline-background: #444; --fontsize-tiny: .75614367rem; --fontsize-small: .86956522rem; --fontsize-somewhatsmall: .93478261rem; --fontsize-normal: 1rem; --fontsize-large: 1.15rem; --fontsize-larger: 1.3225rem; --fontsize-largest: 1.520875rem; --fontsize-huge: 1.74900625rem; --font-serif: serif; --font-sans-serif: sans-serif; --font-monospace: monospace; --margin-spacer: 3rem; --margin-other-side: 3rem; --margin-content-side: 4rem; --margin-half-spacer: 1.5rem; --width-content: 40rem; --width-site-max: calc(var(--margin-content-side) + var(--width-content) + var(--margin-spacer) + 300px + (var(--margin-spacer) / 2)); }

@media (prefers-color-scheme: dark) { :root { --color-base-background: #343433; --color-white-background: #333; --color-side-column-background: #444; --color-background: #4e4e4e; --color-menu-background: #4e4e4e; --color-menu-background-alpha: rgba(80, 80, 80, .95); --color-gh-infomation-background: #345; --color-menuitem-background: rgba(0, 0, 0, .125); --color-selected-relcontents: #4e4e4d; --color-headline-information: #034; --color-headline-attention: #430; --color-text: #ddd; --color-black: #eee; --color-gray-text: #999; --color-link: #bec0ee; --color-link-focus: #b0b0f0; --color-border: #666; --color-material: #8d8d8d; --color-main-tag: #445; --color-codelist-background: #444; --color-cline-text: #444; --color-cline-background: #ddd; } }
/* Base */
html { scroll-behavior: smooth; }

body { background: var(--color-background); color: var(--color-text); font-family: var(--font-sans-serif); }

::placeholder { font-size: 0.86956522em; }

h1, h2, h3, h4, h5, h6 { font-feature-settings: "kern", "liga", "palt"; }

a { color: var(--color-link); }

/* Layout */
/* Layout */
.l-header { background: var(--color-white-background); border-bottom: 1px solid var(--color-border); box-shadow: 0 1px 5px rgba(0, 0, 0, 0); height: 3rem; position: fixed; transition: box-shadow .25s ease-in-out; width: 100%; z-index: 5; transition: height .25s ease-in-out; }

.l-header__wrapper, .l-footer__wrapper { max-width: var(--width-site-max); margin: 0 auto; position: relative; height: 100%; }

.l-header__site-logo { display: block; height: 1.5rem; left: calc(var(--margin-spacer) / 2); position: absolute; bottom: .75rem; width: min-content; }
.l-header__site-logo a { display: block; }
.l-header__site-logo img { height: 100%; width: auto; }
.l-header__site-logo svg { height: 1.5rem; }

.l-content { min-height: calc(100vh - 3rem); padding-top: 3rem; background: var(--color-base-background); }

.l-leaderboard { background: var(--color-background); padding: var(--margin-half-spacer) 0; display: flex; justify-content: center; position: relative; z-index: 1; }
.l-leaderboard::before, .l-leaderboard::after { content: ''; display: block; width: 5pt; height: 5pt; position: absolute; background: var(--color-background); bottom: -5pt; }
.l-leaderboard::before { left: 0; clip-path: path("M0,0V5A5,5,0,0,1,5,0Z"); }
.l-leaderboard::after { right: 0; clip-path: path("M6.7,0V5A5,5,0,0,0,0,0Z"); }

.l-backlink { margin-top: var(--margin-spacer); display: inline-block; padding: 1px; background-color: var(--color-link); border-radius: .25rem; margin-left: .86rem; position: relative; }
.l-backlink::before { content: ''; display: block; width: 1.64rem; height: 1.64rem; position: absolute; left: -.597rem; transform: rotate(45deg); top: .235rem; border-radius: .25rem; background-color: var(--color-link); }
.l-backlink a { display: inline-block; width: fit-content; line-height: 2rem; padding: 0 .8rem; color: var(--color-link); background-color: var(--color-base-background); border-radius: .2rem; position: relative; z-index: 0; }
.l-backlink a::before { content: ''; display: block; width: 1.528rem; height: 1.528rem; position: absolute; left: -.598rem; transform: rotate(45deg); top: .235rem; border-radius: .2rem; background-color: var(--color-base-background); z-index: -1; }
.l-backlink a:hover { color: var(--color-base-background); background-color: var(--color-link); }
.l-backlink a:hover::before { background-color: var(--color-link); }

.l-return-top { position: fixed; right: 1rem; bottom: 0; width: 5rem; height: 0; overflow: hidden; transition: height .25s ease-in-out; }
.l-return-top button { width: 5rem; line-height: 2rem; background: var(--color-base-background); border-top: 1px solid var(--color-border); border-left: 1px solid var(--color-border); border-right: 1px solid var(--color-border); border-top-left-radius: .25rem; border-top-right-radius: .25rem; text-align: center; }
.l-return-top.is-visible { height: 2rem; }

.l-footer { background: var(--color-white-background); border-top: 3px solid var(--color-theme); position: relative; }

.l-headline ul { font-size: var(--fontsize-small); }
.l-headline li { padding: 0.5rem var(--margin-other-side); line-height: 1.5; border-bottom: 1px solid var(--color-background); }

/* Module */
.topmenu__label { border-right: 1px solid var(--color-base-background); border-left: 1px solid var(--color-base-background); display: none; height: 3rem; padding: 0 1rem; position: absolute; text-indent: 100%; bottom: -1px; right: calc(var(--margin-spacer) / 2 - 1rem); width: 4rem; transition: background-color .5s ease-in-out, border-right .5s ease-in-out, border-left .5s ease-in-out; }
.topmenu__label::after { content: ''; display: block; width: 1px; height: 1px; background: var(--color-border); position: absolute; bottom: 0; right: -1px; }
.topmenu__label::before { content: ''; display: block; width: 1px; height: 1px; background: var(--color-border); position: absolute; bottom: 0; left: -1px; }
.topmenu__label .m-burger { width: calc(2rem - 2px); }
.topmenu__label.is-active { background-color: var(--color-menu-background); border-right: 1px solid var(--color-border); border-left: 1px solid var(--color-border); }

.topmenu__label-text { display: none; color: var(--color-material); font-size: var(--fontsize-tiny); line-height: 1; opacity: 1; position: absolute; right: 4rem; bottom: .775rem; transition: opacity .25s ease-in-out; z-index: 1; }
.topmenu__label-text.is-active { opacity: 0; }

.topmenu__wrapper { left: 0; border-bottom: 0; width: 100vw; bottom: -1px; position: absolute; max-width: var(--width-site-max); }

.topmenu__container { position: relative; display: flex; gap: 0; white-space: nowrap; margin-left: 10rem; flex-direction: row-reverse; padding: 0 calc(var(--margin-spacer) / 2); justify-content: flex-end; }
.topmenu__container h2 { font-size: var(--fontsize-small); color: var(--color-gray-text); line-height: 3rem; cursor: pointer; padding: 0 1rem; border-left: 1px solid var(--color-white-background); border-right: 1px solid var(--color-white-background); position: relative; transition: background-color .5s ease-in-out, border-right .5s ease-in-out, border-left .5s ease-in-out; }
.topmenu__container h2::before, .topmenu__container h2::after { content: ''; display: block; background: var(--color-border); bottom: 0; height: 1px; width: 1px; position: absolute; }
.topmenu__container h2::before { left: -1px; }
.topmenu__container h2::after { right: -1px; }
.topmenu__container h2:hover { color: var(--color-text); }
.topmenu__container > div { margin-top: -3rem; }
.topmenu__container > div.is-active h2 { border-color: var(--color-border); background: var(--color-menu-background); }
.topmenu__container > div.is-active .list-wrapper { height: calc(100vh - 3rem); display: block; }
.topmenu__container .list-wrapper { overflow: hidden; top: 3rem; left: 0; right: 0; height: 0; transition: height .25s ease-in-out, padding .25s ease-in-out; position: fixed; align-content: flex-start; background: var(--color-menu-background-alpha); backdrop-filter: blur(0.5rem) brightness(80%); -webkit-backdrop-filter: blur(0.5rem) brightness(80%); }
.topmenu__container .list-wrapper > ul { max-width: var(--width-content); margin: var(--margin-spacer) auto; }

.topmenu__search .searchbox, .topmenu__search .searchbox--result > :is(h2, ul, p) { max-width: var(--width-content); margin-left: auto; margin-right: auto; }
.topmenu__search .searchbox { margin-top: var(--margin-spacer); margin-bottom: var(--margin-spacer); position: relative; border-bottom: 1px solid var(--color-border); }
.topmenu__search .searchbox input { height: calc(3rem - 6px); line-height: calc(3rem - 6px); padding-right: 2rem; padding-left: 0; width: 100%; }
.topmenu__search .searchbox input:focus { width: calc(100% + .5rem); padding-left: .25rem; margin-left: -.25rem; margin-right: -.25rem; }
.topmenu__search .searchbox::after { content: ''; display: block; background: linear-gradient(to bottom, var(--color-menu-background), transparent); width: 100%; height: 1rem; position: absolute; bottom: calc((var(--margin-spacer) + 1rem + 1px) * -1); z-index: 1; }
.topmenu__search .searchbox--result { position: relative; height: calc(100% - (var(--margin-spacer) * 2) - (3rem - 6px)); overflow-y: auto; white-space: normal; }
.topmenu__search .searchbox--result > :is(h2, p) { margin-bottom: var(--margin-half-spacer); font-weight: bold; border: 0; padding: 0; cursor: auto; }
.topmenu__search .searchbox--result > :is(h2, p):hover { color: var(--color-gray-text); }
.topmenu__search .searchbox--result > p { font-size: var(--fontsize-small); text-align: right; }
.topmenu__search .searchbox--result .m-listitem { flex-direction: column; }
.topmenu__search .searchbox--result .m-listitem .m-listitem__image-wrapper { font-size: .4rem; }

.topmenu__search-button { height: 1.4rem; position: absolute; right: 0; top: .8rem; width: 1.4rem; outline: 0 !important; }
.topmenu__search-button::before { content: ''; position: absolute; display: block; width: 2rem; height: 2rem; top: -.3rem; left: -.3rem; }

.topmenu__list a:hover { text-decoration: underline; }
.topmenu__list :is(.category-list, .information-list, .siteinfo-list) { display: flex; gap: 0 1.5rem; white-space: nowrap; font-feature-settings: "kern", "liga", "palt"; line-height: 2; flex-wrap: wrap; padding: 0 1em; }
.topmenu__list .siteinfo-list { font-size: var(--fontsize-small); }
.topmenu__list .list--punctuation { width: 100%; height: 1em; }

.l-headline li a:hover { text-decoration: underline; }
.l-headline li.information { background: var(--color-headline-information); }
.l-headline li.information i { background: var(--color-theme); border-radius: 50%; margin-bottom: -.25em; }
.l-headline li.information i::after { display: block; width: 100%; height: 100%; position: absolute; content: 'i'; line-height: 1.3em; text-align: center; }
.l-headline li.attention { background: var(--color-headline-attention); }
.l-headline li.attention i { background: var(--color-orange); height: .625em; border-radius: .31em; transform: rotate(60deg); left: .2em; }
.l-headline li.attention i::before { content: ''; display: block; position: absolute; width: 1.25em; background: var(--color-orange); height: .625em; border-radius: .31em; transform: rotate(60deg); left: -.18em; bottom: -.3em; }
.l-headline li.attention i::after { content: '!'; display: block; position: absolute; width: 1.25em; background: var(--color-orange); height: .625em; border-radius: .31em; transform: rotate(-60deg); text-align: center; line-height: .25em; bottom: -.3em; right: -.18em; }
.l-headline li i { display: inline-block; width: 1.25em; height: 1.25em; margin-right: .5em; position: relative; color: var(--color-base-background); font-family: var(--font-serif); font-weight: bold; font-style: normal; }

.l-rectangle { position: relative; margin: var(--margin-half-spacer) auto; min-width: 300px; max-width: 336px; overflow: visible; }
.l-rectangle iframe { box-shadow: 0 0 1px var(--color-material); }
.l-rectangle .wrapper { position: relative; width: min-content; margin: 0 auto; }

.footer__copyright { font-size: var(--fontsize-tiny); line-height: 1.5; padding: 1rem calc(var(--margin-spacer) / 2) 2rem; text-align: right; font-feature-settings: "kern", "liga", "palt"; }

.footer__logo { margin: 1.25rem 1rem 0.5rem calc(var(--margin-spacer) / 2); height: 1.2rem; width: auto; float: left; }

/* State */
.l-header.is-scroll { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

.l-header.is-hide { height: .25rem; }
.l-header.is-hide:hover { height: 3rem; }

@media screen and (min-width: 1133px) { :root { --width-site-max: 1133px; }
  .l-content__header { width: calc(var(--width-content) + (var(--margin-content-side) * 2)); }
  .l-skyscraper__wrapper { position: absolute; left: 2rem; width: calc(300px - 1rem - 2rem); }
  .l-rectangle { margin: var(--margin-spacer) 0 var(--margin-half-spacer) -3rem; z-index: 1; }
  .l-return-top { margin-left: calc(var(--width-site-max) / 2 - 5rem); left: 50%; right: unset; } }
@media screen and (min-width: 1416px) { :root { --width-site-max: 1416px; }
  body { display: flex; flex-wrap: wrap; justify-content: center; }
  .l-header { position: relative; width: calc(300px - 2rem); background: inherit; height: auto; box-shadow: none; }
  .l-header.is-hide { height: auto; }
  .l-header.is-scroll { box-shadow: none; }
  .l-header__wrapper { width: calc(300px - 2rem); height: auto; padding: var(--margin-spacer) 0; }
  .l-header__site-logo { position: initial; height: var(--fontsize-huge); }
  .l-header__site-logo svg { height: var(--fontsize-huge); }
  .topmenu__label-text, .topmenu__label { display: none; }
  .topmenu__wrapper { position: unset; height: auto; width: calc(100% - 2rem); background: inherit; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .topmenu__container { margin: 2rem 0 0; padding: 0; display: block; }
  .topmenu__container > div { margin-top: 2rem; }
  .topmenu__container > div.is-active h2 { border: 0; background: inherit; }
  .topmenu__container > div.is-active .list-wrapper, .topmenu__container .list-wrapper { display: block; position: relative; top: unset; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; height: auto; overflow: visible; }
  .topmenu__container .list-wrapper ul { margin: 0; }
  .topmenu__container h2 { font-weight: bold; font-size: var(--fontsize-small); margin: 2rem 0 .5rem; line-height: 1.5; cursor: inherit; padding: 0; border-color: var(--color-background); pointer-events: none; }
  .topmenu__container h2::before, .topmenu__container h2::after { display: none; }
  .topmenu__container h2:hover { color: var(--color-gray-text); }
  .topmenu__search .searchbox { margin: 0; }
  .topmenu__search .searchbox::after { display: none; }
  .topmenu__search .searchbox--result { transition: width .25s ease-in-out; width: 0; height: 100%; position: fixed; top: 0; margin-left: calc(300px - 2em); background: var(--color-background); }
  .topmenu__search .searchbox--result.is-active { width: calc(var(--width-content) + var(--margin-content-side) * 2 + 300px - 1rem); }
  .topmenu__search .searchbox--result > :is(h2, ul, p) { margin-left: var(--margin-content-side); margin-right: var(--margin-content-side); }
  .topmenu__search .searchbox--result > h2 { margin-top: var(--margin-spacer); }
  .topmenu__search .searchbox--result > ul { margin-bottom: var(--margin-spacer); }
  .topmenu__list ul { font-size: var(--fontsize-small); }
  .l-footer { width: 100%; } }
@media screen and (max-width: 816px) { :root { --margin-content-side: 3rem; } }
@media screen and (max-width: 782px) { :root { --margin-content-side: 2rem; } }
@media screen and (max-width: 748px) { :root { --margin-content-side: 1.5rem; } }
@media screen and (max-width: 731px) { :root { --margin-spacer: 2rem; }
  .l-leaderboard, .l-skyscraper { display: none; }
  .topmenu__label { display: block; }
  .topmenu__label-text { display: inline; }
  .topmenu__wrapper { top: 3rem; background: var(--color-menu-background-alpha); height: 0; transition: height .25s ease-in-out, padding .25s ease-in-out; overflow: hidden; backdrop-filter: blur(0.5rem) brightness(80%); -webkit-backdrop-filter: blur(0.5rem) brightness(80%); bottom: unset; max-width: unset; }
  .is-active + .topmenu__wrapper { border-bottom: 1px solid var(--color-border); height: calc(100vh - 3rem); overflow: auto; }
  .topmenu__container { max-width: var(--width-content); margin: 0 auto; padding: 1rem; position: inherit; display: block; }
  .topmenu__container h2 { font-weight: bold; font-size: var(--fontsize-small); margin: 2rem 0 .5rem; line-height: 1.5; cursor: inherit; padding: 0; border: 0; }
  .topmenu__container h2::before, .topmenu__container h2::after { display: none; }
  .topmenu__container h2:hover { color: var(--color-gray-text); }
  .topmenu__container > div { margin-top: 0; }
  .topmenu__container > div.is-active .list-wrapper, .topmenu__container .list-wrapper { display: block; position: relative; top: unset; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; height: auto; }
  .topmenu__container .list-wrapper ul { margin-top: 0; margin-bottom: 0; } }
/* Theme */
/* Layout */
.l-content.article, .l-content.summary { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2)); margin: 0 auto; background: inherit; }

.l-article, .l-article-footer { background: var(--color-base-background); }

.l-article { padding-bottom: 1px; padding-top: 1px; }

.l-article-header { margin: -1px var(--margin-content-side) var(--margin-spacer); }
.l-article-header .l-headline { margin: 0 calc(var(--margin-content-side) * -1); }

.l-article-subheader, .l-article-main, .l-contents-list { margin: var(--margin-spacer) var(--margin-content-side); }

.l-cover-image { padding-bottom: 1px; position: relative; margin: -1px calc(var(--margin-content-side) * -1) 0; z-index: 0; }
.l-cover-image::before { background: linear-gradient(152deg, rgba(255, 255, 255, 0.2), transparent 35%, transparent 65%, rgba(0, 0, 0, 0.05)); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }
.l-cover-image .cover-image__wrapper { width: 100%; display: flex; justify-content: center; overflow: hidden; }
.l-cover-image .cover-image { max-height: 14rem; width: auto; height: auto; z-index: 1; }

.l-article-top { font-feature-settings: "kern", "liga", "palt"; margin: var(--margin-spacer) 0; line-height: 2; position: relative; }
.l-article-top .group { color: var(--color-gray-text); font-size: var(--fontsize-small); line-height: 1.5; margin-bottom: -.15rem; padding-right: 4.15rem; }
.l-article-top .group a:hover { text-decoration: underline; }
.l-article-top .main-title { font-size: var(--fontsize-largest); font-weight: bold; line-height: calc(var(--fontsize-largest) + 1rem); margin: var(--margin-spacer) 0; text-align: justify; letter-spacing: -1px; }
.l-article-top .subtitle { display: block; font-weight: normal; font-size: var(--fontsize-large); line-height: calc(var(--fontsize-large) + 1rem); }
.l-article-top .article-information-wrapper { display: flex; }
.l-article-top .article-information { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.l-article-top .author { display: flex; flex-direction: column; gap: 1rem 0; margin-bottom: 1rem; }
.l-article-top .author li { display: flex; gap: 0 .5rem; align-items: center; }
.l-article-top .author__image { display: block; width: 2.29rem; height: 2.29rem; overflow: hidden; border-radius: 50%; position: relative; }
.l-article-top .author__image i { font-weight: bold; font-style: normal; text-align: center; line-height: 2.29rem; display: block; background: green; color: white; }
.l-article-top .author__image img { width: 100%; height: 100%; object-fit: cover; }
.l-article-top .author__image::after { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); }
.l-article-top .author__text { display: flex; flex-direction: column; line-height: 1.5; font-size: var(--fontsize-small); }
.l-article-top .author__text .ruby { font-size: var(--fontsize-small); color: var(--color-gray-text); }
.l-article-top .author__text a:hover { text-decoration: underline; }
.l-article-top :is(.author__header, .author__footer) { font-size: var(--fontsize-tiny); }
.l-article-top .author__footer { color: var(--color-gray-text); }
.l-article-top .article-status { font-size: var(--fontsize-small); color: var(--color-gray-text); display: flex; gap: 0 1em; line-height: 1.5; align-items: center; }
.l-article-top .article-status .tag { position: absolute; top: 0; right: 0; }
.l-article-top .article-status .date { white-space: nowrap; }
.l-article-top .article-status .like { color: var(--color-text); }
.l-article-top .article-status .like :is(.score, .action) { font-size: 1rem; margin-right: .25rem; }
.l-article-top .article-status .like .m-light { font-size: 1rem; top: -.25em; }
.l-article-top .article-status .like:is(:hover, .is-done) .m-light { background: yellow; }
.l-article-top .article-status .like:is(:hover, .is-done) .m-light::after { border-color: white; }
.l-article-top .article-status .like:is(:hover, .is-done) .m-light .m-light--plug::after { display: block; border-color: orange; }
.l-article-top .l-rectangle { margin: 0; }

.l-content.summary .article-information-wrapper { justify-content: center; }

.l-article-main .l-rectangle { display: flex; justify-content: center; }

.share-wrapper { border: 1px solid var(--color-border); padding: .25em .5em; cursor: pointer; border-radius: .25em; background: var(--color-base-background); position: relative; }
.share-wrapper::after { content: ''; display: block; left: 0; right: 0; bottom: -1px; background: var(--color-base-background); position: absolute; height: 1px; opacity: 0; transition: opacity .25s ease-in-out; }
.share-wrapper:hover .m-share { background: linear-gradient(-45deg, transparent calc(50% - 1px), var(--color-link) calc(50% - 1px), var(--color-link) calc(50% + 1px), transparent calc(50% + 1px)); }
.share-wrapper:hover .m-share::before, .share-wrapper:hover .m-share::after { border-color: var(--color-link); }
.share-wrapper.is-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.share-wrapper.is-active::after { opacity: 1; }
.share-wrapper.is-active .m-share--social { opacity: 1; height: calc(1.5em + 2rem); }

.m-share--social { display: flex; gap: 0 1rem; align-items: center; justify-content: space-between; position: absolute; overflow: hidden; border: 1px solid var(--color-border); border-radius: .25em; padding: 0 1rem; background: var(--color-base-background); margin-top: .25em; margin-left: -5.5rem; width: 11rem; left: 50%; opacity: 0; height: 0; transition: opacity, height .25s ease-in-out; }
.m-share--social span { display: block; width: 1.5em; }
.m-share--social span img { width: 100%; height: auto; }

.l-article-contents { height: 3.25rem; transition: height .5s ease-in-out; cursor: pointer; line-height: 2; padding: .75rem 1rem; border-radius: .25rem; border: 1px solid var(--color-yellow); font-size: var(--fontsize-small); flex-grow: 1; margin-left: var(--margin-content-side); margin-right: var(--margin-content-side); overflow: hidden; }
.l-article-contents .contents__header { display: flex; justify-content: space-between; }
.l-article-contents .contents__title { font-weight: bold; }
.l-article-contents .contents__title::after { content: '>'; font-weight: normal; color: var(--color-gray-text); margin-left: 0.5em; transform: rotate(0deg); transition: transform .5s ease-in-out; display: inline-block; }
.l-article-contents .contents__title.is-empty::after { display: none; }
.l-article-contents .contents__list { border-top: 2px solid var(--color-yellow); padding-top: .7em; opacity: 0; transition: opacity .5s ease-in-out; }
.l-article-contents .contents__list li:hover { color: var(--color-link-focus); }
.l-article-contents .contents__list li:hover ul { color: var(--color-link); }
.l-article-contents .contents__list > li { line-height: 1.5; font-feature-settings: "kern", "liga", "palt"; text-align: justify; }
.l-article-contents .contents__list > li + li { margin-top: .7em; }
.l-article-contents .contents__list .is-visible { text-shadow: 0 0 .5px; color: var(--color-text); }
.l-article-contents .contents__list ul { padding-left: 1em; position: relative; }
.l-article-contents .contents__list ul li { padding-top: .5em; position: relative; }
.l-article-contents .contents__list ul li::before { content: ''; display: block; position: absolute; width: 0; height: 100%; border-left: 1px dotted var(--color-yellow); left: -.5em; top: 0; }
.l-article-contents .contents__list ul li::after { content: ''; display: block; width: .3em; height: .3em; position: absolute; background: var(--color-yellow); left: calc((.65em - .5px) * -1); top: 1.1em; border-radius: .15em; }
.l-article-contents .contents__list ul li:last-child::before { height: 1.1em; }
.l-article-contents.is-active { height: auto; }
.l-article-contents.is-active .contents__title::after { transform: rotate(90deg); }
.l-article-contents.is-active .contents__list { opacity: 1; }

.l-article-subinformation { display: flex; gap: 0 1em; margin: var(--margin-spacer) var(--margin-content-side); align-items: center; font-size: var(--fontsize-small); font-weight: bold; justify-content: flex-end; }
.l-article-subinformation .source { color: var(--color-gray-text); }
.l-article-subinformation .license { line-height: 1; margin-left: 1rem; }
.l-article-subinformation .license a { display: inline-block; }
.l-article-subinformation .license img { max-height: 2em; width: auto; height: auto; }

.l-article-status { margin: var(--margin-half-spacer) var(--margin-content-side) var(--margin-spacer); }
.l-article-status .article-category { display: flex; gap: 0 1em; flex-wrap: wrap; font-feature-settings: "kern", "liga", "palt"; }
.l-article-status .article-category .m-category a { display: block; font-size: var(--fontsize-small); padding: 0 .5em; line-height: 1.5; background: var(--color-background); border-radius: 3px; height: min-content; position: relative; z-index: 0; }
.l-article-status .article-category .m-category a::after { content: '・'; font-weight: bold; line-height: 1; text-align: center; color: var(--color-base-background); display: block; background: var(--color-background); width: 1em; top: 0.25em; height: 1em; position: absolute; right: -0.47em; transform: rotate(45deg); z-index: -1; border-top-right-radius: 0.25em; }
.l-article-status .article-category .m-category a:hover { border-bottom: 1px solid var(--color-link); margin-bottom: -1px; }
.l-article-status .article-category .m-category a:hover::after { border-right: 1px solid var(--color-link); text-shadow: -1px 0 0 var(--color-link); }
.l-article-status .article-category .m-category:first-child a { background: var(--color-main-tag); text-shadow: 0 0 1px var(--color-white-background); }
.l-article-status .article-category .m-category:first-child a::after { background: var(--color-main-tag); }

.l-skyscraper { position: sticky; top: calc(3rem + 1px + .5rem); height: 600px; }
.l-skyscraper .wrapper { position: absolute; left: 0; }

.l-content.article .l-relcontents, .l-content.summary .l-relcontents { content-visibility: auto; contain-intrinsic-size: 300px; background: var(--color-side-column-background); padding: 1rem var(--margin-half-spacer); margin: 0; }
.l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div { padding: 1rem 0; }
.l-content.article .l-relcontents .m-listitem.m-listitem--card-style a, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style a { border-bottom: 0; flex-direction: column; padding: 1rem 0; }
.l-content.article .l-relcontents .m-listitem.m-listitem--card-style a:hover::before, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style a:hover::before { background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.article .l-relcontents .m-listitem__title, .l-content.summary .l-relcontents .m-listitem__title { flex-grow: 1; padding-bottom: .5rem; }

.l-contents-list { font-size: var(--fontsize-small); line-height: 1.5; }
.l-contents-list .m-listitem { flex-direction: column; /* a { border-bottom: 0; display: flex; flex-direction: row; position: relative;
 &:hover { z-index: 0; position: relative;
 &::before { content: ''; position: absolute; z-index: -1; display: block; top: 0rem; left: -.5rem; bottom: 0rem; right: -.5rem; background: radial-gradient(ellipse closest-side, transparent, var(--color-background)); border-radius: .5rem; } } }
*/ /* .m-listitem__image-wrapper { margin: 0 1rem 0 0;
//      width: auto;
//      max-height: 3.5rem; }
*/ }
.l-contents-list .m-listitem li { padding: .25rem 0; }
.l-contents-list .m-listitem li + li { border-top: 1px dashed var(--color-border); }
.l-contents-list .m-listitem .m-listitem--ad { content-visibility: auto; contain-intrinsic-size: 128px; }
.l-contents-list .m-listitem__title { padding-bottom: 1rem; }
.l-contents-list .m-listitem__author { color: var(--color-gray-text); }
.l-contents-list .m-listitem__status { position: absolute; right: .25rem; bottom: .25rem; }

.l-contents-list__title { margin-bottom: .5rem; }

.l-article-footer { display: flex; }
.l-article-footer .l-skyscraper > div { min-width: 120px; max-width: 300px; margin-top: var(--margin-spacer); }

.l-article-main .l-article__continue { text-align: center; }
.l-article-main .l-article__continue a { display: inline-block; line-height: 4; border: 1px solid; border-radius: .25rem; width: 80%; text-align: center; text-decoration: none; }
.l-article-main .l-article__continue a:hover { color: var(--color-base-background); background-color: var(--color-link); text-decoration: none; }

.l-content.summary .l-article-top .article-title > a { position: relative; z-index: 0; display: block; }
.l-content.summary .l-article-top .article-title > a:hover::before { content: ''; display: block; position: absolute; top: -1rem; left: -1rem; right: -1rem; bottom: -1rem; z-index: -1; background: radial-gradient(ellipse closest-side, transparent, var(--color-background)); border-radius: .5rem; }
.l-content.summary .l-article-contents { height: auto; }
.l-content.summary .l-article-contents .contents__title::after { display: none; }
.l-content.summary .l-article-contents .contents__list { opacity: 1; }

.l-author-profile { margin: var(--margin-half-spacer) var(--margin-content-side) var(--margin-spacer); }
.l-author-profile .profile { font-size: var(--fontsize-normal); font-weight: bold; margin-bottom: 1rem; }

/********************************************************************************/
/* Module */
.l-article-main { line-height: 2; text-align: justify; }
.l-article-main h2::before, .l-article-main h3::before { content: ''; display: block; clear: both; }

.article__codelist { margin: 2rem 0; font-size: var(--fontsize-small); }
.article__codelist .caption { margin: .5rem 1rem; }

.author-profile { font-size: var(--fontsize-small); line-height: 1.5; padding-top: 1rem; padding-left: 6rem; margin-bottom: .5rem; position: relative; }
.author-profile h3 { font-size: var(--fontsize-normal); font-weight: bold; margin: 0; color: var(--color-black); letter-spacing: 0; }
.author-profile h3 .ruby { font-weight: normal; color: var(--color-gray-text); }
.author-profile p { margin: 0.622rem 0; text-align: justify; }

.author-photo { width: 5rem; height: 5rem; position: absolute; left: 0; object-fit: cover; }

/********************************************************************************/
/* State */
.author-photo.no-image { text-align: center; }
.author-photo.no-image i { display: block; font-weight: bold; font-style: normal; width: 100%; line-height: 5rem; font-size: 2rem; color: white; background: green; }

@media screen and (min-width: 1133px) { .l-content.article, .l-content.summary { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); display: flex; flex-wrap: wrap; }
  .l-content.article .l-relcontents, .l-content.summary .l-relcontents { width: unset; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style { flex-direction: row; width: unset; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style li, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style li { padding: 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style li + li, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style li + li { border-top: 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .64896rem; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: calc(25% - .75rem); }
  .l-content.article .l-rectangle, .l-content.summary .l-rectangle { margin-bottom: 0; }
  .l-article, .l-article-subcontents, .l-article-footer { width: calc(var(--width-content) + (var(--margin-content-side) * 2)); }
  .l-article-top .article-information { flex-direction: row; align-items: flex-start; }
  .l-article-top .author { flex-direction: row; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 0; }
  .l-article-top .author__text { white-space: nowrap; }
  .l-article-top .article-status { flex-wrap: wrap; justify-content: flex-end; gap: .25rem 1em; }
  .l-article-sidecontents { width: calc(300px - 1rem); margin: 0; background: inherit; padding: 0 0 1rem 2rem; }
  .l-article-contents { height: auto; position: sticky; top: calc(3rem + 1px + .5rem); border: 0; padding: 1rem 1.5rem 1rem 2rem; margin: calc(var(--margin-spacer) - 1rem) 0 calc(var(--margin-spacer) - 1rem) -2rem; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; overflow: visible; background: var(--color-base-background); }
  .l-article-contents::after { content: ''; position: absolute; top: 1.25rem; bottom: 1.25rem; left: 0; border-left: 1px dotted var(--color-border); }
  .l-article-contents .contents__header::before, .l-article-contents .contents__header::after, .l-article-contents .article-readingtime::before, .l-article-contents .article-readingtime::after { content: ''; position: absolute; display: block; width: .5rem; height: .5rem; left: 0; }
  .l-article-contents .contents__header::before, .l-article-contents .article-readingtime::before { top: -.5rem; }
  .l-article-contents .contents__header::after, .l-article-contents .article-readingtime::after { bottom: -.5rem; }
  .l-article-contents .contents__header::before, .l-article-contents .contents__header::after { background: var(--color-base-background); }
  .l-article-contents .article-readingtime::before, .l-article-contents .article-readingtime::after { background: var(--color-background); z-index: 1; }
  .l-article-contents .article-readingtime::before { border-bottom-left-radius: .5rem; }
  .l-article-contents .article-readingtime::after { border-top-left-radius: .5rem; }
  .l-article-contents .contents__title::after { display: none; }
  .l-article-contents .contents__list { opacity: 1; }
  .l-article-footer .l-skyscraper { width: 0; min-width: unset; }
  .l-article-footer .l-skyscraper .wrapper { right: 0; min-width: calc(300px - 1rem); max-width: 300px; }
  .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: calc(25% - .75rem); } }
@media screen and (min-width: 1416px) { .l-content.article, .l-content.summary { padding: 0; margin: 0; }
  .l-article-contents { top: 2rem; } }
@media screen and (max-width: 816px) { .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .616rem; } }
@media screen and (max-width: 782px) { .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .587rem; } }
@media screen and (max-width: 748px) { .l-content.article .l-relcontents .m-listitem.m-listitem--card-style, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style { flex-direction: column; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style li, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style li { padding: .25rem 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style li + li, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style li + li { border-top: 1px dashed var(--color-border); }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style a, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style a { flex-direction: row; position: relative; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style a:hover::before, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style a:hover::before { top: 0; bottom: 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div { padding: .5rem 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .4rem; margin: 0; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: unset; }
  .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad div, .l-content.article .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad iframe, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad div, .l-content.summary .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad iframe { height: 118px; min-height: unset !important; }
  .l-content.article .l-relcontents .m-listitem__title, .l-content.summary .l-relcontents .m-listitem__title { padding-bottom: 1.5rem; }
  .l-content.article .l-relcontents .m-listitem__status, .l-content.summary .l-relcontents .m-listitem__status { position: absolute; right: .25rem; bottom: .25rem; align-items: end; }
  .l-relcontents__title { margin-bottom: .5rem; } }
@media screen and (max-height: 900px) { .l-article-main .l-article__continue { position: sticky; bottom: 1rem; z-index: 1; }
  .l-article-main .l-article__continue::before { content: ''; display: block; width: 100%; top: -1rem; bottom: -1rem; background: var(--color-base-background); position: absolute; opacity: .9; z-index: -1; }
  .l-article-main .l-article__continue a { background: var(--color-base-background); } }
/* Theme */
/** 記事本体用 */
.l-article-main { line-height: 2; text-align: justify; /*!
Theme: Tomorrow
Author: Chris Kempson (http://chriskempson.com)
License: ~ MIT (or more permissive) [via base16-schemes-source]
Maintainer: @highlightjs/core-team
Version: 2021.09.0
*/ }
.l-article-main > h2 { line-height: calc(var(--fontsize-larger) + 1rem); margin-top: 4rem; margin-bottom: 2rem; font-size: var(--fontsize-larger); font-weight: bold; color: var(--color-black); border-left: 0.75rem solid var(--color-orange); padding-left: 1rem; letter-spacing: -1px; }
.l-article-main > h3 { color: var(--color-black); font-size: var(--fontsize-larger); font-weight: 600; line-height: calc(var(--fontsize-larger) + 1rem); margin: 3rem 0 1rem; letter-spacing: -1px; }
.l-article-main > h4 { color: var(--color-black); font-size: var(--fontsize-large); font-weight: 500; line-height: calc(var(--fontsize-large) + 1rem); margin: 2rem 0 1rem; letter-spacing: -.5px; }
.l-article-main > h5 { color: var(--color-black); margin: 1rem 0 0.5rem; font-weight: bold; }
.l-article-main > :is(h2, h3) { scroll-margin-top: 3rem; }
.l-article-main p { margin: 0 0 2rem; }
.l-article-main p > code { background: var(--color-codelist-background); padding: 0 .2em; margin: 0 .05em; }
.l-article-main :is(p, li, dt, dd, th, td) > em { text-emphasis: '*'; font-style: unset; }
.l-article-main :is(p, li, dt, dd, th, td) > a { text-decoration-line: underline; text-decoration-style: dashed; text-underline-offset: .25em; text-decoration-color: var(--color-material); text-decoration-thickness: from-font; }
.l-article-main :is(p, li, dt, dd, th, td) > a:hover { text-decoration-color: inherit; text-decoration-style: solid; text-decoration-color: var(--color-link); }
.l-article-main :is(ul, ol, dl) { margin-bottom: 2rem; padding-left: 2rem; }
.l-article-main ul li { position: relative; }
.l-article-main ul li::before { content: ''; width: .5em; display: block; margin-left: -.9em; height: .5em; border: 2px solid var(--color-material); border-radius: .25em; margin-right: .4em; margin-top: .75em; float: left; }
.l-article-main > :is(ul, ol) li > :is(p, h2, h3, h4, h5, h6) { margin-top: 0; }
.l-article-main > :is(ul, ol) > li :is(ul, ol) { margin: 0; }
.l-article-main > :is(ul, ol) > li p { margin-bottom: 1rem; }
.l-article-main > :is(ul, ol) > li > ul > li::before { background: var(--color-material); }
.l-article-main > :is(ul, ol) > li > ul > li > ul > li::before { height: 3px; border: 0; border-radius: 0; margin-top: calc(.75em + 2px); background: var(--color-material); }
.l-article-main ol { list-style: decimal; }
.l-article-main .ol-decimal { list-style: decimal; }
.l-article-main .ol-upper-latin { list-style: upper-latin; }
.l-article-main .ol-lower-latin { list-style: lower-latin; }
.l-article-main .ol-upper-roman { list-style: upper-roman; }
.l-article-main .ol-lower-roman { list-style: lower-roman; }
.l-article-main :is(.ol-filled-circled-decimal, .ol-circled-decimal) { list-style: none; }
.l-article-main :is(.ol-filled-circled-decimal, .ol-circled-decimal) > li { position: relative; }
.l-article-main :is(.ol-filled-circled-decimal, .ol-circled-decimal) > li > span.li-num { position: absolute; top: 0; left: -1.25em; }
.l-article-main dd p { margin-bottom: 1rem; }
.l-article-main dd + dt { margin-top: 2rem; }
.l-article-main dd + dd { margin: 1rem 0; }
.l-article-main .fn-noteref { font-size: var(--fontsize-tiny); vertical-align: top; text-decoration: none; margin: 0 .125em; }
.l-article-main .fn { position: relative; font-size: var(--fontsize-small); padding-left: 2rem; margin-bottom: 2rem; color: var(--color-gray-text); }
.l-article-main .fn + .fn { margin-top: -1rem; }
.l-article-main .fn-backlink { position: absolute; top: 0; left: 0; text-decoration: none; width: 2rem; }
.l-article-main .fn p { margin-bottom: 0.9411764706em; line-height: 1.8823529412; }
.l-article-main hr { border: none; width: 62%; height: var(--fontsize-normal); line-height: 1; margin: var(--margin-spacer) auto; }
.l-article-main hr::before { display: inline-block; color: var(--color-material); content: '◆　◆　◆　◆　◆　◆　◆　◆　◆　◆　◆　◆'; width: 100%; height: 100%; font-size: var(--fontsize-normal); overflow: hidden; text-align: center; }
.l-article-main figure { margin: var(--margin-spacer) auto; }
.l-article-main figure > :is(figcaption, p) { line-height: 1.8823529412; font-size: var(--fontsize-small); color: var(--color-gray-text); }
.l-article-main figure.f-img { display: table; }
.l-article-main figure.f-img > :is(figcaption, p) { display: table-caption; }
.l-article-main figure:is(.f-table, .f-video, .f-iframe) { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.l-article-main figure:is(.f-img, .f-table, .f-video, .f-iframe) > :is(figcaption, p) { max-width: 100%; min-width: 15rem; }
.l-article-main figcaption { margin-top: 0; margin-bottom: 0.5rem; font-feature-settings: "kern", "liga", "palt"; }
.l-article-main figcaption span[class$="label"] { margin-right: .25em; }
.l-article-main figcaption span[class$="label"]:not(.label-has-num) { display: none; }
.l-article-main * + figcaption { margin-top: 0.5rem; margin-bottom: 0; }
.l-article-main .f-img * + figcaption { caption-side: bottom; }
.l-article-main .p-fignum { font-weight: bold; }
.l-article-main figure :is(img, video, iframe) { max-width: 100%; height: auto; }
.l-article-main table { margin: 2rem auto; width: fit-content; font-size: var(--fontsize-somewhatsmall); line-height: 1.8823529412; }
.l-article-main figure table { margin: 0 auto; }
.l-article-main :is(th, td) { padding: .5em 1em; font-feature-settings: "kern", "liga", "palt"; line-height: 1.8; }
.l-article-main :is(th, td) :is(p, ul, ol, dl) { margin-bottom: 1rem; }
.l-article-main :is(th, td) > *:last-child { margin-bottom: 0; }
.l-article-main thead tr { border-bottom: 2px solid var(--color-border); }
.l-article-main thead th { padding-top: .25em; }
.l-article-main thead th:first-child:empty { border-right: 2px solid var(--color-border); }
.l-article-main tbody tr { border-bottom: 1px solid var(--color-border); }
.l-article-main tbody:first-child tr:first-child { border-top: 1px solid var(--color-border); }
.l-article-main tbody th { border-right: 2px solid var(--color-border); }
.l-article-main td[colspan] { text-align: center; }
.l-article-main td[rowspan] { vertical-align: middle; }
.l-article-main .f-table { position: relative; }
.l-article-main .f-table::before, .l-article-main .f-table::after { content: ''; display: block; width: calc(var(--margin-spacer) / 2 + 1px); height: 100%; position: absolute; top: 0; }
.l-article-main .f-table::before { background: linear-gradient(to left, transparent, var(--color-base-background) 50%); left: calc((var(--margin-spacer) / 2 + 1px) * -1); z-index: 1; }
.l-article-main .f-table::after { background: linear-gradient(to right, transparent, var(--color-base-background) 50%); right: calc((var(--margin-spacer) / 2 + 1px) * -1); }
.l-article-main .table-wrapper { position: relative; margin: 0 calc(var(--margin-spacer) / 2 * -1); padding: 0 calc(var(--margin-spacer) / 2); width: calc(100% + var(--margin-spacer)); overflow: auto; }
.l-article-main :is(code, samp) { font-family: var(--font-monospace); }
.l-article-main pre { display: block; position: relative; margin: 2rem calc(var(--margin-spacer) / 2 * -1); font-size: var(--fontsize-somewhatsmall); line-height: 1.5; }
.l-article-main pre :is(code, samp) { display: block; overflow: auto; padding: 1rem calc(var(--margin-spacer) / 2); }
.l-article-main pre :is(code, samp)::before, .l-article-main pre :is(code, samp)::after { content: ''; display: block; width: calc(var(--margin-spacer) / 2); height: calc(100% - 1rem); position: absolute; top: 0; }
.l-article-main pre :is(code, samp)::before { left: 0; }
.l-article-main pre :is(code, samp)::after { right: 0; }
.l-article-main pre.is-wrap { white-space: pre-wrap; word-break: break-all; text-align: left; }
.l-article-main pre code { tab-size: 4; background: var(--color-codelist-background); }
.l-article-main pre code::before { background: linear-gradient(to left, transparent, var(--color-codelist-background) 50%); }
.l-article-main pre code::after { background: linear-gradient(to right, transparent, var(--color-codelist-background) 50%); }
.l-article-main pre samp { color: var(--color-cline-text); background: var(--color-cline-background); }
.l-article-main pre samp::before { background: linear-gradient(to left, transparent, var(--color-cline-background) 50%); }
.l-article-main pre samp::after { background: linear-gradient(to right, transparent, var(--color-cline-background) 50%); }
.l-article-main figure pre { margin-top: 0; margin-bottom: 0; }
.l-article-main .f-pre-code-filename { font-family: var(--font-monospace); }
.l-article-main blockquote { margin: var(--margin-spacer) auto; width: fit-content; }
.l-article-main figure blockquote { margin: 0; padding: 0 1rem; position: relative; font-size: var(--fontsize-somewhatsmall); }
.l-article-main figure blockquote :is(p, ul, ol, figure) { margin: 1rem; font-size: inherit; }
.l-article-main figure figcaption + blockquote, .l-article-main figure blockquote + figcaption { text-align: end; padding: 0 2rem; }
.l-article-main .MathJax { margin-left: 0.25em; margin-right: 0.25em; }
.l-article-main .MathJax[display="true"] { margin: var(--margin-spacer) 0 !important; }
.l-article-main > .twitter-tweet { margin: var(--margin-spacer) auto !important; }
.l-article-main figure > .twitter-tweet { margin: 0 !important; }
.l-article-main [class|="sc"] { position: relative; font-size: var(--fontsize-somewhatsmall); line-height: 1.8823529412; border-radius: 3px; }
.l-article-main [class|="sc"] :first-child [class$="label-joint"] { display: none; }
.l-article-main [class|="sc"] :is(p, ul, ol, dl, table, figure) { margin-bottom: 1rem; }
.l-article-main [class|="sc"] > :last-child { margin-bottom: 0; }
.l-article-main [class|="sc"] figure { margin-top: 1rem; }
.l-article-main [class|="sc"] pre { margin-left: 0; margin-right: 0; }
.l-article-main .nolabel > [class$="label"] { display: none; }
.l-article-main .sc-first-published { font-size: var(--fontsize-small); line-height: 1.8823529412; margin: 0 0 var(--margin-spacer); }
.l-article-main .sc-first-published > * { margin-left: 3em; }
.l-article-main .sc-first-published-label { position: absolute; top: 0; left: 0; font-weight: bold; }
.l-article-main .sc-column { margin: var(--margin-spacer) 0; border: 1px solid var(--color-border); padding: 1rem 1rem; z-index: 0; }
.l-article-main .sc-column :is(h2, h3, h4, h5, h6):first-child { margin: 0; background: var(--color-codelist-background); border-bottom: 1px solid var(--color-border); border-top-left-radius: 3px; border-top-right-radius: 3px; margin: -1rem -1rem 1rem; padding: .5rem 1rem; font-weight: bold; line-height: 1.5; z-index: -1; }
.l-article-main .sc-column h2:first-child ~ h3, .l-article-main .sc-column h3:first-child ~ h4, .l-article-main .sc-column h4:first-child ~ h5, .l-article-main .sc-column h5:first-child ~ h6 { font-weight: bold; font-size: var(--fontsize-normal); line-height: 1.5; margin: 1.5em 0 .5em; }
.l-article-main .sc-column h2:first-child ~ h3::before, .l-article-main .sc-column h3:first-child ~ h4::before, .l-article-main .sc-column h4:first-child ~ h5::before, .l-article-main .sc-column h5:first-child ~ h6::before { display: inline-block; content: '\25A0'; color: var(--color-orange); line-height: 1; margin-right: .25em; vertical-align: .05em; }
.l-article-main .sc-column h2:first-child ~ h4, .l-article-main .sc-column h3:first-child ~ h5, .l-article-main .sc-column h4:first-child ~ h6 { font-weight: 600; font-size: var(--fontsize-normal); line-height: 1.5; margin: 1.5em 0 .5em; }
.l-article-main .sc-column h2:first-child ~ h4::before, .l-article-main .sc-column h3:first-child ~ h5::before, .l-article-main .sc-column h4:first-child ~ h6::before { display: inline-block; content: '\25A0'; transform: scale(0.62) rotate(45deg); margin: 0 .25em 0 -.1em; vertical-align: .05em; }
.l-article-main .sc-column-label { font-size: var(--fontsize-tiny); color: var(--color-gray-text); font-family: monospace; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; margin-left: 1rem; float: right; }
.l-article-main .sc-bibliography { border: 1px solid var(--color-border); padding: .5rem 1.5rem; margin: var(--margin-spacer) 0; }
.l-article-main aside[class|="sc-related"] { border: 1px solid var(--color-border); background: var(--color-side-column-background); padding: .5rem 1.5rem; margin: var(--margin-spacer) 0; overflow-y: auto; /* Note: z-index does not work when overflow. */ }
.l-article-main .sc-related-book { border-radius: .5rem; }
.l-article-main .sc-related-book :is(h2, h3, h4, h5):first-child { font-weight: bold; font-size: var(--fontsize-normal); padding-top: .25rem; margin-bottom: 1rem; }
.l-article-main .sc-related-book :is(h2, h3, h4, h5):first-child [class$="label"] { float: right; display: block; color: var(--color-orange); margin-left: 1rem; font-size: var(--fontsize-tiny); font-weight: 500; }
.l-article-main .sc-related-book > ul:nth-child(2) { float: left; display: flex; gap: .5rem 1rem; flex-wrap: wrap; margin: 0 1.5rem .5rem 0; padding: 0; }
.l-article-main .sc-related-book > ul:last-child { text-align: end; display: flex; gap: .25rem 1rem; flex-wrap: wrap; justify-content: end; margin-bottom: .5rem; }
.l-article-main .sc-related-book > ul:last-child a { display: inline-block; background-color: var(--color-link); border-radius: .25em; color: var(--color-base-background); padding: .25em 1em; text-decoration: none; }
.l-article-main .sc-related-book img[alt^="カバー画像"] { display: block; width: 180px; height: auto; border: 1px solid var(--color-border); }
.l-article-main .sc-related-book > ul li::before { display: none; }
.l-article-main .sc-related-book-description { overflow: auto; }
.l-article-main .sc-related-book-description + ul { margin-top: 1rem; }
.l-article-main .sc-related-link ul { margin: 0; padding-left: 1rem; }
.l-article-main .sc-related-link-label { font-weight: bold; }
.l-article-main .sc-related-link-currently a { pointer-events: none; text-decoration: none; color: var(--color-text); }
.l-article-main .sc-supplementation { border: 1px solid var(--color-border); padding: .5rem 1rem; margin: var(--margin-spacer) 0; }
.l-article-main .sc-supplementation :is(h2, h3, h4, h5):first-child { font-weight: bold; font-size: var(--fontsize-normal); margin-bottom: .5rem; }
.l-article-main .sc-supplementation :is(h2, h3, h4, h5) .sc-supplementation-label { display: inline-block; margin-right: .25em; }
.l-article-main .sc-supplementation :first-child .sc-supplementation-label-joint { display: inline-block; }
.l-article-main .sc-supplementation-label { display: block; font-weight: bold; font-size: var(--fontsize-normal); }
.l-article-main .sc-supplementation-label::before { display: inline-block; content: '\25BC'; margin-right: .25em; color: var(--color-material); }
.l-article-main .sc-profile { margin: 2rem 0; padding: 1rem 1.25rem; border: 1px solid var(--color-border); overflow-y: auto; }
.l-article-main .sc-profile :is(h2, h3, h4, h5, .sc-profile-label) { font-weight: bold; font-size: var(--fontsize-normal); margin-bottom: .5rem; }
.l-article-main .sc-profile :is(h2, h3, h4, h5, .sc-profile-label) .sc-profile-label-subinfo { font-weight: normal; }
.l-article-main .sc-profile img { width: 8rem; height: 8rem; object-fit: cover; float: right; margin: .25rem 0 .25rem 1.25rem; }
.l-article-main :is(.sc-toc, .sc-chapter-toc) { border: 3px double var(--color-border); font-size: var(--fontsize-somewhatsmall); margin: 2rem 0; padding: .5rem 1rem; }
.l-article-main :is(.sc-warning, .sc-caution, .sc-notice, .sc-information, .sc-note, .sc-memo) { padding: .5rem 1rem; margin: var(--margin-spacer) 0; border: 1px solid var(--color-border); }
.l-article-main :is(.sc-warning, .sc-caution, .sc-notice, .sc-information, .sc-note, .sc-memo) :first-child [class$="label"] { display: block; font-weight: bold; }
.l-article-main :is(.sc-warning-label, .sc-caution-label, .sc-notice-label, .sc-information-label, .sc-note-label, .sc-memo-label)::before { display: inline-block; margin-right: 0.25em; font-size: var(--fontsize-normal); }
.l-article-main .sc-warning { border-color: red; }
.l-article-main .sc-warning-label::before { content: '\1F6A8'; }
.l-article-main .sc-caution { border-color: #cccc0c; }
.l-article-main .sc-caution-label::before { content: '\26A0\FE0F'; }
.l-article-main .sc-notice { border-color: green; }
.l-article-main .sc-notice-label::before { content: '\1F4CC'; }
.l-article-main .sc-information { border-color: #00A6ED; }
.l-article-main .sc-information-label::before { content: '\2139\FE0F'; }
.l-article-main .sc-note { border-color: #a600cf; }
.l-article-main .sc-note-label::before { content: '\270D\FE0F'; }
.l-article-main .sc-memo { border-color: currentColor; }
.l-article-main .sc-memo-label::before { content: '\1F4DD'; }
.l-article-main .hljs-comment { color: #8e908c; }
.l-article-main .hljs-tag { color: #969896; }
.l-article-main :is(.hljs-operator,.hljs-punctuation,.hljs-subst) { color: #4d4d4c; }
.l-article-main .hljs-operator { opacity: 0.7; }
.l-article-main :is(.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable) { color: #c82829; }
.l-article-main :is(.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_) { color: #f5871f; }
.l-article-main :is(.hljs-class .hljs-title,.hljs-title,.hljs-title.class_) { color: #eab700; }
.l-article-main .hljs-strong { font-weight: 700; color: #eab700; }
.l-article-main :is(.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__) { color: #718c00; }
.l-article-main :is(.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp) { color: #3e999f; }
.l-article-main :is(.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property) { color: #4271ae; }
.l-article-main :is(.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type) { color: #8959a8; }
.l-article-main .hljs-emphasis { color: #8959a8; font-style: italic; }
.l-article-main :is(.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string) { color: #a3685a; }
.l-article-main :is(.hljs-meta .hljs-keyword,.hljs-meta-keyword) { font-weight: 700; }
.l-article-main .lineend-spacer { display: inline-block; width: calc(var(--margin-spacer) / 2); }

/* state */
.l-article-main .nolabel > *[class$=label] { display: none; }

@media screen and (max-width: 731px) { .l-article-main > h2 { border-left: 0; padding-left: 0; padding-bottom: calc(.5rem - 2px); border-bottom: 2px solid var(--color-orange); } }
/* Layout */
.l-content.toppage { max-width: var(--width-site-max); margin: 0 auto; background: inherit; }
.l-content.toppage .l-rectangle { min-width: 300px; min-height: 250px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlkAAAH1BAMAAAA34PZ8AAAAMFBMVEX9/f38/Pz+/v739/f19fX6+vrz9PXr8PPe6fDw8vTc6PDm7fLh6vHy8/Tn7fLf6fHr8KYaAAAIRElEQVR4AezQMRHAIBQFwR9QEAWJBAaM4N8HfSy8Jt2egput61ba21acRqs80aJFixYtWqJFixYtWrREixYtWrRoiRYtWrRo0RItWrRo0aIlWrRo0aJFS7Ro0aJFi5Zo0aJFi5Zo0aJFixYt0aJFixYtWqJFixYtWrREixYtWv9d+ZqbVlyfh1bcqmfTCuuj2qEVtqo+ZumYCEAYCqDY5224QDIakMXEIaRXG4mGoLkiaw2aK7KWmiuylportJaZK7SWmSu1FpkrtRaZK7aWmCu2lpgrtxaYK7cWmCu4lpcruJaXK7kWlyu5FpcrqxaeK6sWniuqlp4rqpaeK6kWnyupFp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rvxaUK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rqJafK6iWnyuolp8rutaH5UqudfxYruRa53tZuZJr3euxciXXmsFyJdeawXJF19JyRdfSciXX4nIl1+JyBdfycgXX8nLl1gJz5dYCc8XWEnPF1hJzpdYic6XWInOF1jJzhdYyc2XWQnNl1kJzRdZSc0XWUnMl1mJzJdZicwXWcnMF1nJz5dWCc+XVgnPF1ZJzxdWSc6XVonOl1aJzhdWyc4XVsnNl1cJzZdXCc0XV0nNF1dJzJdXicyXV4nMF1fJzBdXycwXV8nMF1fJzBdXycwXV8nMF1fJzBdXycwXV8nMF1fJzBdXycwXV8nMF1fJzBdXycwXV8nO1qbljmogCKIiiLzRbIAJLOFlEIAApNMj4CRZwQANUABkNc17IHwk3p55z0vK49m0hWgAXn6/1/bpPC+P6uf0/W8c+LYzr7dnX8rg8reDytHwtiSu0PC5Pi9QKLk/L4wK0QK05PC2PS9ACtYKL0PK4PC1Qaw5Ey+PytFIL4AK0OC5PC9Saw9DyuDyt1AK4AC2Py9MCteYgtDwuTyu1AC5By+PytECtOQQtj8vTSi2GC9ACuAAtXwvgGo9L0PK1AK7fh/G4CC1fC+D68rg8LV/rBLhCy9c6Py5Ly9c6Aa7Q8rXOj8vT8rU2cT11uAAtX2sN1+WlxAVo+VpbuK539x0uQMvXWsJ1eb/5KHEBWr7WDq7rTIsL0PK1FnCF1kyLS9DytRZwhVaLi9DytRZwhVaLS9KStTiu0GpxUVqyFscVWi0uSovWwrhCq8VladFaGFdotbgsLVuL4gqtFhemZWtRXKHV4sK0cC2IK7RaXJoWrgVxhVaLS9PStRiu0GpxcVq6FsMVWi0uTovXQrhCq8XlafFaCFdotbg8LV+L4AqtFpen5WsZXKHV4vK0fC2CK7RaXJ6Wr2VwhVaLy9PytQiu0GpxeVq+lsEVWi0uT8vXIrhCq8XlaflaBldotbg8LV+L4AqtFpen5WsZXKHV4vK0fC2CK7RaXI+elq9FcIVWi+vT0/K1CK7rwv3FH7t0QAIgAMBA8Fn/LtpQNYMMJnyF4wpaG7neWt9z9bSmcr21hnOFqVxvreFcYSrXAcu5wlSuE5ZzhalcMJ0rbOViOlcwV0fLXMFcHS1zBXN1tMwVzNXRMlcwV0fLXMFcHS1zBXN1tMwVzNXRMlcwV0fLXMFcHS1zBXN1tMwVzNXRMlcwV0fLXMFcHS1zhb/nurmlY9MKghgKgJu7D9d/jSwodnaFyBj1YDH818Iw34laa7l+IrWWcv1+RWot5XqfTK3JtV8rRevc/VpBWpNrv1aK1rn7tYK0Jtd+rRStc/drBWlNrv1aKVrn7tcK0ppc+7VStM7drxWkNbn2a6VonbtfK0hrcu3XStE693NrAa0uW8trgVyiltDq0rWAFsgFanmtLlBLa4FcoJbX6gK1gBbIpWt5rS5QC2iBXLqW1+oCtYAWyKVrea0uUAtosVy+ltPqArWAlsrla0GtLlALaKFcvpbU6gK1gJbJ5WtRrS5QC2iRXL6W1eoCtYCWyOVrYa0uUAtogVy+ltbqArWAFsjFa3GtroVaXsvn8rW8Vpev5bX+Pdf7/LVLh7YRBFAMRA3C0n9X+9NRpGPGPrbgTQlPQ2uaq2vRyo1r0Rrn6lq0ctNatOa5uhat3LIWrc61r0Urt6xFq3Pta9HKLWvR6lz7WrRyy1q0Ote+Fq3cshatzrWvRSu3rEWrc+1r0cota9HqXPtatHLLWrQ6174WrdyyFq3Ota9FK7esRatz7WvRyi1r0epc+1q0cstatDrXvhat3L4Wrc61rEUr17VozXNNa9HKdS1a41zjWrRyXYvWNFfXojXMta9F6//vN6/sJ2/seeKtr6JFi5Zo0aJFixYt0aJFixYtWqJFixYtWrREixYtWrREixYtWrRoiRYtWrRo0RItWrRo0aIlWrRo0aJFS7Ro0aJFi5Zo0aJFixYt0aJFixYtfQCO6LkkoREVkAAAAABJRU5ErkJggg==); background-size: contain; background-repeat: no-repeat; }
.l-content.toppage .m-listitem a { padding: 1rem 0; }
.l-content.toppage .m-listitem__wrapper { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.l-toppage-top, .l-toppage-middle, .l-toppage-bottom { background: var(--color-base-background); }

.l-toppage-top__wrapper { padding: var(--margin-spacer) var(--margin-other-side); display: flex; }

.l-featured-articles--top { flex-grow: 1; }
.l-featured-articles--top .m-listitem { flex-direction: column; margin-right: var(--margin-other-side); }
.l-featured-articles--top .m-listitem > li { min-height: 200px; }
.l-featured-articles--top .m-listitem .m-listitem__image-wrapper { font-size: 1rem; border-radius: .25rem; }
.l-featured-articles--top .m-listitem .m-listitem__title { font-size: var(--fontsize-large); font-weight: bold; letter-spacing: -.025em; word-spacing: -.05em; }
.l-featured-articles--top .m-listitem .m-listitem__author { color: var(--color-gray-text); }
.l-featured-articles--top .m-listitem .m-listitem__status { position: static; }

.l-featured-articles--top__title { font-feature-settings: "kern", "liga", "palt"; font-size: var(--fontsize-small); font-weight: bold; margin: 0 0 .5rem; }

.l-toppage-sidecontents { flex-basis: 300px; display: flex; flex-direction: column; }
.l-toppage-sidecontents .l-rectangle { margin: 0 0 var(--margin-half-spacer); flex-shrink: 0; }

.l-more-articles { flex-grow: 1; }
.l-more-articles .gh-cat-club a { position: relative; display: block; font-size: var(--fontsize-small); width: min-content; white-space: nowrap; margin-left: auto; margin-bottom: var(--margin-half-spacer); }
.l-more-articles .gh-cat-club a:hover { text-decoration: underline; }
.l-more-articles .gh-cat-club .cat--footprints { width: 7rem; display: block; margin-left: auto; }
.l-more-articles .gh-cat-club .cat--cat { position: absolute; bottom: 0; right: 0; width: 0; }
.l-more-articles .gh-cat-club .cat--cat svg { width: 3.5rem; }
.l-more-articles .gh-information { background: var(--color-gh-infomation-background); border-radius: .25rem; font-size: var(--fontsize-small); line-height: 1.5; padding: .5rem 1rem; }
.l-more-articles .gh-information li { padding-top: .5rem; margin-bottom: .5rem; }
.l-more-articles .gh-information li + li { border-top: 1px dashed var(--color-border); }
.l-more-articles .gh-information a:hover { text-decoration: underline; }
.l-more-articles .gh-information__title { display: none; }

.l-featured-articles { margin: 0 var(--margin-other-side) calc(var(--margin-half-spacer) * 2); }
.l-featured-articles .m-listitem { flex-wrap: wrap; gap: 0 2rem; }
.l-featured-articles .m-listitem > li { border-top: 1px dashed var(--color-border); flex-basis: calc(50% - 1rem); }
.l-featured-articles .m-listitem a { flex-direction: row-reverse; }
.l-featured-articles .m-listitem .m-listitem__image-wrapper { font-size: .9rem; border-radius: .25rem; }
.l-featured-articles .m-listitem .m-listitem__title { font-size: var(--fontsize-large); font-weight: bold; letter-spacing: -.05em; word-spacing: -.05em; }
.l-featured-articles .m-listitem .m-listitem__author { font-size: var(--fontsize-small); color: var(--color-gray-text); }
.l-featured-articles .m-listitem .m-listitem__status { position: static; }

.l-content.toppage .l-ranking { margin-bottom: calc(var(--margin-half-spacer) * 2); }
.l-content.toppage .l-ranking .m-listitem { gap: 0 2rem; }
.l-content.toppage .l-ranking .m-listitem li { margin-top: 1rem; flex-basis: 20%; flex-shrink: 1; letter-spacing: -.05em; word-spacing: -.05em; }
.l-content.toppage .l-ranking .m-listitem li + li { border-style: solid; }
.l-content.toppage .l-ranking .m-listitem li::before { top: -2rem; }
.l-content.toppage .l-ranking .m-listitem a:hover::before { background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }

.l-ranking + .l-featured-articles .m-listitem :is(> li:first-child, > li:nth-child(2)) { border-top: 0; }
.l-ranking + .l-featured-articles .m-listitem .m-listitem__image-wrapper { font-size: .8rem; }
.l-ranking + .l-featured-articles .m-listitem .m-listitem__title { font-size: var(--fontsize-normal); }
.l-ranking + .l-featured-articles .m-listitem .m-listitem__category { font-size: var(--fontsize-tiny); }

:is(.l-featured-articles--top, .l-featured-articles) .m-listitem .m-listitem__status .date { display: none; }

.l-toppage-middle { padding-bottom: 1px; }

.l-toppage-bottom { display: flex; }
.l-toppage-bottom .l-other-contents { max-width: calc(15.43rem + var(--margin-other-side)); }

.l-toppage-bottom__wrapper { max-width: calc(100% - 15.43rem - var(--margin-other-side)); }

.l-news-list { background: var(--color-side-column-background); padding: 1rem 2rem 1rem var(--margin-other-side); }

.l-news-list__title { font-feature-settings: "kern", "liga", "palt"; font-weight: bold; margin-bottom: 1rem; font-size: var(--fontsize-small); }

.topnews-wrapper { display: flex; gap: 0 1.5rem; line-height: 1.5; text-align: justify; border: 0; margin-bottom: 1rem; position: relative; z-index: 0; }
.topnews-wrapper:hover::before { content: ''; display: block; position: absolute; z-index: -1; left: -1rem; right: -1rem; top: -1rem; bottom: -1rem; background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); border-radius: .5rem; }

.topnews__title-wrapper { max-width: calc(50% - 1rem); flex-shrink: 0; }

.topnews__image-wrapper { width: 100%; height: 10rem; display: flex; justify-content: center; align-items: center; overflow: hidden; flex-grow: 0; flex-shrink: 0; background: var(--color-background); margin-bottom: .5rem; border-radius: .25rem; }

.topnews__image { width: auto; height: 100%; }

.topnews__title { font-feature-settings: "kern", "liga", "palt"; font-weight: bold; color: var(--color-link); }

.topnews__description { display: flex; flex-direction: column; justify-content: space-between; font-size: var(--fontsize-small); line-height: 1.8; color: var(--color-text); }

.topnews__status { color: var(--color-gray-text); margin-top: .5rem; text-align: right; }

.l-news-list .m-listitem { gap: 0 2rem; font-size: var(--fontsize-small); margin-bottom: -1rem; }
.l-news-list .m-listitem > li { flex-basis: calc(25% - 1rem); flex-grow: 1; border-top: 1px dashed var(--color-border); letter-spacing: -.05em; word-spacing: -.05em; }
.l-news-list .m-listitem a { flex-direction: column; justify-content: space-between; }
.l-news-list .m-listitem .m-listitem__status { position: static; margin: .5rem 0 0; }

.l-contents-list .m-listitem .m-listitem__image-wrapper { font-size: .4rem; }

.l-content.toppage .l-news-list .m-listitem a:hover::before { background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.toppage .l-contents-list { margin: calc(var(--margin-half-spacer) * 2) 2rem calc(var(--margin-half-spacer) * 2) var(--margin-other-side); }
.l-content.toppage .l-contents-list__title { border: 0; }
.l-content.toppage .l-sponsored-contents { padding: 1rem var(--margin-other-side) 1rem 2rem; margin: 0; width: unset; }
.l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style { flex-direction: column; }
.l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad { padding-top: 1rem; max-width: 100%; }
.l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad :is(div, iframe) { min-height: unset !important; height: 252px; }
.l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style > li + li { border-top: 1px dashed var(--color-border); }

.l-tech-blog { padding: 1rem var(--margin-other-side) 1rem 2rem; font-size: var(--fontsize-small); font-feature-settings: "liga", "kern", "palt"; }
.l-tech-blog .m-listitem { flex-direction: column; }
.l-tech-blog .m-listitem a { flex-direction: column; }
.l-tech-blog .m-listitem__status { margin-top: .25rem; line-height: 1.3; }

.l-sponsored-contents__title, .l-tech-blog__title { font-weight: bold; font-feature-settings: "kern", "liga", "palt"; }

.l-tech-blog__title .notice { line-height: 1.5; display: block; font-size: var(--fontsize-tiny); font-weight: normal; color: var(--color-gray-text); }

.l-other-contents .l-skyscraper { position: relative; top: var(--margin-half-spacer); left: 2rem; }

/* Module */
.l-content.toppage .m-listitem__status .like .score { margin-right: .25em; }
.l-content.toppage .m-listitem__status .like .m-light { font-size: 1rem; top: -.15em; }

.m-listitem__category { flex-grow: 1; }

/* State */
@media screen and (min-width: 1416px) { .l-content.toppage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); margin: 0; padding: 0; } }
@media screen and (max-width: 1133px) { :root { --margin-other-side: 2rem; } }
@media screen and (min-width: 1133px) { .l-content.toppage .l-skyscraper__wrapper { position: unset; left: unset; width: auto; }
  .l-content.toppage .l-content__header { width: inherit; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style { width: unset; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style li { max-width: inherit; }
  .l-content.toppage .l-ranking { font-size: var(--fontsize-normal); background: var(--color-side-column-background); padding: 1rem var(--margin-other-side) 0.25rem; margin: 0 0 calc(var(--margin-half-spacer) * 2); width: 100%; }
  .l-content.toppage .l-ranking .m-listitem li { margin-top: 1rem; } }
@media screen and (max-width: 816px) { :root { --margin-other-side: 1.5rem; } }
@media screen and (max-width: 1040px) { .l-toppage-top__wrapper { flex-direction: column; }
  .l-featured-articles--top .m-listitem { margin-right: 0; }
  .l-toppage-sidecontents { flex-direction: row-reverse; gap: 0 5rem; }
  .l-more-articles { display: flex; flex-direction: column-reverse; justify-content: space-between; margin-top: 1rem; gap: 1rem 0; } }
@media screen and (max-width: 1017px) { .l-featured-articles .m-listitem { flex-direction: column; gap: 0; }
  .l-content.toppage .l-ranking .m-listitem { flex-direction: column; }
  .l-content.toppage .l-ranking .m-listitem li { margin-top: 0; padding-right: 2.5rem; letter-spacing: -.025em; }
  .l-content.toppage .l-ranking .m-listitem li:first-child { border-top: 0; }
  .l-content.toppage .l-ranking .m-listitem li::before { top: 1rem; }
  .l-content.toppage .l-ranking .m-listitem a { min-height: 4.25rem; }
  .l-content.toppage .l-ranking .m-listitem a:hover::before { right: -3.5rem; }
  .l-ranking + .l-featured-articles .m-listitem > li:nth-child(2) { border-top: 1px dashed var(--color-border); }
  .l-toppage-bottom { flex-direction: column; }
  .l-toppage-bottom .l-other-contents { max-width: unset; }
  .l-toppage-bottom__wrapper { max-width: unset; }
  .topnews__status { margin-bottom: -.75rem; }
  .l-news-list { padding-right: var(--margin-other-side); }
  .l-news-list .m-listitem { flex-direction: column; }
  .l-news-list .m-listitem > li { letter-spacing: -.025em; }
  .l-news-list .m-listitem .m-listitem__status { margin-bottom: -.75rem; }
  .l-content.toppage .l-contents-list { margin-right: var(--margin-other-side); }
  .l-content.toppage .l-sponsored-contents, .l-tech-blog { padding-left: var(--margin-other-side); }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style { flex-direction: row; gap: 0 2rem; flex-basis: calc(50% - 1rem); }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style > li + li { border-top: 0; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: calc(50% - (var(--margin-other-side) / 2)); }
  .l-skyscraper { display: none; } }
@media screen and (max-width: 710px) { .l-toppage-sidecontents { flex-direction: inherit; }
  .l-toppage-sidecontents .l-rectangle { margin: auto; }
  .l-more-articles { flex-direction: inherit; gap: 0; margin-bottom: var(--margin-half-spacer); }
  .l-more-articles .gh-cat-club a { padding-right: 3rem; }
  .l-more-articles .gh-cat-club .cat--cat { width: 3rem; }
  .l-featured-articles--top .m-listitem .m-listitem__image-wrapper { font-size: .9em; }
  .l-featured-articles .m-listitem > li:first-child { border-top: 0; }
  .l-featured-articles .m-listitem .m-listitem__image-wrapper { font-size: .8em; }
  .l-ranking + .l-featured-articles .m-listitem .m-listitem__image-wrapper { font-size: .7em; }
  .topnews-wrapper { display: block; }
  .topnews__title-wrapper { max-width: unset; }
  .topnews__image-wrapper { margin-bottom: 1rem; }
  .topnews__title { margin-bottom: .5rem; }
  .l-content.toppage .l-contents-list { margin-right: var(--margin-other-side); }
  .l-tech-blog { padding-left: var(--margin-other-side); } }
@media screen and (max-width: 620px) { .l-featured-articles--top .m-listitem .m-listitem__image-wrapper { font-size: .8em; }
  .l-featured-articles .m-listitem .m-listitem__image-wrapper { font-size: .7em; } }
@media screen and (max-width: 580px) { .l-more-articles .gh-cat-club a { margin-top: 2rem; }
  :is(.l-featured-articles--top, .l-featured-articles) .m-listitem a { flex-direction: column; }
  :is(.l-featured-articles--top, .l-featured-articles) .m-listitem .m-listitem__image-wrapper { margin-bottom: .5rem; margin-left: 0; }
  :is(.l-featured-articles--top, .l-featured-articles) .m-listitem .m-listitem__status { position: absolute; top: 5rem; right: 0; height: 3rem; width: 40%; flex-wrap: wrap; align-items: flex-end; }
  :is(.l-featured-articles--top, .l-featured-articles) .m-listitem .m-listitem__category { position: absolute; flex-direction: column; gap: .5rem 0; align-items: flex-end; top: .5rem; right: 0; font-size: var(--fontsize-small); }
  .l-featured-articles--top .m-listitem .m-listitem__image-wrapper { font-size: .7rem; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style { flex-basis: unset; flex-direction: column; gap: 0; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style li { padding: .25rem 0; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style li + li { border-top: 1px dashed var(--color-border); }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: unset; max-height: 118px; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad div, .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad iframe { height: 100px; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style a { flex-direction: row; position: relative; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .4rem; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem__title { padding-bottom: 1rem; }
  .l-content.toppage .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem__status { position: absolute; bottom: .25rem; right: .25rem; margin-bottom: -.125em; margin-top: 0; line-height: 1.5; } }
/* Theme */
/* Layout */
.l-content.listpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2)); margin: 0 auto; background: inherit; }
.l-content.listpage .m-listitem a { position: relative; }
.l-content.listpage .m-listitem:not(.m-listitem--card-style) .m-listitem--ad div, .l-content.listpage .m-listitem:not(.m-listitem--card-style) .m-listitem--ad iframe { height: 128px; }
.l-content.listpage .m-listitem__title { margin-bottom: .5em; }
.l-content.listpage .m-listitem__author { font-size: var(--fontsize-small); }
.l-content.listpage .l-ranking { margin-bottom: 0; }
.l-content.listpage .l-ranking .m-listitem { flex-direction: column; }
.l-content.listpage .l-ranking .m-listitem a { padding-top: 1rem; padding-bottom: 1rem; min-height: 4.25rem; }
.l-content.listpage .l-ranking .m-listitem a:hover::before { right: -3.5rem; background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.listpage .l-ranking .m-listitem li { padding-right: 2.5rem; }
.l-content.listpage .l-ranking .m-listitem li:first-child { border-top: 0; }
.l-content.listpage .l-ranking .m-listitem li::before { top: 1rem; }
.l-content.listpage .l-skyscraper { display: none; }

.l-listpage, .l-listpage-subcontents { background: var(--color-base-background); padding-top: 1px; }

.l-listpage__header { margin: 0 var(--margin-content-side) var(--margin-half-spacer); }

.l-listpage__list { margin: 0 var(--margin-content-side); padding-bottom: var(--margin-half-spacer); }
.l-listpage__list .m-listitem { flex-direction: column; }
.l-listpage__list .m-listitem li.m-listitem--ad { content-visibility: auto; contain-intrinsic-size: 120px; }
.l-listpage__list .m-listitem__wrapper { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.l-listpage__list .m-listitem__image-wrapper { font-size: .4rem; }
.l-listpage__list .m-listitem__status { position: absolute; right: .25rem; bottom: .25rem; }

.l-listpage__title { margin: var(--margin-spacer) 0; }
.l-listpage__title h1 { font-size: var(--fontsize-largest); font-weight: bold; line-height: calc(var(--fontsize-largest) + 1rem); text-align: justify; letter-spacing: -1px; }
.l-listpage__title .subtitle { display: block; font-weight: normal; font-size: var(--fontsize-large); line-height: calc(var(--fontsize-large) + 1rem); }

.l-listpage__tab { display: flex; flex-wrap: wrap; padding: .25rem 0; border-top: 2px solid var(--color-yellow); border-bottom: 2px solid var(--color-yellow); margin: 1rem 0; font-size: var(--fontsize-small); }
.l-listpage__tab li { min-width: 5rem; }
.l-listpage__tab a { display: block; text-align: center; line-height: 2; }
.l-listpage__tab .is-active a { font-weight: bold; }

/* Module */
.l-listpage__description { line-height: 1.8; }
.l-listpage__description p { margin: .9em 0; }

/* State */
@media screen and (min-width: 1133px) { .l-content.listpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); display: flex; flex-wrap: wrap; gap: 0 2rem; }
  .l-listpage { width: calc(var(--width-content) + (var(--margin-content-side) * 2)); }
  .l-listpage-subcontents { background: inherit; } }
@media screen and (min-width: 1416px) { .l-content.listpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); margin: 0; padding: 0; } }
/* Theme */
/* Layout */
.l-content.authorpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2)); margin: 0 auto; background: inherit; }
.l-content.authorpage .m-listitem a { position: relative; }
.l-content.authorpage .m-listitem .m-listitem__image-wrapper { font-size: .4rem; }
.l-content.authorpage .m-listitem__title { margin-bottom: .5em; }
.l-content.authorpage .l-sponsored-contents { margin-bottom: var(--margin-half-spacer); }
.l-content.authorpage .l-ranking .m-listitem a { padding-top: 1rem; padding-bottom: 1rem; min-height: 4.25rem; }
.l-content.authorpage .l-ranking .m-listitem a:hover::before { right: -3.5rem; background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.authorpage .l-ranking .m-listitem li { padding-right: 2.5rem; }
.l-content.authorpage .l-ranking .m-listitem li:first-child { border-top: 0; }
.l-content.authorpage .l-ranking .m-listitem li::before { top: 1rem; }

.l-authorpage, .l-authorpage-subcontents { background: var(--color-base-background); padding-top: 1px; }

.l-authorpage__header { margin: 0 var(--margin-content-side) var(--margin-half-spacer); }

.l-authorpage__title { margin: var(--margin-spacer) 0; display: flex; gap: 0 1rem; align-items: center; }
.l-authorpage__title h1 { font-size: var(--fontsize-largest); font-weight: bold; line-height: calc(var(--fontsize-largest) + 1rem); text-align: justify; letter-spacing: -1px; flex-grow: 1; }
.l-authorpage__title .subtitle { display: block; font-weight: normal; font-size: var(--fontsize-large); line-height: calc(var(--fontsize-large) + 1rem); }

.l-authorpage__icon { width: 4rem; height: 4rem; position: relative; border-radius: 2rem; overflow: hidden; }
.l-authorpage__icon::after { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); }
.l-authorpage__icon img { width: 100%; height: 100%; object-fit: cover; }
.l-authorpage__icon i { font-size: 1.8rem; font-weight: bold; font-style: normal; text-align: center; line-height: 4rem; display: block; background: green; color: white; }

.l-authorpage__main { margin: 0 var(--margin-content-side); padding-bottom: var(--margin-half-spacer); line-height: 1.8; }
.l-authorpage__main p { margin: .9em 0; }

.l-authorpage__books, .l-authorpage__list { margin: 0 var(--margin-content-side); padding-bottom: var(--margin-spacer); }
.l-authorpage__books h2, .l-authorpage__list h2 { line-height: calc(var(--fontsize-larger) + 1rem); margin-top: 2rem; margin-bottom: 1rem; font-size: var(--fontsize-larger); font-weight: bold; color: var(--color-black); border-left: 0.75rem solid var(--color-orange); padding-left: 1rem; letter-spacing: -1px; }
.l-authorpage__books .m-listitem, .l-authorpage__list .m-listitem { flex-direction: column; }
.l-authorpage__books .m-listitem li, .l-authorpage__list .m-listitem li { content-visibility: auto; contain-intrinsic-size: 100px; }

.l-authorpage__books .booklist { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.l-authorpage__books .booklist li { width: 9.25rem; }
.l-authorpage__books .booklist li img { width: 100%; height: auto; box-shadow: 0 0 1px var(--color-border); }

/* State */
@media screen and (min-width: 1133px) { .l-content.authorpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); display: flex; flex-wrap: wrap; gap: 0 2rem; }
  .l-content.authorpage .l-sponsored-contents, .l-content.authorpage .l-ranking { padding: 0; background: inherit; margin: var(--margin-half-spacer) 0; width: calc(300px - 3rem); }
  .l-content.authorpage .l-sponsored-contents { font-size: var(--fontsize-small); font-feature-settings: "kern", "liga", "palt"; }
  .l-content.authorpage .l-sponsored-contents .m-listitem.m-listitem--card-style li { max-width: 100%; }
  .l-content.authorpage .l-ranking { font-size: var(--fontsize-small); }
  .l-content.authorpage .l-ranking .m-listitem li { margin: 0; }
  .l-authorpage { width: calc(var(--width-content) + (var(--margin-content-side) * 2)); }
  .l-authorpage-subcontents { background: inherit; } }
@media screen and (min-width: 1416px) { .l-content.authorpage { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); margin: 0; padding: 0; } }
/* Theme */
/* Layout */
.l-content.misc, .l-content.about { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2)); margin: 0 auto; background: inherit; }
.l-content.misc .l-relcontents, .l-content.about .l-relcontents { content-visibility: auto; contain-intrinsic-size: 300px; background: var(--color-side-column-background); padding: 1rem var(--margin-half-spacer); margin: 0; }
.l-content.misc .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div, .l-content.about .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad > div { padding: 1rem 0; }
.l-content.misc .l-relcontents .m-listitem.m-listitem--card-style a, .l-content.about .l-relcontents .m-listitem.m-listitem--card-style a { border-bottom: 0; flex-direction: column; padding: 1rem 0; }
.l-content.misc .l-relcontents .m-listitem.m-listitem--card-style a:hover::before, .l-content.about .l-relcontents .m-listitem.m-listitem--card-style a:hover::before { background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.misc .l-relcontents .m-listitem__title, .l-content.about .l-relcontents .m-listitem__title { flex-grow: 1; padding-bottom: .5rem; }
.l-content.misc .l-ranking .m-listitem a, .l-content.about .l-ranking .m-listitem a { padding-top: 1rem; padding-bottom: 1rem; min-height: 4.25rem; }
.l-content.misc .l-ranking .m-listitem a:hover::before, .l-content.about .l-ranking .m-listitem a:hover::before { right: -3.5rem; background: radial-gradient(ellipse closest-side, transparent, var(--color-selected-relcontents)); }
.l-content.misc .l-ranking .m-listitem li, .l-content.about .l-ranking .m-listitem li { padding-right: 2.5rem; }
.l-content.misc .l-ranking .m-listitem li:first-child, .l-content.about .l-ranking .m-listitem li:first-child { border-top: 0; }
.l-content.misc .l-ranking .m-listitem li::before, .l-content.about .l-ranking .m-listitem li::before { top: 1rem; }

.l-misc, .l-misc-subcontents, .l-about, .l-about-subcontents { background: var(--color-base-background); padding-top: 1px; }

.l-misc__header, .l-about__header { margin: 0 var(--margin-content-side) var(--margin-half-spacer); }

.l-misc__title, .l-about__title { margin: var(--margin-spacer) 0; display: flex; gap: 0 1rem; align-items: center; }
.l-misc__title h1, .l-about__title h1 { font-size: var(--fontsize-largest); font-weight: bold; line-height: calc(var(--fontsize-largest) + 1rem); text-align: justify; letter-spacing: -1px; flex-grow: 1; }
.l-misc__title .subtitle, .l-about__title .subtitle { display: block; font-weight: normal; font-size: var(--fontsize-large); line-height: calc(var(--fontsize-large) + 1rem); }

.l-misc-main, .l-about-main { margin: 0 var(--margin-content-side); padding-bottom: var(--margin-half-spacer); line-height: 1.8; }
.l-misc-main p, .l-about-main p { margin: .9em 0; }

.l-misc-footer, .l-about-footer { display: flex; background: var(--color-base-background); }
.l-misc-footer .l-skyscraper > div, .l-about-footer .l-skyscraper > div { min-width: 120px; max-width: 300px; margin-top: var(--margin-spacer); }

/* State */
@media screen and (min-width: 1133px) { .l-content.misc, .l-content.about { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); display: flex; flex-wrap: wrap; gap: 0 2rem; }
  .l-content.misc .l-relcontents, .l-content.misc .l-ranking, .l-content.about .l-relcontents, .l-content.about .l-ranking { padding: 0; background: inherit; margin: var(--margin-half-spacer) 0; width: calc(300px - 3rem); }
  .l-content.misc .l-relcontents, .l-content.about .l-relcontents { font-size: var(--fontsize-small); font-feature-settings: "kern", "liga", "palt"; }
  .l-content.misc .l-relcontents .m-listitem.m-listitem--card-style li, .l-content.about .l-relcontents .m-listitem.m-listitem--card-style li { max-width: 100%; }
  .l-content.misc .l-ranking, .l-content.about .l-ranking { font-size: var(--fontsize-small); }
  .l-content.misc .l-ranking .m-listitem li, .l-content.about .l-ranking .m-listitem li { margin: 0; }
  .l-misc, .l-misc-footer, .l-about, .l-about-footer { width: calc(var(--width-content) + (var(--margin-content-side) * 2)); }
  .l-misc-subcontents, .l-about-subcontents { background: inherit; }
  .l-misc-footer .l-skyscraper, .l-about-footer .l-skyscraper { width: 0; min-width: unset; }
  .l-misc-footer .l-skyscraper .wrapper, .l-about-footer .l-skyscraper .wrapper { right: 0; min-width: calc(300px - 1rem); max-width: 300px; } }
@media screen and (min-width: 1416px) { .l-content.misc, .l-content.about { max-width: calc(var(--width-content) + (var(--margin-content-side) * 2) + 300px - 1rem); margin: 0; padding: 0; } }
/* Theme */
/* Layout */
.l-content.error { max-width: var(--width-site-max); margin: 0 auto; background: inherit; }

/* Layout */
/* Layout */
/* Module */
.l-misc-main .bloglist { padding: 0; display: flex; margin: var(--margin-spacer) 0; gap: 1rem; flex-wrap: wrap; font-size: var(--fontsize-small); line-height: 1.5; }
.l-misc-main .bloglist > li { width: 12.66rem; max-width: 20rem; padding: 0; border: 1px solid var(--color-border); border-radius: .25rem; text-align: left; height: 28rem; display: flex; flex-direction: column; flex-grow: 1; font-feature-settings: "kern", "liga", "palt"; }
.l-misc-main .bloglist > li::before { display: none; }
.l-misc-main .bloglist > li.spacer { flex-grow: 1000; max-width: 100%; height: 1px; border: 0; }
.l-misc-main .bloglist__title { padding: .5rem 1rem .25rem; margin: 0; background: var(--color-side-column-background); color: var(--color-gray-text); font-size: var(--fontsize-tiny); height: 4.5rem; border-top-left-radius: .25rem; border-top-right-radius: .25rem; }
.l-misc-main .bloglist__items { height: 23.5rem; overflow: hidden; position: relative; }
.l-misc-main .bloglist__items::before, .l-misc-main .bloglist__items::after { content: ''; display: block; position: absolute; left: 1rem; right: 1rem; height: .5rem; z-index: 1; }
.l-misc-main .bloglist__items::before { top: 0; background: linear-gradient(to bottom, var(--color-base-background), transparent); }
.l-misc-main .bloglist__items::after { bottom: 0; background: linear-gradient(to top, var(--color-base-background), transparent); }
.l-misc-main .bloglist__items ul { padding: 0; margin: 0; height: 100%; overflow: auto; }
.l-misc-main .bloglist__items li { padding: 0 1rem; }
.l-misc-main .bloglist__items li::before { display: none; }
.l-misc-main .bloglist__items a { display: block; padding: .5rem 0; border-top: 1px dashed var(--color-border); text-decoration: none; }
.l-misc-main .bloglist__items a:hover span.title { text-decoration: underline; }
.l-misc-main .bloglist__items span.date { font-size: var(--fontsize-tiny); display: block; text-align: right; color: var(--color-gray-text); }

/* State */
/* Theme */
/* Module */
.m-logo-color--k { fill: var(--color-black); }

.m-logo-color--b { fill: var(--color-theme); }

.m-logo-color--white-background { fill: var(--color-white-background); }

.m-cat-color { fill: var(--color-material); }

.m-cat-color--w { fill: var(--color-static-white); }

.m-logo { display: block; background: var(--color-theme); width: 1em; height: 1em; clip-path: polygon(50% 0, 0 50%, 50% 100%, 74.56% 75.44%, 55.78% 56.67%, 45.85% 66.6%, 33.73% 54.48%, 54.15% 34.06%, 85.08% 64.92%, 100% 50%, 50% 0); }

.m-burger { background: var(--color-material); display: block; height: 2px; position: absolute; top: calc(50% - 1px); transition: transform .5s ease-in-out, background-color 0s linear 0s; width: 100%; }
.m-burger::before, .m-burger::after { background: var(--color-material); content: ''; display: block; height: 2px; position: absolute; width: 100%; }
.m-burger::before { top: -.5em; transition: opacity .12s ease .125s, top .25s linear 0s, background-color .25s linear 0s; }
.m-burger::after { bottom: -.5em; transition: transform .5s ease-in-out, background-color 0s linear 0s; }
.is-active .m-burger { transform: translate3d(0, 0, 0) rotate(45deg); }
.is-active .m-burger::before { top: 0; opacity: 0; }
.is-active .m-burger::after { transform: translate3d(0, -0.5em, 0) rotate(-90deg); }

.m-magnifier { border: 2px solid var(--color-material); border-radius: 50%; display: block; height: 80%; left: 0; position: absolute; top: 0; transform: rotate(45deg); width: 80%; }
.m-magnifier::before { background: var(--color-material); top: calc(50% - 1px); content: ''; display: block; height: 2px; position: absolute; right: -75%; width: 75%; }

.m-share { background: linear-gradient(-45deg, transparent calc(50% - 1px), var(--color-material) calc(50% - 1px), var(--color-material) calc(50% + 1px), transparent calc(50% + 1px)); width: .75em; height: .75em; margin-bottom: .2em; margin-left: .4em; position: relative; display: inline-block; }
.m-share::before { content: ''; display: block; width: 1em; height: 1em; border: 2px solid var(--color-material); bottom: -.4em; left: -.4em; border-radius: 3px; clip-path: polygon(0 0, 60% 0, 60% 40%, 100% 40%, 100% 100%, 0 100%); position: absolute; }
.m-share::after { content: ''; display: inline-block; width: .5em; height: .5em; border-top: 1.5px solid var(--color-material); border-right: 1.5px solid var(--color-material); top: 0; right: 0; position: absolute; }

.m-stopwatch { border-radius: .5em; border: 2px solid var(--color-material); display: inline-block; height: .9em; margin-bottom: -.125em; position: relative; width: .9em; }
.m-stopwatch::before { border-top: 3px solid var(--color-material); content: ''; display: block; left: calc(50% - .125em); position: absolute; top: -5px; width: .25em; }
.m-stopwatch::after { background: var(--color-material); clip-path: inset(calc(50% - 0.1em) calc(100% - 2px) calc(50% - 0.1em) 0); content: ''; display: block; height: calc(100% + 10px); left: -5px; position: absolute; top: -5px; transform: rotate(45deg); width: calc(100% + 10px); }
.m-stopwatch .m-stopwatch--hand { display: block; height: 100%; position: relative; transform: rotate(0deg); transition: transform 3s ease-in-out; width: 100%; }
.m-stopwatch .m-stopwatch--hand::before { background: var(--color-material); content: ''; display: block; height: 50%; left: calc(50% - 1px); position: absolute; top: 0; width: 2px; }

/*
//カテゴリタグ
.category-tag { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 2px solid var(--color-material); border-left: 2px solid var(--color-material); border-right: 2px solid var(--color-material); display: inline-block; height: .8em; margin-bottom: -.04em; margin-left: .125em; position: relative; transform: rotate(45deg); width: .7em;
 &::before, &::after { content: ''; display: block; position: absolute; }
 &::before { border-left: 2px solid var(--color-material); border-top-left-radius: 2px; border-top: 2px solid var(--color-material); height: .5em; left: calc(50% - .25em); top: -.25em; transform: rotate(45deg); width: .5em; }
 &::after { background: var(--color-material); border-radius: .1em; height: .2em; left: calc(50% - .1em); top: -.05em; width: .2em; }
}
*/
.m-people { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: .45em; border-top-right-radius: .45em; border: 2px solid; display: inline-block; height: .7em; margin-bottom: -.25em; position: relative; width: .9em; }
.m-people::before { border-radius: .29em; border: 2px solid; content: ''; display: block; height: .58em; left: calc(50% - .29em); position: absolute; top: -.6em; width: .58em; }

.m-light { border-radius: .4em; border: 2px solid var(--color-material); box-sizing: border-box; display: inline-block; height: .84em; position: relative; top: -.1em; width: .8em; }
.m-light::before { background: var(--color-material); border-bottom-left-radius: .075em; border-bottom-right-radius: .075em; bottom: -.14em; content: ''; display: block; height: .18em; left: 50%; margin-left: -.23em; position: absolute; width: .46em; }
.m-light::after { border-left: 1px solid var(--color-material); border-top-left-radius: .2em; border-top: 1px solid var(--color-material); content: ''; display: block; height: .2em; left: .075em; position: absolute; top: .075em; width: .2em; }
.m-light .m-light--plug { background: var(--color-material); border-radius: .075em; bottom: -.32em; display: block; height: .15em; left: 50%; margin-left: -.2em; position: absolute; width: .4em; }
.m-light .m-light--plug::before { background: var(--color-material); border-bottom-left-radius: .1em; border-bottom-right-radius: .1em; bottom: -.13em; content: ''; display: block; height: .1em; left: 50%; margin-left: -.1em; position: absolute; width: .2em; }
.m-light .m-light--plug::after { content: ''; display: none; width: 1.2em; height: 1.2em; position: absolute; border-top: 2.5px dotted; border-left: 2.5px dotted; left: -0.4em; top: -1.2em; transform: rotate(45deg); border-radius: 50%; }

/*
//close-down
.m-close-down { &::before { content: ''; display: inline-block; width: 1em; height: 1em; border-bottom: 2px solid var(--color-material); border-right: 2px solid var(--color-material); transform: rotate(45deg); }
}
*/
.m-clipboard { display: inline-block; width: 1.25em; height: 1.5em; border: 2px solid var(--color-material); position: relative; left: .25em; vertical-align: middle; border-radius: 3px; }
.m-clipboard::before { display: block; position: absolute; width: .7em; height: .4em; border-radius: 2px; background: var(--color-material); content: ''; left: 50%; top: -.25em; margin-left: -.35em; }
.m-clipboard::after { display: block; position: absolute; width: .5em; height: .3em; border-top: 1px solid var(--color-material); border-bottom: 1px solid var(--color-material); left: .25em; top: .45em; }

.m-clipboard--tooltip { position: absolute; background: var(--color-base-background); border: 1px solid var(--color-border); border-radius: 3px; font-size: var(--fontsize-tiny); line-height: 2; padding: 0 1em; font-feature-settings: "kern", "liga", "palt"; white-space: nowrap; }

.m-listitem { border: 0; display: flex; }
.m-listitem > li { position: relative; font-feature-settings: "kern", "liga", "palt"; flex-grow: 1; padding: .25rem 0; }
.m-listitem > li a { height: 100%; display: flex; padding: .5rem 0; position: relative; text-align: justify; gap: 0 1rem; }
.m-listitem > li a:hover { color: inherit; z-index: 0; }
.m-listitem > li a:hover::before { content: ''; display: block; position: absolute; top: 0; left: -1rem; right: -1rem; height: 100%; z-index: -1; background: radial-gradient(ellipse closest-side, transparent, var(--color-background)); border-radius: .5rem; }
.m-listitem > li + li { border-top: 1px dashed var(--color-border); }
.m-listitem.m-listitem--card-style { display: flex; flex-direction: row; gap: 0 2rem; }
.m-listitem.m-listitem--card-style a { flex-direction: column; padding: 0; }
.m-listitem.m-listitem--card-style li + li { border-top: 0; }
.m-listitem .m-listitem__image-wrapper { width: 16.18em; height: 10em; display: flex; justify-content: center; overflow: hidden; flex-grow: 0; flex-shrink: 0; background: var(--color-background); }
.m-listitem.m-listitem--card-style .m-listitem__image-wrapper { margin-left: auto; margin-right: auto; margin-bottom: .5rem; font-size: .64896rem; }
.m-listitem .m-listitem__image { width: auto; height: auto; max-width: 100%; max-height: unset; margin: 0; object-fit: contain; }
.m-listitem .m-listitem__image { display: block; }
.m-listitem .m-listitem__wrapper { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.m-listitem .m-listitem__title { font-feature-settings: "kern", "liga", "palt"; line-height: 1.5; color: var(--color-link); }
.m-listitem .m-listitem__title .subtitle { display: block; font-size: 0.86956522em; font-weight: normal; }
.m-listitem:not(.m-listitem--card-style) .m-listitem--ad div, .m-listitem:not(.m-listitem--card-style) .m-listitem--ad iframe { width: 100% !important; }
.m-listitem.m-listitem--card-style .m-listitem--ad { max-width: calc(25% - .75rem); }
.m-listitem.m-listitem--card-style .m-listitem--ad div, .m-listitem.m-listitem--card-style .m-listitem--ad iframe { height: 100%; min-width: unset !important; }
.m-listitem .m-listitem__category { font-size: var(--fontsize-small); display: flex; gap: .75em; flex-wrap: wrap; white-space: nowrap; color: var(--color-gray-text); margin: .5em 0; }
.m-listitem .m-listitem__category li { padding: 0 .5em; line-height: 1.5; background: var(--color-background); border-radius: 3px; height: min-content; position: relative; z-index: 0; }
.m-listitem .m-listitem__category li::after { content: '・'; font-weight: bold; line-height: 1; text-align: center; color: var(--color-base-background); display: block; background: var(--color-background); width: 1em; top: 0.25em; height: 1em; position: absolute; right: -0.47em; transform: rotate(45deg); z-index: -1; border-top-right-radius: 0.25em; }
.m-listitem .m-listitem__author { margin: 0.5em 0; }
.m-listitem .m-listitem__status { justify-content: flex-end; font-size: 0.86956522em; color: var(--color-gray-text); margin-bottom: -.125em; display: flex; gap: 0 1em; }

.m-listitem--ad div, .m-listitem--ad iframe { max-width: 100%; }

.l-relcontents, .l-sponsored-contents { font-size: var(--fontsize-small); line-height: 1.5; font-feature-settings: "liga", "kern", "palt"; margin: 0 var(--margin-other-side) var(--margin-half-spacer); }
.l-relcontents .m-listitem .m-listitem__image-wrapper, .l-sponsored-contents .m-listitem .m-listitem__image-wrapper { margin: 0 auto .5rem; }
.l-relcontents .m-listitem .m-listitem__status, .l-sponsored-contents .m-listitem .m-listitem__status { line-height: 1; margin-top: auto; margin-bottom: .35rem; }

.l-relcontents .m-listitem.m-listitem--card-style { gap: 0 1rem; }
.l-relcontents .m-listitem.m-listitem--card-style li { flex-basis: calc(25% - .3334rem); }

.l-sponsored-contents .m-listitem.m-listitem--card-style li { max-width: calc(50% - 1rem); }

.l-ranking { background: var(--color-side-column-background); padding: 1rem var(--margin-other-side) 0.25rem; }
.l-ranking .m-listitem li { position: relative; border-top: 1px solid var(--color-border); }
.l-ranking .m-listitem li::before { content: counter(list-item); position: absolute; right: 0; font-size: var(--fontsize-huge); font-weight: bold; font-style: italic; line-height: 1; color: var(--color-gray-text); z-index: 1; }

.l-relcontents__title, .l-sponsored-contents__title, .l-contents-list__title, .l-ranking__title { font-feature-settings: "kern", "liga", "palt"; font-weight: bold; font-size: var(--fontsize-small); }

/*
.menuitem { display: flex; gap: 0 1em; overflow: auto; width: 100%;
 li { background: var(--color-base-background); position: relative; width: auto;
 a { display: flex; flex-direction: column; height: 100%; justify-content: space-between;
 &:hover { border-color: var(--color-link-focus); } } }
}

.menuitem__coverimage { height: 10.43em; width: 19.88em;
}

.menuitem__title { flex-grow: 1; font-family: var(--font-serif); font-feature-settings: "kern", "liga", "palt"; font-size: 1.2em; font-weight: bold; line-height: 1.5; padding: .415em 0.86956522em; text-align: justify;
}

.menuitem__status { color: var(--color-gray-text); display: flex; flex-wrap: wrap; font-size: 0.86956522em; gap: 0 1em; justify-content: flex-end; padding: 0 1.2em 1.2em;
 .main-tag { font-family: var(--font-serif); font-weight: bold; }
}
*/
/* State */
/*
@media screen and (max-width: 632px) { .menuitem { flex-direction: column;
 li + li { margin-top: 1.5em; } }
 .menuitem__coverimage { clip-path: inset(12vw 0); margin-bottom: -12vw; margin-top: -12vw; }
}
*/
@media screen and (min-width: 1133px) { .m-listitem.m-listitem--card-style { padding: 0; background: inherit; width: calc(300px - 3rem); flex-direction: column; }
  .m-listitem.m-listitem--card-style li + li { border-top: 1px dashed var(--color-border); }
  .m-listitem.m-listitem--card-style .m-listitem--ad { max-width: 100%; }
  .m-listitem.m-listitem--card-style .m-listitem--ad div, .m-listitem.m-listitem--card-style .m-listitem--ad iframe { height: 100%; }
  .l-relcontents, .l-sponsored-contents, .l-ranking { padding: 0; background: inherit; margin: var(--margin-half-spacer) 0; width: calc(300px - 3rem); }
  .l-relcontents .m-listitem.m-listitem--card-style li, .l-relcontents .m-listitem.m-listitem--card-style .m-listitem--ad, .l-sponsored-contents .m-listitem.m-listitem--card-style li, .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem--ad { padding-top: 1rem; max-width: 100%; }
  .l-relcontents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper, .l-sponsored-contents .m-listitem.m-listitem--card-style .m-listitem__image-wrapper { font-size: .8293rem; }
  .l-ranking { font-size: var(--fontsize-small); }
  .l-ranking .m-listitem li { margin: 0; } }
/* Theme */