/* <system section="theme" selected="14729835035338864519"> */
@charset "utf-8";
/*
  Theme: ZEN Ma
  Author: Fine Lagusaz
  Responsive: yes
  Description:
    書くことに集中できる、余白（間）を大切にしたデザインテーマです。
    Showkaku Sano (@sanographix) さんの「ZEN for Hatena Blog」（Tumblr テーマ「ZEN」の移植）をもとに、
    現行のはてなブログに合わせてメンテナンスしています。
    オリジナル: https://github.com/sanographix/zen-for-hatenablog
    ZEN Ma: https://github.com/finelagusaz/zen-ma
  Copyright (c) 2013 Showkaku Sano (SANOGRAPHIX.NET)
  Copyright (c) 2026 Fine Lagusaz
  Released under the MIT license:
  https://github.com/finelagusaz/zen-ma/blob/master/LICENSE.md

  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to
  deal in the Software without restriction, including without limitation the
  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
  sell copies of the Software, and to permit persons to whom the Software is
  furnished to do so, subject to the following conditions:

  The above copyright notice and this permission notice shall be included in
  all copies or substantial portions of the Software.

  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  IN THE SOFTWARE.
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
/*  import normalize */
/*! 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 */
  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;
}
/*  import variable */
/* Background color */
/* Light background color */
/* Base text color */
/* Light text color */
/* h1~h6 text color */
/* Link text color */
/* Link text color(hover) */
/* Link text color(visited) */
/* Border color */
/* button background */
/* button hover background */
/* normalize v2 からの差分を補う（v2 との違いで見た目が変わらないように） */
html {
  line-height: normal;
}
figure {
  margin: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
pre {
  white-space: pre-wrap;
}
/* Common */
html,
body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
  color: #555;
  background-color: #fff;
  overflow-wrap: break-word;
}
a {
  color: #369ecf;
}
a:hover {
  color: #036fa1;
}
a:visited {
  color: #8bb1c3;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  color: #333;
  text-decoration: none;
}
a.keyword {
  text-decoration: none;
  border-bottom: 1px dotted #ddd;
  color: #555;
}
/* Buttons */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 18px;
  color: #555;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  font-family: 'Source Code Pro', sans-serif;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
}
.btn:hover {
  background-color: #f5f5f5;
}
.btn-small {
  padding: 2px 10px !important;
  font-size: 11px !important;
}
.btn-large {
  padding: 13px 19px;
  font-size: 17px;
  line-height: normal;
  font-weight: bold;
}
/* ヘッダ（グローバルヘッダ）
  グローバルヘッダの中は iframe ですが、
  #globalheader-container に背景色や文字色を指定することで iframe の中にも色が反映されます。
*/
#globalheader-container {
  background-color: #555;
  color: #fff;
}
/* container */
#container {
  width: 93.75%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
