@charset "UTF-8";
/*
  Theme: A8Tech
  Author: Activ8 Inc.
  Responsive: yes
  Description:
    このテーマは以下のOSSをベースに作成されています。

    Hatena-Blog-Theme-Superliner
    https://github.com/mntone/Hatena-Blog-Theme-Superliner/blob/master/LICENSE.txt

    Hatena-Blog-Theme-Boilerplate
    https://github.com/hatena/Hatena-Blog-Theme-Boilerplate/blob/master/LICENSE.md
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, Meiryo, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  color: #000;
  background-color: #fff;
  line-height: 1.6;
}
@media (prefers-color-scheme: dark) {
  html {
    color: #fff;
    background-color: #000;
  }
}
@media (max-width: 480px) {
  @supports (font: -apple-system-body) {
    html {
      font: -apple-system-body;
      line-height: 1.6;
    }
  }
}
::-moz-selection {
  background-color: rgba(120, 120, 128, 0.33);
}
::selection {
  background-color: rgba(120, 120, 128, 0.33);
}
::-moz-placeholder {
  color: rgba(60, 60, 67, 0.6);
}
::placeholder {
  color: rgba(60, 60, 67, 0.6);
}
@media (prefers-color-scheme: dark) {
  ::-moz-placeholder {
    color: rgba(235, 235, 245, 0.6);
  }
  ::placeholder {
    color: rgba(235, 235, 245, 0.6);
  }
}
a {
  color: #1488cc;
}
a:hover {
  color: #0f699e;
}
@media (prefers-color-scheme: dark) {
  a {
    color: #42adec;
  }
  a:hover {
    color: #70c1f1;
  }
}
a.keyword {
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
  color: #000;
}
@media (prefers-color-scheme: dark) {
  a.keyword {
    border-bottom: 1px dotted #222;
    color: #fff;
  }
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, Meiryo UI, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: "palt", "pkna";
  line-height: 1.2;
}
@media (prefers-color-scheme: dark) {
  h1, h2, h3, h4, h5, h6 {
    color: #fff;
  }
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.375em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1.1875em;
}
h5 {
  font-size: 1.125em;
}
h6 {
  font-size: 1.0625em;
}
.text-primary {
  color: #000;
}
.text-secondary {
  color: rgba(60, 60, 67, 0.6);
}
.text-tertiary {
  color: rgba(60, 60, 67, 0.3);
}
@media (prefers-color-scheme: dark) {
  .text-primary {
    color: #fff;
  }
  .text-secondary {
    color: rgba(235, 235, 245, 0.6);
  }
  .text-tertiary {
    color: rgba(235, 235, 245, 0.3);
  }
}
/* ヘッダ（グローバルヘッダ）
  グローバルヘッダの中はiframeですが、
  #globalheader-container に背景色や文字色を指定することでiframeの中にも色が反映されます。
*/
#globalheader-container {
  margin: auto;
  color: #000;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 840px) {
  #globalheader-container {
    padding: 0 12px 0 10px;
    width: calc(100% - 22px);
  }
}
@media (min-width: 992px) {
  #globalheader-container {
    padding: 0 32px 0 30px;
    width: calc(100% - 62px);
    max-width: 1178px;
  }
}
@media (prefers-color-scheme: dark) {
  #globalheader-container {
    color: #fff;
    background-color: #000;
  }
}
/* container */
#container,
#footer {
  margin: 0 auto;
}
@media (min-width: 840px) {
  #container,
  #footer {
    width: calc(100% - 40px);
  }
}
@media (min-width: 992px) {
  #container,
  #footer {
    width: calc(100% - 80px);
    max-width: 1160px;
  }
}
/* 2カラムレイアウト */
#content-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 840px) {
  #content-inner {
    flex-direction: row;
  }
}
#blog-title, #wrapper, .guest-footer-content {
  margin: 0 16px;
}
@media (min-width: 840px) {
  #blog-title, #wrapper, .guest-footer-content {
    margin: 0;
    width: calc(100% - 240px);
  }
}
@media (min-width: 992px) {
  #blog-title, #wrapper, .guest-footer-content {
    width: calc(100% - 280px);
  }
}
@media (min-width: 1160px) {
  #blog-title, #wrapper, .guest-footer-content {
    width: 800px;
  }
}
#box2 {
  margin: 0 16px 0 12px;
}
@media (min-width: 840px) {
  #box2 {
    margin: 0;
    width: 224px;
  }
}
@media (min-width: 1160px) {
  #box2 {
    width: calc(100% - 856px);
  }
}
#box2-inner {
  margin-right: -4px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  -moz-column-fill: auto;
       column-fill: auto;
}
@media (min-width: 505px) and (max-width: 740px) {
  #box2-inner {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 741px) and (max-width: 839px) {
  #box2-inner {
    -moz-column-count: 3;
         column-count: 3;
  }
}
/* ヘッダ */
#blog-title {
  contain: content;
  margin: 16px;
  padding: 4px 0 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 840px) {
  #blog-title {
    margin: 24px 0;
  }
}
#blog-title-inner {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20435.28%2092.21%22%3E%3Cdefs%3E%3Cstyle%3E.d%2C.e%7Bstroke-width%3A0px%3B%7D.e%7Bfill%3A%23040000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22e%22%20d%3D%22m56%2C63.53h-26.39c-4.92%2C0-8.91-3.99-8.91-8.91%2C0-1.62.44-3.15%2C1.19-4.46L48.28%2C4.46c2.46-4.26%2C7.91-5.72%2C12.18-3.26%2C4.26%2C2.46%2C5.72%2C7.91%2C3.26%2C12.18-.81%2C1.4-1.95%2C2.5-3.26%2C3.26h0c-8.34%2C4.82-11.21%2C15.53-6.4%2C23.87%2C1.59%2C2.75%2C3.82%2C4.91%2C6.4%2C6.39h0c2.66%2C1.54%2C4.45%2C4.42%2C4.45%2C7.72%2C0%2C4.92-3.99%2C8.91-8.91%2C8.91Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m83.87%2C45.81c-4.76-1.27-7.58-6.16-6.3-10.92.04-.14.21-.68.25-.82%2C1.27-4.76-1.55-9.64-6.3-10.92-4.76-1.27-9.64%2C1.55-10.92%2C6.3-1.27%2C4.76%2C1.55%2C9.64%2C6.3%2C10.92.14.04.69.16.83.19%2C4.76%2C1.27%2C7.58%2C6.16%2C6.3%2C10.92-.04.14-.21.68-.25.82-1.27%2C4.76%2C1.55%2C9.64%2C6.3%2C10.92s9.64-1.55%2C10.92-6.3c1.27-4.76-1.55-9.64-6.3-10.92-.14-.04-.69-.16-.83-.19Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m25.38%2C87.32l-9.65-16.71c-.28-.48-.68-.9-1.19-1.19s-1.08-.44-1.63-.44c-.57%2C0-1.14.15-1.63.44-.48.28-.9.68-1.19%2C1.19L.44%2C87.32c-.28.48-.44%2C1.04-.44%2C1.63s.16%2C1.15.44%2C1.63c.29.49.7.91%2C1.19%2C1.19.48.28%2C1.04.44%2C1.63.44s1.15-.16%2C1.63-.44c.49-.29.91-.7%2C1.19-1.19.28-.48.44-1.04.44-1.63%2C0-1.16.31-2.25.86-3.19.56-.97%2C1.37-1.78%2C2.34-2.34.94-.54%2C2.03-.86%2C3.19-.86s2.25.31%2C3.19.86c.97.56%2C1.78%2C1.37%2C2.34%2C2.34.54.94.86%2C2.03.86%2C3.19%2C0%2C.59.16%2C1.15.44%2C1.63.29.49.7.91%2C1.19%2C1.19.48.28%2C1.04.44%2C1.63.44s1.15-.16%2C1.63-.44c.49-.29.91-.7%2C1.19-1.19.28-.48.44-1.04.44-1.63s-.16-1.15-.44-1.63Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m65.53%2C73.86l9.65%2C16.71c.28.48.68.9%2C1.19%2C1.19.51.3%2C1.08.44%2C1.63.44.57%2C0%2C1.14-.15%2C1.63-.44.48-.28.9-.68%2C1.19-1.19l9.65-16.71c.28-.48.44-1.04.44-1.63s-.16-1.15-.44-1.63c-.29-.49-.7-.91-1.19-1.19-.48-.28-1.04-.44-1.63-.44s-1.15.16-1.63.44c-.49.29-.91.7-1.19%2C1.19-.28.48-.44%2C1.04-.44%2C1.63%2C0%2C1.16-.31%2C2.25-.86%2C3.19-.56.97-1.37%2C1.78-2.34%2C2.34-.94.54-2.03.86-3.19.86s-2.25-.31-3.19-.86c-.97-.56-1.78-1.37-2.34-2.34-.54-.94-.86-2.03-.86-3.19h0c0-.59-.16-1.15-.44-1.63-.29-.49-.7-.91-1.19-1.19-.48-.28-1.04-.44-1.63-.44s-1.15.16-1.63.44c-.49.29-.91.7-1.19%2C1.19-.28.48-.44%2C1.04-.44%2C1.63s.16%2C1.15.44%2C1.63Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m54.36%2C72.23c0-.59-.16-1.15-.44-1.63-.29-.49-.7-.91-1.19-1.19-.48-.28-1.04-.44-1.63-.44h-9.65c-.59%2C0-1.15.16-1.63.44-.49.29-.91.7-1.19%2C1.19-.28.48-.44%2C1.04-.44%2C1.63s.16%2C1.15.44%2C1.63c.29.49.7.91%2C1.19%2C1.19.48.28%2C1.04.44%2C1.63.44s1.15-.16%2C1.63-.44h0c1.01-.58%2C2.11-.86%2C3.19-.86%2C1.12%2C0%2C2.22.3%2C3.2.86.94.54%2C1.76%2C1.33%2C2.34%2C2.34.58%2C1.01.86%2C2.11.85%2C3.19%2C0%2C1.12-.3%2C2.22-.86%2C3.2-.54.94-1.33%2C1.76-2.34%2C2.34h0c-.48.28-.9.68-1.19%2C1.19s-.44%2C1.08-.44%2C1.63c0%2C.57.15%2C1.14.44%2C1.63.28.48.68.9%2C1.19%2C1.19.51.3%2C1.08.44%2C1.63.44.57%2C0%2C1.14-.15%2C1.63-.44.48-.28.9-.68%2C1.19-1.19.3-.51.44-1.08.44-1.63v-16.71Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m34.75%2C86.12c-1.01-.58-1.8-1.4-2.34-2.34s-.85-2.08-.86-3.2.27-2.19.85-3.19%2C1.4-1.8%2C2.34-2.34h0c.49-.29.91-.7%2C1.19-1.19s.44-1.04.44-1.63-.16-1.15-.44-1.63-.7-.91-1.19-1.19-1.04-.44-1.63-.44h-9.65c-.59%2C0-1.15.16-1.63.44s-.91.7-1.19%2C1.19-.44%2C1.04-.44%2C1.63.16%2C1.15.44%2C1.63l9.65%2C16.71c.28.48.68.9%2C1.19%2C1.19s1.08.44%2C1.63.44%2C1.14-.15%2C1.63-.44.9-.68%2C1.19-1.19.44-1.08.44-1.63-.15-1.14-.44-1.63-.68-.9-1.19-1.19h0Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m62.85%2C70.6c-.3-.51-.71-.92-1.19-1.19-.5-.29-1.06-.44-1.63-.44-.55%2C0-1.12.14-1.63.44s-.92.71-1.19%2C1.19c-.29.5-.44%2C1.06-.44%2C1.63v16.71c0%2C.59.16%2C1.15.44%2C1.63.29.49.7.91%2C1.19%2C1.19.48.28%2C1.04.44%2C1.63.44s1.15-.16%2C1.63-.44c.49-.29.91-.7%2C1.19-1.19.28-.48.44-1.04.44-1.63v-16.71c0-.55-.14-1.12-.44-1.63Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22m106.9%2C82.2c-.08-.02-.4-.09-.47-.11-2.72-.73-4.33-3.52-3.6-6.24.02-.08.12-.39.14-.47.73-2.72-.88-5.51-3.6-6.24-2.72-.73-5.51.88-6.24%2C3.6-.73%2C2.72.88%2C5.51%2C3.6%2C6.24.08.02.4.09.48.11%2C2.72.73%2C4.33%2C3.52%2C3.6%2C6.24-.02.08-.12.39-.14.47-.73%2C2.72.88%2C5.51%2C3.6%2C6.24s5.51-.88%2C6.24-3.6c.73-2.72-.88-5.51-3.6-6.24Z%22%2F%3E%3Cpolygon%20class%3D%22d%22%20points%3D%22139.23%2072.37%20139.23%2037.36%20131.58%2037.36%20131.58%2028.28%20156.4%2028.28%20156.4%2037.36%20148.55%2037.36%20148.55%2072.37%20139.23%2072.37%22%2F%3E%3Cpolygon%20class%3D%22d%22%20points%3D%22161.06%2072.37%20161.06%2028.28%20185.58%2028.28%20185.58%2037.3%20170.2%2037.3%20170.2%2044.1%20185.58%2044.1%20185.58%2052.98%20170.2%2052.98%20170.2%2063.32%20185.58%2063.32%20185.58%2072.37%20161.06%2072.37%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22m213.44%2C73.46c-6.81%2C0-12.46-2.19-16.8-6.52-4.35-4.33-6.55-9.94-6.55-16.69%2C0-4.37%2C1-8.3%2C2.98-11.71%2C1.98-3.4%2C4.85-6.17%2C8.54-8.24%2C3.68-2.06%2C7.7-3.11%2C11.95-3.11%2C3.61%2C0%2C7.13.77%2C10.48%2C2.3%2C3.34%2C1.53%2C6.26%2C3.72%2C8.68%2C6.53l.31.36-6.44%2C6.14-.34-.36c-3.79-4-8.1-6.03-12.81-6.03-3.96%2C0-7.34%2C1.37-10.05%2C4.08-2.71%2C2.71-4.08%2C6.09-4.08%2C10.06%2C0%2C2.77.61%2C5.27%2C1.81%2C7.41%2C1.2%2C2.14%2C2.92%2C3.84%2C5.1%2C5.06%2C2.2%2C1.22%2C4.68%2C1.84%2C7.37%2C1.84%2C2.3%2C0%2C4.43-.43%2C6.32-1.29%2C1.91-.86%2C4.04-2.46%2C6.35-4.75l.36-.36%2C6.26%2C6.53-.35.35c-3.21%2C3.14-6.3%2C5.35-9.18%2C6.57-2.88%2C1.22-6.21%2C1.84-9.89%2C1.84Z%22%2F%3E%3Cpolygon%20class%3D%22d%22%20points%3D%22261.69%2072.37%20261.69%2053.48%20248.31%2053.48%20248.31%2072.37%20238.99%2072.37%20238.99%2028.28%20248.31%2028.28%20248.31%2044.54%20261.69%2044.54%20261.69%2028.28%20270.98%2028.28%20270.98%2072.37%20261.69%2072.37%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22m279.83%2C72.37V28.28h7.28c3.96%2C0%2C6.91.26%2C8.76.78%2C2.67.71%2C4.83%2C2.04%2C6.41%2C3.97%2C1.59%2C1.94%2C2.4%2C4.25%2C2.4%2C6.88%2C0%2C1.71-.37%2C3.29-1.1%2C4.7-.63%2C1.21-1.6%2C2.36-2.9%2C3.44%2C2.33%2C1.21%2C4.09%2C2.7%2C5.23%2C4.44%2C1.26%2C1.92%2C1.9%2C4.21%2C1.9%2C6.82s-.66%2C4.82-1.95%2C6.89c-1.3%2C2.06-2.99%2C3.63-5.04%2C4.65-2.03%2C1.02-4.86%2C1.53-8.41%2C1.53h-12.58Zm10.76-8.82c3.29%2C0%2C5.5-.4%2C6.59-1.19%2C1.06-.77%2C1.57-1.86%2C1.57-3.35%2C0-1.71-.62-3.02-1.89-4-1.3-1-3.53-1.51-6.63-1.51h-1.2v10.04h1.56Zm-.26-18.37c1.87%2C0%2C3.26-.38%2C4.13-1.14.86-.75%2C1.28-1.74%2C1.28-3.05%2C0-1.21-.4-2.13-1.21-2.83-.82-.71-2.13-1.07-3.88-1.07h-1.62v8.08h1.29Z%22%2F%3E%3Cpolygon%20class%3D%22d%22%20points%3D%22314.63%2072.37%20314.63%2028.28%20323.83%2028.28%20323.83%2063.55%20335.79%2063.55%20335.79%2072.37%20314.63%2072.37%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22m361.93%2C73.46c-6.58%2C0-12.13-2.31-16.49-6.86-4.35-4.55-6.56-10.03-6.56-16.28%2C0-4.19%2C1.03-8.1%2C3.06-11.62s4.86-6.34%2C8.41-8.4c3.55-2.06%2C7.43-3.1%2C11.52-3.1%2C6.21%2C0%2C11.62%2C2.28%2C16.08%2C6.77%2C4.46%2C4.49%2C6.73%2C10.04%2C6.73%2C16.49s-2.23%2C11.89-6.64%2C16.32c-4.41%2C4.43-9.83%2C6.68-16.11%2C6.68Zm-.15-37.24c-3.83%2C0-7.09%2C1.35-9.7%2C4.01-2.61%2C2.66-3.93%2C6.1-3.93%2C10.23%2C0%2C4.59%2C1.67%2C8.26%2C4.95%2C10.92%2C2.56%2C2.08%2C5.53%2C3.14%2C8.83%2C3.14%2C3.73%2C0%2C6.96-1.37%2C9.58-4.07%2C2.63-2.7%2C3.96-6.08%2C3.96-10.05s-1.34-7.33-3.99-10.07c-2.65-2.73-5.91-4.11-9.7-4.11Z%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22m413.33%2C73.46c-4.54%2C0-8.65-1-12.21-2.98-3.57-1.98-6.43-4.84-8.51-8.5-2.08-3.65-3.13-7.65-3.13-11.88%2C0-5.8%2C1.95-10.92%2C5.78-15.22%2C4.55-5.11%2C10.55-7.7%2C17.83-7.7%2C3.8%2C0%2C7.4.71%2C10.71%2C2.12%2C2.81%2C1.19%2C5.58%2C3.27%2C8.26%2C6.16l.33.35-6.48%2C6.41-.35-.37c-3.54-3.75-7.72-5.64-12.42-5.64-4.09%2C0-7.56%2C1.37-10.31%2C4.08-2.75%2C2.7-4.15%2C6.03-4.15%2C9.9s1.45%2C7.44%2C4.31%2C10.22c2.86%2C2.78%2C6.44%2C4.19%2C10.65%2C4.19%2C2.73%2C0%2C5.05-.58%2C6.91-1.71%2C1.67-1.02%2C3.06-2.59%2C4.16-4.67h-12.17v-8.71h22.66l.07%2C2.3c0%2C3.86-1.01%2C7.55-3%2C10.99-1.99%2C3.44-4.6%2C6.1-7.77%2C7.92-3.17%2C1.81-6.93%2C2.73-11.18%2C2.73Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center 0px;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding-top: 20%;
}
@media (prefers-color-scheme: dark) {
  #blog-title-inner {
    filter: invert(100%);
  }
}
#title {
  margin: 0;
  font-size: 1.5em;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  background: transparent;
}
#title a {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#blog-description {
  margin: 1.2em 0 0;
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1;
}
@media (prefers-color-scheme: dark) {
  #blog-description {
    color: rgba(235, 235, 245, 0.6);
  }
}
/* ヘッダ画像を設定したとき */
.header-image-enable #blog-title {
  margin: 0 0 2em;
}
.header-image-enable #blog-title-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-image-enable #blog-title-content {
  margin-left: 10px;
  margin-right: 10px;
}
/* タイトル下HTML */
#top-editarea {
  margin-bottom: 1em;
}
/* パンくず（カテゴリー、記事ページで表示されます） */
.breadcrumb {
  margin: 1rem 16px;
  font-size: 0.875rem;
}
@media (min-width: 840px) {
  .breadcrumb {
    margin-left: 0;
    margin-right: 0;
  }
}
/* ソーシャルボタン */
.social-buttons {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hatena-bookmark-comment-iframe {
  display: block;
  margin: -8px;
  width: calc(100% + 16px) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* entry */
.entry {
  position: relative;
  margin-bottom: 32px;
}
.entry-header {
  margin-bottom: 24px;
  border-top: 1px solid #111;
  border-bottom: 1px solid #ccc;
  padding: 0.667em 0;
}
@media (prefers-color-scheme: dark) {
  .entry-header {
    border-top-color: #eee;
    border-bottom-color: #333;
  }
}
.entry-header .social-buttons {
  margin-top: 0.5em;
}
.date {
  margin-bottom: 0.375em;
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.8125em;
}
@media (prefers-color-scheme: dark) {
  .date {
    color: rgba(235, 235, 245, 0.6);
  }
}
.date a {
  color: inherit;
  text-decoration: none;
}
.date a:hover {
  text-decoration: underline;
}
.entry-title {
  margin: 0;
  font-size: 1.25em;
}
.categories, .urllist-categories {
  margin-top: 0.125em;
  font-size: 0.8125em;
  line-height: 1.7;
}
.categories a, .urllist-categories a {
  float: left;
  display: block;
  margin: 0.375em 0.375em 0 0;
  border: 1px solid #ccc;
  border-radius: 999px;
  padding: 0 0.75em;
  color: rgba(60, 60, 67, 0.6);
  background-color: #fff;
  text-decoration: none;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (prefers-color-scheme: dark) {
  .categories a, .urllist-categories a {
    border-color: #333;
    color: rgba(235, 235, 245, 0.6);
    background-color: #000;
  }
}
.categories a:hover, .urllist-categories a:hover {
  background-color: #ccc;
}
@media (prefers-color-scheme: dark) {
  .categories a:hover, .urllist-categories a:hover {
    background-color: #333;
  }
}
@media (prefers-reduced-motion) {
  .categories a, .urllist-categories a {
    transition: none;
  }
}
.categories::after, .urllist-categories::after {
  clear: both;
  display: block;
  content: "";
}
.entry-see-more {
  display: inline-block;
  margin: 0.5em 0 0;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 0.6em 1em;
  color: #000;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.875em;
  line-height: 1;
  text-decoration: none;
}
.entry-see-more:hover {
  color: #000;
  background-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .entry-see-more {
    border-color: rgba(84, 88, 88, 0.6);
    color: #fff;
  }
  .entry-see-more:hover {
    color: #fff;
    background-color: rgba(84, 88, 88, 0.6);
  }
}
/* 「編集する」ボタン */
.entry-header-menu {
  position: absolute;
  top: 0.5rem;
  right: 0;
  font-size: 0.875em;
  line-height: 1;
}
.entry-header-menu a {
  display: block;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 0.6em 1em;
  color: #000;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}
.entry-header-menu a:hover {
  color: #000;
  background-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .entry-header-menu a {
    border-color: rgba(84, 88, 88, 0.6);
    color: #fff;
  }
  .entry-header-menu a:hover {
    color: #fff;
    background-color: rgba(84, 88, 88, 0.6);
  }
}
/* 記事内の書式 */
.entry-content img,
.entry-content video {
  max-width: 100%;
  height: auto;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  margin: 1.5em 0 0.5em;
  font-weight: 300;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
  margin-left: calc(-0.5em - 4px);
  padding: 0.2em 0 0.2em 0.5em;
  text-shadow: 1px 1px 1px rgba(60, 60, 67, 0.6);
}
@media (prefers-color-scheme: dark) {
  .entry-content h1, .entry-content h2, .entry-content h3 {
    border-left-color: #eee;
    text-shadow: 1px 1px 1px rgba(235, 235, 245, 0.6);
  }
}
.entry-content h1 {
  border-left: 4px solid #111;
}
.entry-content h2 {
  border-left: 3px solid #111;
}
.entry-content h3 {
  border-left: 2px solid #111;
}
.entry-content h4 {
  margin-left: calc(-0.5em - 1px);
  border-left: 1px solid #111;
  padding: 0.1em 0 0.1em 0.5em;
}
@media (prefers-color-scheme: dark) {
  .entry-content h4 {
    border-left-color: #eee;
  }
}
.entry-content ul,
.entry-content ol,
.entry-content dd {
  margin: 0 0 1em 1.5em;
  padding: 0;
}
.entry-content ul li ul, .entry-content ul li ol,
.entry-content ol li ul,
.entry-content ol li ol,
.entry-content dd li ul,
.entry-content dd li ol {
  margin-bottom: 0;
}
.entry-content table {
  display: block;
  overflow: auto;
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1em;
  width: 100%;
  font-size: 0.875em;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 1300px) {
  .entry-content table.element-stretch {
    margin-left: calc((1300px - 100vw) / 2);
    width: calc(100% + (100vw - 1300px) / 2);
  }
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #ddd;
  padding: 0.25em 0.8em;
  font-feature-settings: "palt", "pkna", "tnum";
}
@media (prefers-color-scheme: dark) {
  .entry-content table th,
  .entry-content table td {
    border-color: #222;
  }
}
.entry-content table th {
  background-color: #f2f2f7;
}
@media (prefers-color-scheme: dark) {
  .entry-content table th {
    background-color: #1c1c1e;
  }
}
.entry-content blockquote, .entry-content pre {
  margin: 0 0 1rem;
  border: 1px solid #dadada;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f2f2f7;
}
@media (prefers-color-scheme: dark) {
  .entry-content blockquote, .entry-content pre {
    border-color: #3c3e42;
    background-color: #1c1c1e;
  }
}
.entry-content blockquote p:first-child, .entry-content pre p:first-child {
  margin-top: 0;
}
.entry-content blockquote p:last-child, .entry-content pre p:last-child {
  margin-bottom: 0;
}
.entry-content blockquote {
  font-size: 0.9375em;
}
.entry-content pre,
.entry-content code {
  font-family: "Monaco", "Consolas", "Courier New", Courier, monospace, sans-serif;
}
.entry-content pre {
  font-size: 0.8125em;
  line-height: 1.3;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.entry-content pre > code {
  margin: 0;
  border: 0 none transparent;
  padding: 0;
  background-color: transparent;
  white-space: pre;
  font-family: "Monaco", "Consolas", "Courier New", Courier, monospace, sans-serif;
}
@media (min-width: 1300px) {
  .entry-content pre.element-stretch {
    margin-left: calc((1300px - 100vw) / 2);
    width: calc(100% + (100vw - 1300px) / 2);
  }
}
.entry-content code {
  font-size: 0.9375em;
  margin: 0;
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 0 2px;
  background-color: #f2f2f7;
  word-break: keep-all;
}
@media (prefers-color-scheme: dark) {
  .entry-content code {
    border-color: #3c3e42;
    background-color: #1c1c1e;
  }
}
.entry-content hr {
  margin: 1em 0;
  border: 0 none transparent;
  border-top: 1px solid rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .entry-content hr {
    border-top-color: rgba(84, 88, 88, 0.6);
  }
}
.entry-content .table-of-contents {
  display: table;
  margin: 1em 0;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 1.5em 1.25em 1em 2.5em;
  font-size: 0.875em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (prefers-color-scheme: dark) {
  .entry-content .table-of-contents {
    border-color: rgba(84, 88, 88, 0.6);
  }
}
.entry-content .table-of-contents a {
  text-decoration: none;
}
.entry-content .table-of-contents a:hover {
  text-decoration: underline;
}
.entry-content .table-of-contents::before {
  display: block;
  position: absolute;
  content: "概要";
  margin: -2em 0 0.25em -1.5em;
  padding: 0 0.375em;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.25em;
  font-weight: 700;
  background-color: #fff;
}
@media (prefers-color-scheme: dark) {
  .entry-content .table-of-contents::before {
    background-color: #000;
  }
}
@media (min-width: 1300px) {
  .entry-content .element-stretch[src^="https://www.youtube.com/"] {
    margin-left: calc(650px - 50vw);
    width: calc(150px + 50vw);
    max-width: calc(150px + 50vw);
  }
}
.entry-content [src^="https://www.youtube.com/"] {
  width: 100%;
  height: calc(0.5625 * (100vw - 32px));
}
@media (min-width: 840px) {
  .entry-content [src^="https://www.youtube.com/"] {
    width: calc(100vw - 280px);
    height: calc(0.5625 * (100vw - 280px));
  }
}
@media (min-width: 992px) {
  .entry-content [src^="https://www.youtube.com/"] {
    width: calc(100vw - 340px);
    height: calc(0.5625 * (100vw - 340px));
  }
}
@media (min-width: 1160px) {
  .entry-content [src^="https://www.youtube.com/"] {
    width: 800px;
    height: 450px;
  }
}
@media (min-width: 1300px) {
  .entry-content [src^="https://www.youtube.com/"] {
    height: calc(0.5625 * (150px + 50vw));
  }
}
.entry-content *:first-child {
  margin-top: 0;
}
.hatena-asin-detail, .itunes-embed {
  margin: 0 0 1em;
  border: 0 none transparent;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f2f2f7;
  font-size: 0.9375em;
  line-height: 1.55;
}
@media (prefers-color-scheme: dark) {
  .hatena-asin-detail, .itunes-embed {
    background-color: #1c1c1e;
  }
}
.hatena-asin-detail .hatena-asin-detail-image, .itunes-embed .hatena-asin-detail-image {
  max-width: 40%;
  max-height: 10rem;
  margin-right: 1rem;
  border-radius: 4px;
}
.hatena-asin-detail a, .itunes-embed a {
  text-decoration: none;
}
.hatena-asin-detail a:hover, .itunes-embed a:hover {
  text-decoration: underline;
}
.hatena-asin-detail-info {
  overflow: hidden;
  overflow: clip;
}
.hatena-asin-detail-info ul {
  margin-left: 0;
}
/* 記事下 */
.entry-footer .social-buttons {
  margin-bottom: 0.5rem;
}
.entry-footer-section {
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.875rem;
}
@media (prefers-color-scheme: dark) {
  .entry-footer-section {
    color: rgba(235, 235, 245, 0.6);
  }
}
.entry-footer-section a {
  color: inherit;
}
/* tooltip */
.quote-box {
  contain: strict;
  width: 2em;
  height: 6.5em;
  font-size: 1.125em;
}
.tooltip-quote {
  box-sizing: border-box;
  margin-bottom: 0.25em;
  border: 1px solid rgba(60, 60, 67, 0.29);
  width: 2em;
  height: 2em;
  background-color: rgba(247, 247, 247, 0.82);
  opacity: 1;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.tooltip-quote:hover {
  background-color: rgba(247, 247, 247, 0.82);
}
.tooltip-quote i {
  color: #000;
  font-size: 1em;
  line-height: 2;
}
@supports (-webkit-text-stroke: 1px #000) {
  .tooltip-quote i {
    color: transparent;
    -webkit-text-stroke: 1px #000;
  }
  .tooltip-quote:hover i {
    -webkit-text-stroke: 1px currentColor;
  }
}
@media (prefers-color-scheme: dark) {
  .tooltip-quote {
    border-color: rgba(84, 88, 88, 0.6);
    background-color: rgba(28, 28, 28, 0.73);
  }
  .tooltip-quote:hover {
    background-color: rgba(28, 28, 28, 0.73);
  }
  .tooltip-quote i {
    color: #fff;
  }
  @supports (-webkit-text-stroke: 1px #fff) {
    .tooltip-quote i {
      color: transparent;
      -webkit-text-stroke: 1px #fff;
    }
    .tooltip-quote:hover i {
      -webkit-text-stroke: 1px currentColor;
    }
  }
}
.tooltip-quote-star:hover i {
  color: #ffb638;
}
.tooltip-quote-stock:hover i {
  color: #84e60e;
}
.tooltip-quote-tweet:hover i {
  color: #1da1f2;
}
@media (prefers-color-scheme: dark) {
  .tooltip-quote-star:hover i {
    color: #ffc96b;
  }
  .tooltip-quote-stock:hover i {
    color: #b5f665;
  }
  .tooltip-quote-tweet:hover i {
    color: #8fcef5;
  }
}
/* コメント */
.comment-box {
  margin: 16px 0;
  text-align: right;
}
.comment-box .hatena-id-icon {
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 4px;
  width: 3rem !important;
  height: 3rem !important;
}
.entry-comment {
  margin: 16px 0;
  border-radius: 8px;
  padding: 16px 16px 16px calc(28px + 3rem);
  background-color: #f2f2f7;
  text-align: left;
}
@media (prefers-color-scheme: dark) {
  .entry-comment {
    background-color: #1c1c1e;
  }
}
.comment {
  list-style: none;
  padding: 0;
  font-size: 0.875em;
}
.comment-user-name {
  margin: 0 0 0.4em 0;
  font-weight: 700;
}
.comment-content {
  margin: 0 0 0.4em 0;
  word-wrap: break-word;
  color: #000;
}
@media (prefers-color-scheme: dark) {
  .comment-content {
    color: #fff;
  }
}
.comment-content p {
  margin: 0 0 0.6em 0;
}
.comment-metadata {
  color: rgba(60, 60, 67, 0.6);
  margin: 0;
  font-size: 0.8125rem;
}
@media (prefers-color-scheme: dark) {
  .comment-metadata {
    color: rgba(235, 235, 245, 0.6);
  }
}
.comment-metadata a {
  color: inherit;
}
.read-more-comments {
  line-height: 1;
}
.read-more-comments a {
  display: inline-block;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 0.6em 1em;
  color: #000;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.read-more-comments a:hover {
  color: #000;
  background-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .read-more-comments a {
    border-color: rgba(84, 88, 88, 0.6);
    color: #fff;
  }
  .read-more-comments a:hover {
    color: #fff;
    background-color: rgba(84, 88, 88, 0.6);
  }
}
.leave-comment-title {
  font-size: 0.875rem;
  line-height: 1;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 0.6em 1em;
  color: #000;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.leave-comment-title:hover {
  color: #000;
  background-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .leave-comment-title {
    border-color: rgba(84, 88, 88, 0.6);
    color: #fff;
  }
  .leave-comment-title:hover {
    color: #fff;
    background-color: rgba(84, 88, 88, 0.6);
  }
}
/* Pager */
.pager {
  margin: 0.5em 0;
  font-size: 0.875em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pager::after {
  clear: both;
  display: block;
  content: "";
}
.pager-prev,
.pager-next {
  position: relative;
  display: block;
  max-width: calc(100% - 1.5em);
  margin-bottom: 0.5em;
}
.pager-prev a,
.pager-next a {
  display: block;
  overflow: hidden;
  overflow: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.pager-prev a:hover,
.pager-next a:hover {
  text-decoration: underline;
}
.pager-prev a::before, .pager-next a::after {
  position: absolute;
  bottom: 0;
  font-family: blogicon;
  font-size: 1rem;
  line-height: 1.4;
}
.pager-arrow {
  display: none;
}
.pager-prev {
  clear: left;
  float: left;
  margin-right: 1em;
}
.pager-prev a {
  margin-left: 1em;
}
.pager-prev a::before {
  left: 0;
  content: "\f005";
  margin-right: 0.25em;
}
.pager-next {
  clear: right;
  float: right;
  margin-left: 1em;
}
.pager-next a {
  margin-right: 1em;
  text-align: right;
}
.pager-next a::after {
  right: 0.25em;
  content: "\f006";
  margin-left: 0.25em;
}
/* サイドバーモジュール */
.hatena-module {
  contain: content;
  box-sizing: border-box;
  margin-bottom: 1.75em;
  padding: 0 4px 0.25em;
  font-size: 0.875em;
  line-height: 1.5;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hatena-module-title {
  margin-bottom: 0.5rem;
  border-top: 1px solid #111;
  border-bottom: 1px solid #ccc;
  padding: 0.667em 0;
  font-size: 0.9375rem;
  font-weight: 700;
}
@media (prefers-color-scheme: dark) {
  .hatena-module-title {
    border-top-color: #eee;
    border-bottom-color: #333;
  }
}
.hatena-module-title a {
  color: inherit;
  text-decoration: none;
}
.hatena-module-title a:hover {
  text-decoration: underline;
}
/* urllist module */
.hatena-urllist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hatena-urllist li {
  padding: 0 0 0.5rem;
}
@media (max-width: 480px) {
  .hatena-urllist li {
    padding-bottom: 0.75rem;
  }
}
.hatena-urllist li:last-child {
  padding-bottom: 0;
}
.hatena-urllist li .urllist-image {
  float: right;
  margin: 0 0 0.5em 0.5em;
  border-radius: 4px;
}
.hatena-urllist li > a,
.urllist-date-link a,
.urllist-title-link {
  text-decoration: none;
}
.hatena-urllist li > a:hover,
.urllist-date-link a:hover,
.urllist-title-link:hover {
  text-decoration: underline;
}
.urllist-categories {
  margin-top: 0;
}
.urllist-categories a {
  margin-top: 0.25em;
}
.urllist-entry-body {
  margin: 0.25em 0 0.75em;
  font-size: 0.8125rem;
}
.urllist-see-more {
  font-size: 0.875rem;
  line-height: 1;
  text-align: right;
}
.urllist-see-more a {
  display: inline-block;
  border: 1px solid rgba(60, 60, 67, 0.29);
  border-radius: 4px;
  padding: 0.6em 1em;
  color: #000;
  transition: background-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}
.urllist-see-more a:hover {
  color: #000;
  background-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .urllist-see-more a {
    border-color: rgba(84, 88, 88, 0.6);
    color: #fff;
  }
  .urllist-see-more a:hover {
    color: #fff;
    background-color: rgba(84, 88, 88, 0.6);
  }
}
.urllist-date-link {
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.8125rem;
}
@media (prefers-color-scheme: dark) {
  .urllist-date-link {
    color: rgba(235, 235, 245, 0.6);
  }
}
.urllist-date-link a {
  color: inherit;
}
/* Related module */
.hatena-module-related-entries {
  padding-left: 0;
  padding-right: 0;
}
/* Comment module */
.recent-comments .user-id {
  margin-right: 0.25em;
  font-weight: 700;
}
.recent-comments .user-id img {
  margin-right: 0.25em;
  border-radius: 4px;
  width: 1.5rem !important;
  height: 1.5rem !important;
  vertical-align: middle;
}
.recent-comments .recent-comment-time {
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.8rem;
  white-space: nowrap;
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  .recent-comments .recent-comment-time {
    color: rgba(235, 235, 245, 0.6);
  }
}
/* Profile module */
.hatena-module-profile .profile-icon {
  float: left;
  margin: 0 0.75rem 0.75rem 0;
  border-radius: 4px;
  width: 3rem !important;
  height: 3rem !important;
}
.hatena-module-profile .id {
  display: block;
  margin: 0 0 0.1rem;
  font-weight: 700;
}
.profile-activities {
  margin: 0 0 0.1rem;
  color: rgba(60, 60, 67, 0.6);
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  .profile-activities {
    color: rgba(235, 235, 245, 0.6);
  }
}
.profile-description p {
  margin: 0;
}
/* Search module */
@media (min-width: 840px) {
  .hatena-module-search-box {
    position: absolute;
    top: calc(60px + 1.125rem);
    margin-bottom: 0;
    padding-top: 4px;
    width: 228px;
  }
  .hatena-module-search-box .hatena-module-title {
    display: none;
  }
}
@media (min-width: 1160px) {
  .hatena-module-search-box {
    width: calc(100% - 932px);
    max-width: 308px;
  }
}
.search-form {
  display: flex;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  align-items: center;
  transition: border-color 0.22s cubic-bezier(0.1, 0.9, 0.2, 1);
}
@media (prefers-reduced-motion) {
  .search-form {
    transition: none;
  }
}
.search-form:focus-within {
  margin: -1px;
  border-width: 2px;
  border-color: #1488cc;
  width: calc(100% + 2px);
}
@media (prefers-color-scheme: dark) {
  .search-form {
    border-color: #222;
  }
  .search-form:focus-within {
    border-color: #42adec;
  }
}
.search-module-input {
  flex: 1 0;
  border: none;
  border-radius: 3px;
  padding: 0.6em 0.5em;
  outline: none;
  color: #000;
  background: none;
  min-width: 5rem;
  height: 1.25rem;
}
@media (prefers-color-scheme: dark) {
  .search-module-input {
    color: #fff;
  }
}
.search-module-input:-ms-input-placeholder {
  color: rgba(60, 60, 67, 0.6);
}
.search-module-button {
  overflow: hidden;
  overflow: clip;
  margin-right: 5px;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;
  background-size: 1.5rem 1.5rem;
  border: none;
  outline: none;
  color: transparent;
  opacity: 0.6;
  cursor: pointer;
}
@media (prefers-color-scheme: dark) {
  .search-module-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23FFFFFF;%7D.b%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath class='a' d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='b' width='20' height='20'/%3E%3C/svg%3E");
  }
}
.search-module-button:hover {
  opacity: 1;
}
/* About ページ */
.page-about .entry-content h1, .page-about .entry-content h2 {
  margin-left: 0;
  border-left: 0 none transparent;
  padding-left: 0;
}
.page-about .entry-content h1, .page-about .entry-content dt {
  margin-bottom: 0.5em;
  border-top: 1px solid #111;
  border-bottom: 1px solid #ccc;
  padding: 0.667em 0;
  font-size: 0.9375em;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: unset;
}
@media (prefers-color-scheme: dark) {
  .page-about .entry-content h1, .page-about .entry-content dt {
    border-top-color: #eee;
    border-bottom-color: #333;
  }
}
.page-about .entry-content h1 + h2, .page-about .entry-content h1 + h3, .page-about .entry-content h1 + h4, .page-about .entry-content h1 + h5, .page-about .entry-content h1 + h6 {
  margin-top: 0;
}
.page-about .entry-content h2 {
  text-shadow: 1px 1px 1px rgba(60, 60, 67, 0.6);
}
@media (prefers-color-scheme: dark) {
  .page-about .entry-content h2 {
    text-shadow: 1px 1px 1px rgba(235, 235, 245, 0.6);
  }
}
.page-about .entry-content dl {
  margin: 0;
}
.page-about .entry-content dd {
  margin-left: 0;
  margin-bottom: 2em;
}
.page-about .entry-content .profile-icon {
  width: 2em !important;
  height: 2em !important;
  margin-bottom: 0.25em;
  border-radius: 4px;
  vertical-align: middle;
}
/* Archive */
.archive-header-category {
  margin-bottom: 0;
}
.archive-heading, .archive-header-category .archive-heading {
  margin: 0;
  border-top: 1px solid #111;
  padding: 0.667em 0;
  font-size: 1.25rem;
}
@media (prefers-color-scheme: dark) {
  .archive-heading, .archive-header-category .archive-heading {
    border-top-color: #eee;
  }
}
.archive-entry {
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(60, 60, 67, 0.29);
}
.archive-entry:first-child {
  padding-top: 1rem;
  border-top: 1px solid rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  .archive-entry {
    border-bottom-color: rgba(84, 88, 88, 0.6);
  }
  .archive-entry:first-child {
    border-top-color: rgba(84, 88, 88, 0.6);
  }
}
.archive-date {
  font-size: 0.75rem;
}
.archive-entry-body {
  margin-top: 1rem;
}
.page-archive .entry-title {
  font-size: 1.125rem;
}
.page-archive .entry-thumb {
  float: right;
  margin: 1rem 0 0.5rem 1rem;
  width: 120px;
  height: 120px;
}
.page-archive .entry-description {
  margin: 0;
  font-size: 0.875rem;
}
.page-archive .social-buttons {
  margin: 0.25rem 0 1rem;
}
/* footer */
#footer {
  contain: content;
  margin: 24px auto;
  padding: 0 16px;
  color: rgba(60, 60, 67, 0.6);
  font-size: 0.8125em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 840px) {
  #footer {
    margin: 32px auto;
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  #footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (prefers-color-scheme: dark) {
  #footer {
    color: rgba(235, 235, 245, 0.6);
  }
}
#footer a {
  color: inherit;
}
#footer p {
  margin: 0.5em auto;
}
.guest-footer {
  text-align: left;
}
.guest-footer-content {
  box-sizing: border-box;
  margin: 0 0 16px;
  border-radius: 8px;
  padding: 16px;
  padding-bottom: calc(16px - 1em);
  background-color: #f2f2f7;
}
@media (prefers-color-scheme: dark) {
  .guest-footer-content {
    background-color: #1c1c1e;
  }
}
#footer .guest-footer .guest-footer-content h3 {
  margin: 0 0 0.5em;
}
/* 印刷 */
@page {
  size: A4;
  margin: 12.7mm;
}
@media print {
  html, body {
    font-family: serif;
  }
  body {
    width: 184.5mm;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    page-break-before: avoid;
    page-break-inside: avoid;
  }
  blockquote,
  pre,
  .hatena-asin-detail,
  .itunes-embed {
    page-break-inside: avoid;
  }
  #globalheader-container,
  #box2,
  .social-buttons,
  .hatena-bookmark-comment-iframe,
  .read-more-comments,
  .leave-comment-title,
  .pager {
    display: none;
  }
}