/* header */
#blog-title {
  margin: 30px 0 0 0;
  padding: 30px 0;
  border-top: 1px solid #ddd;
  font-family: 'Source Code Pro', sans-serif;
}
#title {
  margin: 0;
  font-weight: normal;
  letter-spacing: 0.2em;
  font-size: 150%;
}
#title a {
  color: #333;
}
#blog-description {
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 0.1em;
  margin: 5px 0 0 0;
  color: #999;
}
/* ヘッダ画像を設定したとき */
.header-image-enable #title {
  padding-top: 70px;
}
.header-image-enable #title,
.header-image-enable #blog-description {
  padding-left: 20px;
}
/* nav
  タイトル下 HTML に記述するヘッダナビゲーション（README 参照）
*/
.header-nav {
  margin: 0 0 10px;
  font-size: 75%;
  font-family: 'Source Code Pro', sans-serif;
}
.header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
.header-nav ul li {
  flex: 1 1 0;
  min-width: max-content;
}
.header-nav a {
  display: block;
  color: #555;
  border-top: 1px solid #ddd;
  padding: 10px 0;
  text-decoration: none;
}
.header-nav a:hover {
  border-top: 1px solid #999;
  text-decoration: none;
}
/* パンくず（カテゴリー・記事ページで表示されます） */
#top-box {
  margin: 10px auto 20px;
  font-size: 90%;
}
#top-box .breadcrumb {
  border: 1px solid #ddd;
  padding: 10px;
}
.breadcrumb-gt {
  margin: 0 0.5em;
  color: #999;
}
/* #content */
#content {
  border-top: 1px solid #ddd;
  padding-top: 50px;
}
/* entry */
.entry {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
}
.entry-header {
  padding: 0 0 10px 0;
  position: relative;
}
.entry-title {
  margin: 0 0 10px 0;
  line-height: 1.3;
  font-size: 160%;
  font-weight: normal;
  font-family: 'Source Code Pro', sans-serif;
}
.entry-title-empty {
  display: none;
}
/* 日付 */
.date {
  margin-bottom: 15px;
  font-family: 'Source Code Pro', sans-serif;
}
.date a {
  color: #999;
  text-decoration: none;
  font-size: 75%;
  letter-spacing: 2px;
}
/* カテゴリ */
.categories {
  margin-bottom: 10px;
  font-size: 70%;
  font-family: 'Source Code Pro', sans-serif;
}
.categories a {
  color: #999;
  margin-right: 0.5em;
}
.categories.no-categories {
  margin: 0;
}
/* 「編集する」ボタン（1カラムの PC 幅では左にはみ出させる。レイアウトの節を参照） */
.entry-header-menu {
  position: absolute;
  top: -30px;
  left: 0;
}
.entry-header-menu a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 18px;
  color: #555;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  font-family: 'Source Code Pro', sans-serif;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
}
.entry-header-menu a:hover {
  background-color: #f5f5f5;
}
/* entry-content の中の書式 */
.entry-content {
  font-size: 95%;
  line-height: 1.7;
  padding-bottom: 10px;
  /* 目次記法 [:contents] */
  /* 脚注 */
}
.entry-content p {
  margin: 0 0 1em 0;
}
.entry-content img,
.entry-content video,
.entry-content iframe {
  max-width: 100%;
}
.entry-content img[width] {
  height: auto;
}
.entry-content a[title*="Flickr"] img {
  height: auto !important;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 1.3em 0 0.8em 0;
  line-height: 1.5;
  font-weight: normal;
}
.entry-content h1 {
  font-size: 160%;
}
.entry-content h2 {
  font-size: 150%;
}
.entry-content h3 {
  font-size: 140%;
}
.entry-content h4 {
  font-size: 130%;
}
.entry-content h5 {
  font-size: 110%;
}
.entry-content h6 {
  font-size: 100%;
}
.entry-content ul,
.entry-content ol {
  margin: 0 0 1em;
}
.entry-content li > ul,
.entry-content li > ol {
  margin-bottom: 0;
}
.entry-content dl {
  margin: 0 0 1em;
}
.entry-content dt {
  font-weight: bold;
}
.entry-content dd {
  margin: 0 0 0.5em 1.5em;
}
.entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 1em;
}
.entry-content .gist table {
  display: table;
  max-width: none;
  overflow-x: visible;
  margin-bottom: 0;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #ddd;
  padding: 5px 10px;
}
.entry-content table th {
  background: #f5f5f5;
}
.entry-content blockquote {
  border: 1px solid #ddd;
  margin: 0 0 10px;
  padding: 20px;
}
.entry-content blockquote p {
  margin: 0 0 1em;
}
.entry-content blockquote p:last-child {
  margin-bottom: 0;
}
.entry-content blockquote cite.hatena-citation {
  display: block;
  margin-top: 10px;
  text-align: right;
  font-size: 85%;
  font-style: normal;
  color: #999;
}
.entry-content pre {
  border: 1px solid #ddd;
  margin: 0 0 10px;
  padding: 20px;
  white-space: pre;
  overflow-x: auto;
}
.entry-content pre > code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: 0;
  background: transparent;
  font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace;
}
.entry-content code,
.entry-content kbd {
  font-size: 90%;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
  font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace;
}
.entry-content kbd {
  border-bottom-width: 2px;
}
.entry-content figure {
  margin: 0 0 1em;
}
.entry-content figcaption {
  margin-top: 0.5em;
  font-size: 85%;
  color: #999;
}
.entry-content summary {
  cursor: pointer;
}
.entry-content .table-of-contents {
  padding: 1em 1em 1em 2em;
  border: 1px solid #ddd;
  font-size: 90%;
}
.entry-content div.footnote {
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #ddd;
  font-size: 85%;
  color: #999;
}
.entry-content div.footnote p.footnote {
  margin: 0 0 0.5em;
}
.entry-content .hatena-asin-detail li {
  line-height: 1.4;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}
/* entry-footer */
.entry-footer {
  margin-top: 10px;
}
/* タグ（はてなブログ タグ）
  見た目ははてなの標準スタイルに任せる（デザインテーマ制作の手引きで、タグは上下の余白の調整だけが認められている）
*/
.entry-tags-wrapper {
  margin: 0 0 10px;
}
.entry-footer-section {
  font-size: 70%;
  font-family: 'Source Code Pro', sans-serif;
  color: #999;
}
.entry-footer-section a {
  color: #999;
  text-decoration: none;
}
.social-buttons,
.entry-footer-html {
  margin: 10px 0;
}
/* 記事下モジュール（関連記事など） */
.entry-footer-modules {
  margin: 30px 0;
  font-size: 80%;
}
/* コメント */
.comment-box .comment {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 90%;
}
.comment-box .read-more-comments {
  font-family: 'Source Code Pro', sans-serif;
}
.comment-box .entry-comment,
.comment-box .read-more-comments {
  padding: 10px 0;
  border-top: 1px solid #ddd;
}
.comment-box .entry-comment:last-child,
.comment-box .read-more-comments:last-child {
  border-bottom: 1px solid #ddd;
}
.comment-box .entry-comment {
  padding-left: 60px;
  position: relative;
}
.comment-box .hatena-id-icon {
  position: absolute;
  top: 10px;
  left: 0;
  width: 50px !important;
  height: 50px !important;
  border-radius: 3px;
}
.comment-user-name {
  margin: 0 0 10px 0;
  font-family: 'Source Code Pro', sans-serif;
}
.comment-user-name a {
  text-decoration: none;
}
.comment-content {
  font-size: 90%;
  margin: 0 0 10px 0;
}
.comment-content p {
  margin: 0 0 10px 0;
}
.comment-metadata {
  font-size: 80%;
  color: #999;
  margin: 0;
  font-family: 'Source Code Pro', sans-serif;
}
.comment-metadata a {
  color: #999;
}
.leave-comment-title {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 18px;
  color: #555;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  font-family: 'Source Code Pro', sans-serif;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none !important;
}
.leave-comment-title:hover {
  background-color: #f5f5f5;
}
/* sidebar */
#box2 {
  padding: 30px 0;
  font-size: 80%;
}
#box2 .hatena-module {
  display: flow-root;
  padding-bottom: 40px;
}
@media (width > 767px) {
  #content-inner {
    display: flex;
    align-items: flex-start;
  }
  #wrapper {
    flex: 1 1 auto;
    min-width: 0;
  }
  #box2 {
    flex: 0 0 clamp(200px, calc(80px + 16.6667%), 260px);
    margin-left: clamp(30px, calc(-30px + 8.3333%), 60px);
    padding-top: 0;
  }
}
.hatena-module .hatena-module-title {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 120%;
}
.hatena-module .hatena-module-title a {
  color: #555;
  text-decoration: none;
}
.hatena-module .hatena-module-title a:hover {
  text-decoration: underline;
}
/* Profile module */
.hatena-module-profile .profile-icon {
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 5px;
}
.hatena-module-profile .id {
  display: block;
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 5px;
}
.hatena-module-profile .profile-description {
  font-size: 90%;
}
.hatena-module-profile .profile-description p {
  margin-top: 0;
}
/* urllist module
    リンク・最新記事・最近のコメント・月別アーカイブ・カテゴリモジュールは .hatena-urllist という共通の class が振られます
*/
.hatena-urllist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hatena-urllist li {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  line-height: 1.5;
}
.hatena-urllist li a {
  text-decoration: none;
}
.hatena-urllist .urllist-date-link {
  font-family: 'Source Code Pro', sans-serif;
}
.hatena-urllist .urllist-date-link a {
  color: #999;
}
.hatena-urllist .urllist-category-link {
  margin-right: 0.3em;
  font-size: 85%;
}
.hatena-urllist .urllist-entry-body {
  margin-top: 0.3em;
  color: #999;
}
.hatena-urllist .archive-module-months {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1em;
}
.hatena-urllist .archive-module-months li {
  padding: 4px 0;
  border-bottom: 0;
}
/* Search module */
.hatena-module-search-box .search-form {
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.hatena-module-search-box .search-module-input {
  padding: 5px;
  color: #555;
  background: none;
  border: none;
  outline: none;
  height: 20px;
  width: 90%;
}
.hatena-module-search-box .search-module-button {
  width: 20px;
  height: 20px;
  background: transparent 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: 20px 20px;
  border: none;
  outline: none;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.5;
}
.hatena-module-search-box .search-module-button:hover {
  opacity: 0.85;
}
/* Pager */
.pager {
  margin: 20px 0;
  padding: 0 0 50px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  font-size: 80%;
  font-family: 'Source Code Pro', sans-serif;
}
.pager a {
  color: #999;
  text-decoration: none;
}
.pager a:hover {
  color: #555;
}
.pager .pager-prev + .pager-next {
  margin-left: 2em;
}
/* Footer */
#footer {
  padding: 30px 0;
  text-align: center;
  color: #999;
  line-height: 1.5;
  font-size: 70%;
  font-family: 'Source Code Pro', sans-serif;
  letter-spacing: 0.1em;
}
#footer p {
  margin: 0;
}
#footer a {
  color: #999;
  text-decoration: none;
}
/* About ページ */
.page-about dt {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 5px;
}
.page-about dd {
  margin-left: 0;
  margin-bottom: 30px;
}
/* archive ページ */
.archive-header-category {
  font-family: 'Source Code Pro', sans-serif;
  font-weight: normal;
}
.page-archive .archive-entries .archive-entry {
  display: flow-root;
  margin-bottom: 3em;
}
.page-archive .archive-entries .entry-title {
  font-size: 130%;
  margin: 0 0 0.5em;
}
.page-archive .archive-entries .categories {
  margin: 0 0 0.5em;
}
.page-archive .archive-entries .entry-description {
  font-size: 100%;
  margin: 0 0 1em;
  line-height: 1.5em;
}
.page-archive .entry-thumb-link {
  float: right;
  margin: 0 0 1em 1em;
}
.page-archive .entry-thumb {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.page-archive .archive-entry-tags-wrapper {
  margin: 0 0 0.5em;
}
/*  import media queries */
/* Media Queries - Tablet & Smartphone
  カラム数に依存するレイアウトは zen-hatenablog.less の sidebar の節にまとめています
*/
@media (width <= 1024px) {
  #container {
    overflow: hidden;
  }
}
/* Media Queries - Small Tablet & Smartphone */
@media (width <= 767px) {
  #globalheader-container {
    position: static;
  }
  #container {
    font-size: 90%;
  }
}

/* </system> */