/* <system section="theme" selected="smooth"> */

@charset "utf-8";

/*
Theme: Smooth
Author: Hatena Blog Team
Responsive: yes
*/


/*!
 * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */

/*----------General----------*/
@font-face {
  font-family: "Noto Sans Japanese Sub";
  font-style: normal;
  font-weight: 700;
  src: url("https://dl.dropboxusercontent.com/s/fg8jjgdi53bwczl/NotoSansJP-Bold-sub.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Sub";
  font-style: normal;
  font-weight: 300;
  src: url("https://dl.dropboxusercontent.com/s/2zoaypbtcwudl4f/NotoSansJP-DemiLight-sub.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans Japanese Sub";
  font-style: normal;
  font-weight: 400;
  src: url("https://dl.dropboxusercontent.com/s/1kd4ys5uop8fpc0/NotoSansJP-Regular-sub.woff") format("woff");
}

@font-face {
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    src: url("https://dl.dropboxusercontent.com/s/dx2s9xtz9xpz6z5/fontello.woff") format("woff");
}

:after,
:before {
    box-sizing: border-box;
    font-weight: bold !important;
}

html {
    width: 100%;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

h2,
h3,
h4,
h5,
h6,
.entry-title,
.hatena-module-title {
    text-rendering: optimizeLegibility;
    font-family: Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;
    font-weight: bold;
}

p {
    margin-top: 0;
    margin-bottom: .8em;
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    text-align: center;
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {margin-left: 0;}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bold;
}

b {
	background: linear-gradient(transparent 40%, #fff099 40%);
}
small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent;
    transition-duration: 0.3s;
}


a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,
svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

body,
html {
    color: #383333;
    font-family: 'Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

html {
    /* line-height: 1 */
}

body {
    margin: 0;
    font-size: .95rem;
    font-weight: 300;
    line-height: 2em;
    text-align: left;
    background-color: #eee;
    /* background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/m/misemi/20200117/20200117041652.png"); */
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
    font-feature-settings: "pwid" 1;
    /* background: #f2f6f9; */
}

img {
    vertical-align: baseline
}

a {
    color: #293030;
    /* color: #686357; */
}

a:hover {
    color: #bbb3ab;
    transition: all .3s;
}

/*----------animation----------*/
@keyframes RightToLeft {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes SlideDown {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes SlideDown2 {
    0% {
        /* opacity: 0; */
        transform: translateY(-73px);
    }
    100% {
        /* opacity: 1; */
        transform: translateY(0);
    }
}
@keyframes SlideUp {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes FadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
/*----------hatena----------*/


#container {
    word-wrap: break-word;
}

#blog-title {
    margin: 0 0 1rem;
    padding: 18px 0 10px;
    text-align: center;
    animation-name: SlideDown2;
    animation-duration: 0.7s;
    background-color: #698C7C;
}

#title {
    font-family: 'Geo', sans-serif;
    font-size: 32px;
    text-decoration: none;
    margin: 0;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: .8;
}

#title::before {
	color: #FFF;
}

#title a {
    color: #fff;
}

#top-editarea {
    width: 1160px;
    margin: 0 auto;
    position: relative;
}

#blog-description {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 13px;
    margin-left: 32px;
    color: #fff;
}

#content-inner {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.header-image-enable #blog-title,
.header-image-only #blog-title {
    padding: 0 0 1.5em
}

#blog-title-inner {
    display: flex;
    max-width: 1160px;
    background-size: 100%;
    margin: 0 auto;
    animation-name: SlideUp;
    animation-duration: 0.7s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.header-image-enable #blog-title #blog-title-inner,
.header-image-only #blog-title #blog-title-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-image-enable #blog-title #blog-title-inner,
.header-image-only #blog-title #blog-title-inner {
    background-size: 100%
}

#blog-title-content {
    display: flex;
    margin-left: 20px;
}

.breadcrumb {
    font-size: .9rem
}

.categories {
    margin-bottom: 2em
}

.categories a {
    display: inline-block;
    background: #e9f0f2;
    margin: 0 .3em 0 0;
    padding: 0 10px;
    font-size: 12px;
}

.categories a::before {
    content: '\f04a';
    font-family: 'blogicon';
    margin-right: 2px;
}

.pager {
    text-align: center;
    margin: 3em 0;
}

.pager a {
    width: 100%;
    padding: .5em 0;
    border: none;
    font-size: .9rem;
    transition: all .3s;
    font-weight: bold;
}

.pager a:hover {
    color: #aaa;
}

.pager .pager-next,
.pager .pager-prev {
    width: 100%;
}

.pager .pager-prev+.pager-next {
    margin-left: 1em;
    padding-left: 1em
}

.pager .pager-next a::after {
    content: '\f006';
    font-family: 'blogicon';
    margin-left: 2px;
}

.pager .pager-prev a::before {
    content: '\f005';
    font-family: 'blogicon';
    margin-right: 2px;
}

.pager-arrow {
    display: none;
}

.pager.permalink {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5%;
}

.pager-prev {
    text-align: left;
}]

.pager-next {
    text-align: right;
}

.hatena-urllist {
    padding-left: 0;
    list-style: none;
}

.hatena-urllist .archive-module-month,
.hatena-urllist .archive-module-year {
    line-height: 2
}

.hatena-urllist .urllist-date-link a {
    color: #C38743;
    font-weight: bold;
    font-size: 95%;
    display: none;
}

.hatena-urllist .urllist-category-link {
    display: inline-block;
    background: #e9f0f2;
    margin: .5em .3em 0 0;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.3
}

.hatena-urllist .urllist-category-link:hover {
    background: #d9e5e9;
    text-decoration: none;
    transition: background .3s
}

.hatena-urllist .urllist-entry-body {
    margin-top: 10px;
    display: none;
}

.hatena-module-links li {
    padding-bottom: 10px;
}

.hatena-module {
    margin-bottom: 3.2em;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .85rem
}

.hatena-module-title {
    font-weight: 500;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 1.3em;
    letter-spacing: 2px;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 4px 8px;
    background-color: #698C7C;
    color: #fff;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #859871;
}

.hatena-module-title::after {
    right: 0;
} */

.hatena-module-search-box .hatena-module-title {
    display: none;
}

.hatena-module:nth-child(2) .hatena-module-title::before, 
.hatena-module:nth-child(2) .hatena-module-title::after,
.hatena-module-ad .hatena-module-title::before,
.hatena-module-ad .hatena-module-title::after
 {
    width: 0;
}

.hatena-module-title a {
    color: #fff;
}

.hatena-module-search-box .hatena-module-title {
    display: none;
}

.hatena-module-body {
    font-size: 15px
}

.hatena-module-body .urllist-title-link {
    font-size: 95%;
    font-weight: bold;
}

.related-entries-item-inner {
    display: flex;
}

.footer2 .urllist-title-link {
    font-weight: normal;
}

.hatena-module-body .archive-module-button {
    display: inline-block;
    width: 15px;
    height: 15px
}

.hatena-module-body .archive-module-hide-button,
.hatena-module-body .archive-module-show-button {
    position: absolute;
    overflow: hidden;
    width: 15px;
    height: 15px;
    text-indent: -15px
}

.hatena-module-body .archive-module-hide-button:after,
.hatena-module-body .archive-module-show-button:after {
    content: "";
    top: 50%;
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    margin-top: -.1em;
    border-top: 1px solid #6f8383;
    border-right: 1px solid #6f8383
}

.hatena-module-body .archive-module-hide-button {
    transform: rotate(135deg);
    margin-top: .2em
}

.hatena-module-body .archive-module-show-button {
    transform: rotate(45deg);
    margin-top: .2em
}

.hatena-module-related-entries .hatena-module-title {
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.3em;
    border: none;
}

.hatena-module-related-entries .hatena-module-title::before {
    content: '\f013';
    font-family: 'blogicon';
    width: auto;
    border: none;
    position: relative;
    font-size: 120%;
    margin-right: 5px;
}

.hatena-module-related-entries .hatena-module-title::after {
    border: none;
}

.related-entries .urllist-title-link {
    display: inline-block;
    line-height: 1.5rem;
}

.related-entries li {
    margin-bottom: 8px;
}

.related-entries img {
      max-width: 100px;
}

.urllist-item-inner.recent-entries-item-inner,
.urllist-item-inner.entries-access-ranking-item-inner {
    line-height: 1.2;
}

.search-result+p {
    background: #fff;
    border: 1px solid #f0f1f1;
    margin: 0 0 3em;
    padding: 8% 0;
    font-weight: 700;
    text-align: center
}

.search-form,
.search-result-form {
    position: relative;
    width: 100%;
    background: #fff;
    margin: auto;
    border: 1px solid #eee;
    box-sizing: border-box
}

.search-form:hover,
.search-result-form:hover {
    border-color: #ddd
}

.search-module-input,
.search-result-form .search-result-input {
    width: 90%;
    height: 30px;
    padding: 5px;
    background: #fff;
    border: none;
    outline: none
}

.search-module-input::-placeholder,
.search-module-input::-webkit-input-placeholder,
.search-result-form .search-result-input::-placeholder,
.search-result-form .search-result-input::-webkit-input-placeholder {
    color: #9faba9
}

.search-module-button,
.search-result-form .search-result-button {
    background: rgba(255, 255, 255, 0.1);
    border: 0px;
    color: transparent;
    position: absolute;
    right: 0;
    height: 2.5rem;
    width: 3rem;
    z-index: 2;
}

.search-form:after {
    content: "\f01a";
    font-family: blogicon;
    position: absolute;
    right: 0;
    height: 2rem;
    width: 3rem;
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.search-form {
    border: 3px solid #e0e0e0;
    position: relative;
    overflow: hidden;
    line-height: 2.5rem;
}

.search-module-button,
.search-result-form .search-result-button {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    border: none;
    outline: none;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: .5;
    cursor: pointer
}

.search-module-button:hover,
.search-result-form .search-result-button:hover {
    opacity: .85
}

#top-box {
    margin: 0 auto;
    padding: 0 10px
}

#main {
    animation-name: SlideUp;
    animation-duration: 0.7s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.entry {
    background: #fff;
    border: 1px solid #f0f1f1;
    margin-bottom: 2em;
    background: #fff;
    margin-bottom: 2em;
    padding: 3% 5% 5%;
}

.entry-header {
    position: relative;
    margin-bottom: 1.5em;
}

.entry-header-menu {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 1em
}

.entry-header-menu a {
    background: #f9fafb;
    border: 1px solid #cfd8d8;
    padding: 5px 10px;
    font-size: .9rem
}

.entry-header-menu a:hover {
    background: #f3f5f7;
    text-decoration: none
}

.entry-title {
    margin-bottom: 1em;
    font-family: Times New Roman, 游明朝体, YuMincho, 游明朝, Yu Mincho, serif;
    font-size: 1.4rem;
    line-height: 1.5;
}

.archive-entry .entry-title {
    line-height: 1.4rem;
    margin: 0 0 .8em 0;
}

.entry-content a {
    color: #C38743;
}

.entry-content a:hover {
    color: #0c7037
}

.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.8em 0 .8em;
    line-height: 1.3;
    font-weight: bold;
}

.entry-content h1 {
    padding-bottom: 15px;
    font-size: 190%;
    border-bottom: 1px solid #cfd8d8;
}

.entry-content h2 {
    font-size: 165%
}

.entry-content h3 {
    font-size: 21px;
    padding: .75em .75em;
    background: #698C7C;
    color: #fff;
    margin: 50px 0 30px 0;
    line-height: 1.5em;
    border: none;
    display: block;
    position: relative;
    border-radius: 3px;
}

.entry-content h3::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #698C7C;
    width: 0;
    height: 0;
}

.entry-content h4 {
    font-size: 125%;
    padding: 0.7em;
    padding-left: 0.75em;
    border-left: 10px solid #C1CD99;
}

.entry-content h5 {
    /* padding-bottom: 10px;
    font-size: 120%;
    border-bottom: 1px solid #cfd8d8 */
    font-size: 120%;
    padding-bottom: .3em;
    border-bottom: 2px solid #CCC;
}

.entry-content h6 {
    font-size: 100%
}

.entry-content ol, .entry-content ul {
    margin: 0 0 1em 2.5em;
    padding: 0;
    line-height: 1.8;
}

.entry-content dd li ol,
.entry-content dd li ul,
.entry-content ol li ol,
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul {
    margin-bottom: 0;
}

.entry-content li {
    margin-bottom: 8px;
}

.entry-content dl {
    margin-top: -1em;
    position: relative;
}

.entry-content dl dt {display: inline-block;border-bottom: none;padding: 0 6px;border-radius: 5px 5px 0 0;background-color: #fff;position: relative;top: 16px;left: 8px;}

/* .entry-content p {
    margin: 0 0 .7em
} */

.entry-content blockquote {
    position: relative;
    padding: 9px 15px 9px 40px;
    border: 1px solid #f0f1f1
}

.entry-content blockquote:before {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    vertical-align: middle;
    content: "“";
    font-size: 40px;
    font-family: Times New Roman, 游明朝体, YuMincho, 游明朝, Yu Mincho, serif;
    color: #6f8383;
    line-height: 1
}

.entry-content blockquote p {
    margin-bottom: 0
}

.entry-content blockquote cite {
    display: block;
    margin-top: .5rem;
    text-align: right;
    font-size: 85%;
    line-height: 1.3
}

.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1em;
    margin-bottom: 1em;
    width: 100%;
    overflow: auto;
    display: table;
    margin: 0 auto 1em;
}

.entry-content table td,
.entry-content table th {
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.entry-content table th {
    background: #f7f7f7;
    text-align: center;
    font-weight: bold;
}

.entry-content code,
.entry-content pre {
    font-family: Monaco, Consolas, Courier New, Courier, monospace, sans-serif;
}

.entry-content pre {
    background: #293030;
    border: none;
    white-space: pre-wrap;
    text-overflow: ellipsis ellipsis;
    font-size: 100%;
    font-size: .9rem;
    padding: 10px;
    color: #ccc
}

.entry-content pre>code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background-color: transparent;
    font-family: Monaco, Consolas, Courier New, Courier, monospace, sans-serif
}

.entry-content code {
    font-size: 95%;
    margin: 0 .1em;
    padding: 0 5px;
    border-radius: 3px;
    /* border: 1px solid #AAA;
    background-color: #F9F9F9;
    background-image: -webkit-linear-gradient(#EEE, #F9F9F9, #EEE);
    background-image: -o-linear-gradient(#EEE, #F9F9F9, #EEE);
    background-image: linear-gradient(#EEE, #F9F9F9, #EEE);
    padding: 0.1em 0.3em;
    border-radius: 0px; */
}

.entry-content .table-of-contents {
    background: #f9fafb;
    font-size: 16px;
    padding: 20px 24px 20px;
    border: 4px solid #eee;
    position: relative;
    margin: 20px 0;
    list-style: none;
}

.entry-content .table-of-contents li ul li{
    margin: .2rem 0 .2rem 1rem;
}

.entry-content .table-of-contents a {
    display: block;
    text-decoration: none;
    transition-duration: 0.3s;
    color: #383333;
}

.entry-content .table-of-contents a:hover {
    color: #686357;
}

.entry-content .table-of-contents ul {
    font-size: 95%;
    margin-top: 0;
}

.entry-content .table-of-contents > li > a {
    margin-bottom: 5px;
    font-weight: bold;
}

.entry-content .table-of-contents li a:hover {
    padding-left: 7px;
    transition-duration: 0.3s
}

.entry-content .table-of-contents > li:first-child:before {
    position: relative;
    font-size: 130%;
    display: block;
    text-align: center;
    content: '\f039   目次';
    margin-bottom: 15px;
    font-family: "blogicon", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    letter-spacing: 2px;
    font-weight: 400;
}

.entry-content .table-of-contents li ul {
    list-style-type: none;
}

.entry-content .table-of-contents > li > ul {
    list-style-type: disc;
    margin-bottom: 1.5em;
}

.table-of-contents ul > li ul {
    margin-left: 0;
}

.table-of-contents ul > li > ul a {
    font-size: 95%;
}


.entry-footer {
    margin-top: 1em
}

.entry-footer-modules .hatena-module {
    padding: 0
}

.entry-footer-section {
    margin-bottom: 8px;
    color: #6f8383;
    font-size: .9rem
}

.entry-footer-section a {
    color: #6f8383
}

.entry-footer-ad {
    margin-left: -9%;
    margin-right: -9%
}

.comment-box {
    margin: 0 -5%;
    padding: 5% 5% 0;
    border-top: 1px solid #f0f1f1
}

.comment-box::before {
    content: "コメント欄";
    font-weight: bold;
    /* font-family: "geo"; */
    /* font-size: 25px; */
    display: block;
    margin-bottom: 10px;
}

.comment-box .leave-comment-title {
    background: #f9fafb;
    border: 1px solid #cfd8d8;
    padding: .5rem 1rem;
    font-size: .9rem
}

.comment-box .leave-comment-title:hover {
    background: #f3f5f7
}

.comment-box .comment {
    list-style: none;
    padding-left: 0
}

.comment-box .comment a {
    color: #119e4d
}

.comment-box .comment a:hover {
    color: #0c7037
}

.comment-box .comment .comment-user-id {
    font-size: 14px;
    font-weight: 700
}

.comment-box .comment .entry-comment {
    padding: 20px 0 0;
    border-top: 1px solid #f0f1ff;
    color: #6f8383
}

.comment-box .comment .entry-comment:first-child {
    padding-top: 0;
    border-top: none
}

.comment-box .comment .entry-comment .comment-content {
    word-wrap: break-word
}

.comment-box .comment .entry-comment .comment-content p {
    font-size: 14px
}

.comment-box .comment .entry-comment time {
    font-size: 12px
}

.comment-box .comment .read-more-comments {
    font-size: 14px
}

.comment-box .comment .read-more-comments a {
    position: relative;
    display: inline-block
}

.comment-box .comment .read-more-comments a:after {
    content: "";
    top: 20%;
    left: -20px;
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid #119e4d;
    border-right: 1px solid #119e4d;
    transform: rotate(135deg);
    margin-top: 1px
}

#box2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background: hsla(0, 0%, 100%, .2);
    padding: 1em 0;
}

#box2 img {
    max-width: 100%;
    height: auto;
}

.hatena-module-links a:hover,
.archive-module-year a:hover {
    padding-left: 7px;
    transition-duration: 0.3s;
}

.hatena-module-category li {
    display: inline-block;
    margin: 0 3px 5px 0;
    padding: 0;
}

.hatena-breadcrumb-plus-toggle-button {
    display: none;
}

.hatena-module-category li a {
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.04);
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.hatena-module-category li a:hover {
    color: #FFF;
    background: #af998e;
}

#hatena-breadcrumb-plus-toggle-3 {
    margin-top: 8px;
}

#box2 .urllist-with-thumbnails li .urllist-image {
    margin-bottom: 0;
}

.urllist-item.recent-entries-item, .urllist-item.entries-access-ranking-item {
    margin-bottom: 1.2em;
}

.entries-access-ranking {
    counter-reset: access-ranking;
}

.hatena-module-profile .profile-icon-link {
    display: inline;
    float: left;
    margin-right: .7em
}

.hatena-module-profile .profile-icon-link .profile-icon {
    border-radius: 400px
}

.hatena-module-profile .id {
    display: block;
    text-align: center;
    margin-bottom: .5em;
}

.hatena-module-profile .id a {
    color: #C38743;
    font-weight: 700
}

.hatena-module-profile .id a:hover {
    color: #0c7037
}

.hatena-module-profile .profile-description p {
    font-size: 85%;
    line-height: 1.6em;
}

.archive-module-calendar .calendar-day a {
    color: #119e4d;
    font-weight: 700
}

.archive-module-calendar .calendar-day a:hover {
    color: #0c7037
}

.hatena-module-recent-comments .user-id span {
    font-size: 12px;
    opacity: .7
}

#footer {
    background: #fff;
    margin-top: 2em;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    font-size: .9rem;
    display: none;
}

#footer,
#footer a {
    color: #6f8383
}

#footer p {
    margin: .5em auto
}

.footer2 {
    margin-top: 2em;
    background: #698C7C;
    padding: 0 0 1em;
}

.footer2 .hatena-module-title {
    font-size: 105%;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid;
    text-align: left;
}

.footer2 .entries-access-ranking {
    font-size: 90%;
}

.footer2 .urllist-data-link a {
    color: #e4a154;
}

.footer2,
.footer2 a,
.footer2 .hatena-module .hatena-module-title {
    color: #f4e4d0;
}

/* .footer2 .hatena-module .hatena-module-title::before,
.footer2 .hatena-module .hatena-module-title::after {
    border-color: #f4e4d0;
} */


.footer2-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1160px;
    margin: 0 auto;
    padding-top: 2em;
}

.footer2-inner {
    width: 30%;
}

.services {
    text-align: center;
}

/*アーカイブページ*/

.archive-entries {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-archive .categories {
    display: none;
}

.archive-header-category {
    margin-bottom: .3em
}

.page-archive .archive-heading {
    margin: .5em .7em 1.3em;
    line-height: 1.5;
    font-weight: normal;
}

.archive-entry-header .entry-title-link {
    font-size: 18px;
}

.page-archive .archive-entry {
    margin-bottom: 4%;
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    transition: .3s;
    align-content: flex-start;
    background-color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12);
}

.archive-entry-header {
    padding: 14px 18px 30px;
    font-size: 75%;
    order: 2;
}

.archive-date {
    opacity: .7;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 .8em .8em 0;
    font-weight: normal;
}

.entry-description {
    display: none;
}

.page-archive .entry-thumb {
    width: 100%;
    height: 0;
    padding-top: 55%;
    background-size: cover;
    margin: 0;
    background-position: 50%;
}

.entry-thumb-link {
    width: 100%;
    order: 1;
    /* box-shadow: 0 1px 4px 0 rgba(0,0,0,0), 0 6px 10px 0 rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.05); */
}
.entry-thumb-link:hover {
    /* transform: translateY(3px); */
    /* box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); */
    /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); */
}

/*パンくずリスト*/
#top-box,
.archive-heading {
    animation-name: SlideUp;
    animation-duration: 0.7s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.entry-header .categories {
    margin-bottom: 0;
}

.entry-description {
    margin-bottom: 0;
}

/*--------------------
1つ目のカテゴリをリボン表示
@media (min-width: 910px) {
.categories a:first-child::before {
    left: 0;
    border-width: 0 15px 15px 0;
    border-right-color: #b79d91;
    content: '';
    position: absolute;
    top: 100%;
    border-style: solid;
}
.categories a:first-child{
    padding: 6px 15px;
    background-color: #997463;
    color: #FFF;
    border-radius: 0 2px 2px 0;
    font-weight: bold;
    position: absolute;
    left: -90px;
    top: -50px;
    overflow: visible;
}
}
--------------------------*/

.box {
    border: 4px double #ccc;
    padding: 2% 3%;
}

.entry-date a,
#box2 .urllist-date-link a,
#box2 .hatena-module-archive .hatena-module-body a,
.archive-entry-header .date a {
    font-family: 'Montserrat', sans-serif;
}

.entry-date a {
    font-weight: normal;
    opacity: 0.7;
    font-size: 14px;
}

.date a::before {
    content: '\f043';
    font-family: "blogicon";
}

.page-entry .breadcrumb {
    margin-bottom: 1em;
}

.breadcrumb .breadcrumb-link::before {
    content: '\f017';
    font-family: 'blogicon';
    margin-right: 4px;
}

#box2-inner {
    animation-name: RightToLeft;
    animation-duration: 0.7s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    height: 100%;
}

div#globalheader-container {
    display: none;
}

span.keyboardBtn {
    padding: 0 10px;
    margin: 5px 10px;
    background: #EDEDED;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
    color: #808080;
    text-align: center;
}

/* シェアボタン */
.share-3d-b {
    text-align: center;
    margin-bottom: 20px;
}

.share-3d-b-inner a {
    position: relative;
    display: inline-block;
    width: calc(20% - 8px);
    height: 25px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    line-height: 190%;
    margin-bottom: 10px;
    transition: .2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    text-decoration: none;
    background: #fff;
}

.share-3d-b-inner a:hover {
    transition: .2s;
}

.share-3d-b .small-text {
    font-size: 10px;
}

.share-3d-b .hatena-bookmark-button:before {
    content: 'B! ';
    font-weight: bold;
    line-height: 1;
}

.share-3d-b .twitter-button:before {
    content: "\f035";
    font-family: "blogicon";
    font-size: 120%;
    line-height: 1;
    position: relative;
    top: 1px;
}

.share-3d-b .googleplus-button:before {
    content: "G";
    font-weight: bold;
    font-family: "arial";
    font-size: 110%;
    line-height: 1;
}

.share-3d-b .facebook-button:before {
    content: "\f036";
    font-family: "blogicon";
    font-size: 130%;
    line-height: 1;
    position: relative;
    top: 1px;
}

.share-3d-b .pocket-button:before {
    content: "\f265";
    font-family: "Font Awesome 5 Brands";
}

.share-3d-b .line-button {
    position: relative;
    top: 2px;
    background: #00C300;
}

.share-3d-b .share-3d a:active {
    top: 3px;
    box-shadow: none;
}

.share-3d-b .line-button:active {
    top: 5px;
}

.entry-header-html .share-3d-b {
    background: none;
    padding: 10px 0 0 0;
    margin: 0;
}

.entry-header-html .share-3d-b a {
    width: 19%;
    margin: 0;
}

/*シェアボタン*/

.share-3d-b .hatena-bookmark-button {
    border: 2px solid #00A4DE;
    color: #00A4DE;
}

.share-3d-b .hatena-bookmark-button:hover {
    background: #00A4DE;
    color: #FFF;
}

.share-3d-b .facebook-button {
    border: 2px solid #405BA7;
    color: #405BA7;
}

.share-3d-b .facebook-button:hover {
    background: #405BA7;
    color: #FFF;
}

.share-3d-b .twitter-button {
    border: 2px solid #55ACEE;
    color: #55ACEE;
}

.share-3d-b .twitter-button:hover {
    background: #55ACEE;
    color: #FFF;
}

.share-3d-b .googleplus-button {
    border: 2px solid #C53727;
    color: #C53727;
}

.share-3d-b .googleplus-button:hover {
    background: #C53727;
    color: #FFF;
}

.share-3d-b .pocket-button {
    border: 2px solid #EE4256;
    color: #EE4256;
}

.share-3d-b .pocket-button:hover {
    background: #EE4256;
    color: #FFF;
}

/*imgとvideo中央揃え */

.entry-content img,
.entry-content video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

twitterwidget#twitter-widget-0 {
    margin: 0 auto;
}


/*選択時背景色*/

::selection {
    background: #dec7af;
}


/*フォローボタン*/

.follow-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.follow-btn a {
    display: inline-block;
    height: 45px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    transition: all .3s;
    padding: 5px 0;
    border-radius: 3px;
    line-height: 1.3;
}

.follow-btn a:hover {
    /* transition: all .3s; */
    transform: translateY(-5px);
}

.follow-btn .hatena {
    color: #3D3F44;
}

.follow-btn .twitter {
    color: #00ACEE;
}

.follow-btn .feedly {
    color: #70CA3B;
}

.text-small {
    font-size: 8px;
}

ul#follow_btn_list li {
    list-style-type: none;
    float: left;
    width: calc(88% / 3);
    margin-right: 6%;
}

ul#follow_btn_list li:last-child {
    margin-right: 0;
}

ul#follow_btn_list {
    padding: 0;
    overflow: hidden;
}


/* フッター　いろいろ非表示 */

.footer-action-wrapper {
    display: none;
}

.touch-item-list {
    display: none;
}

.guest-footer-content {
    display: none;
}

#sidebar_category_list img {
    padding: 5px;
}




/*-------------*/
/*  追尾する目次  */
/*-------------*/
#stoc-module {
    backface-visibility: hidden;
    position: sticky;
    top: 20px;
  }
  #stoc-module.tracking {
    margin-bottom: 0;
  }
  #stoc-module.fixed {
    position: fixed;
  }
  #stoc-module.absolute {
    position: absolute;
  }
  #stoc-module.sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  #stoc-module.fade-in {
    animation: fadeIn 300ms;
  }
  @keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
  }
  
  #stoc {
    overflow-y: auto;
  }
  #stoc.shadow {
    /* Shadows */
    background:
      radial-gradient(farthest-side at top, rgba(0,0,0,.17), transparent) top / 100% 11px,
      radial-gradient(farthest-side at bottom, rgba(0,0,0,.17), transparent) bottom / 100% 11px;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  #stoc:not(.touch) a:hover {
    background-color: rgba(0,0,0,.05);
    text-decoration: underline;
    /*color: #333;*/
  }
  #stoc .active {
    background-color: rgba(0,0,0,.05);
    /*color: #333;*/
  }
  #stoc::-webkit-scrollbar {
    width: 8px;
    background: #ececec;
  }
  #stoc::-webkit-scrollbar-button {
    display: none;
  }
  #stoc::-webkit-scrollbar-thumb {
    background: #b1b1b1;
  }
  #stoc a {
    /* padding: 3px 2px 3px 6px; */
    display: block;
    text-decoration: none;
  }
  #stoc > ol{
    list-style-type: none;
    padding: 0;
    overflow-y: auto;
    max-height: 600px;
  }
  #stoc.shadow > ol {
    /* Shadow covers */
    background:
      linear-gradient(#fff 30%, transparent) top / 100% 40px,
      linear-gradient(transparent, #fff 70%) bottom / 100% 40px;
    background-repeat: no-repeat;
    background-attachment: local;
    overflow-y: hidden;
  }
  #stoc > ol > li > ol {
    list-style-type: disc;
    padding: 0 0 0 3em;
  }
  #stoc > ol > li > a {
    font-size: 105%;
    font-weight: 500;
    }
    #stoc > ol > li > ol > li ol {
        padding-left: 1em;
        font-size: 90%;
    }


/*Scroll Back Button*/
#back_to_top {
    position: fixed;
    right: 0;
    bottom: -60px;
    background: #D17958;
}

#back_to_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    transition: all .3s;
}

#back_to_top a:hover {
    background: #cea495;
    transition: all .3s;
}

#back_to_top a::before {
    content: '\f007';
    font-family: "blogicon";
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-weight: 900;
    line-height: 1;
}

/*Ad非表示*/
.ad-online-afc,
.adsbygoogle {
    display: none;
}

/*----------Global Menu----------*/
.global-menu {
    position: absolute;
    right: 0;
    top: -60px;
    animation-name: SlideUp;
    animation-duration: .7s;
    animation-duration: 0.7s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.global-menu-list {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
}
.global-menu-list li a:hover {
    border-bottom: 2px solid;
    transition: all .3s;
}
.global-menu-list li a {
    color: #fff;
    display: inline-block;
    padding: 0 4px;
    margin-right: 20px;
    transition: all .3s;
    border-bottom: 2px solid rgba(0,0,0,0);
    text-align: center;
    font-size: 13px;
    line-height: 2em;
}
.global-menu-list [class*=blogicon-] {
    font-size: 1.1em;
}

.global-menu-list-eng {
}

.global-menu-list-jp {
    display: none;
}


/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
    overflow-y:scroll;
  }
   
  /* ローディング関係ない部分のCSS */
  .button{
    background:#222;
    border:1px solid #222;
    border-radius:5px;
    color:#fff;
    display:block;
    height:60px;
    line-height:60px;
    margin:30px auto;
    text-align:center;
    width:600px;
  }
  .button:hover{
    background:#fff;
    color:#222;
  }
  img{
    max-width:100%;
  }


  /* ローディングの背景部分のCSS */
  .loader{
    background:#1bb;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:10;
  }
   
  /* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
  .loader-animation,
  .loader-animation:before,
  .loader-animation:after {
    background:#ffffff;
    -webkit-animation:load1 1s infinite ease-in-out;
    animation:load1 1s infinite ease-in-out;
    width:1em;
    height:4em;
  }
  .loader-animation {
    height:10px;
    left:50%;
    margin:-5px 0 0 -5px;
    position:absolute;
    top:50%;
    width:10px;
    color:#ffffff;
    text-indent:-9999em;
    font-size:10px;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s;
  }
  .loader-animation:before,
  .loader-animation:after {
    position:absolute;
    top:0;
    content:'';
  }
  .loader-animation:before {
    left:-1.5em;
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s;
  }
  .loader-animation:after {
    left:1.5em;
  }
  @-webkit-keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow:0 0;
      height:4em;
    }
    40% {
      box-shadow:0 -2em;
      height:5em;
    }
  }
  @keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow:0 0;
      height:4em;
    }
    40% {
      box-shadow:0 -2em;
      height:5em;
    }
  }


/*----------Responsive----------*/

@media (max-width: 1160px) {
    .global-menu {
        display: none;
    }
    .footer2-wrapper {
        flex-wrap: wrap;
    }
    .footer2-inner {
        width: 49%;
    }
}

@media (min-width:1160px) {
    #top-box {
        max-width: 1160px
    }
    #content-inner {
        max-width: 1160px;
    }
    #content-inner {
        width: 1160px
    }
    #top-editarea {
        width: auto;
        max-width: 1160px;
    }
}

@media (min-width:1020px) {
    .pager {
        margin: 0
    }
    .entry-content blockquote {
        padding: 20px 20px 20px 60px
    }
    .entry-content blockquote:before {
        left: 15px;
        font-size: 70px
    }
    .comment-box .comment .read-more-comments {
        margin-right: 25px
    }
    .hatena-module-profile .profile-icon-link {
        display: block;
        float: none;
        margin-right: 0
    }
    #main {
        padding: 0 5% 0 0
    }
    .page-archive .archive-heading {
        margin: .5em 0 1.3em
    }
    a.profile-icon-link {
        text-align: center;
    }
}

@media (max-width: 915px) {

    .share-text {
        display: none;
    }
    .archive-entry-header .entry-title-link {
        font-size: 1.85vw;
        line-height: 0;
    }
}

@media (max-width: 768px) {
    .page-archive .archive-entry {
        width: 100%;
        height: 6rem;
        margin-bottom: 0.4rem;
    }
    
    .archive-entry-header {
        width: 64%;
        flex-direction: row;
        padding: 0.5rem 3% !important;
    }
    
    .entry-thumb-link {
        width: 30%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .page-archive .entry-thumb {
        height: 88%;
        padding: 0;
        width: 88%;
    }

    #blog-title {
        padding: 10px 0;
        margin: 0;
    }
    #blog-title-content {
        margin: 0 auto;
        display: block;
    }

    #blog-description {
        /* margin: 0 0 -6px; */
        /* font-size: 0.75rem; */
        display: none;
    }

    #title {
        font-size: 1.8rem;
    }

    .entry-description {
        display: none;
    }

    .archive-entry-header .entry-title-link {
        font-size: 13px;
    }

    .archive-entry .categories {
        margin-bottom: 1em;
        position: absolute;
        right: 0;
        margin-right: 3%;
    }

    .archive-entry .categories a{
        display: none;
    }

    .archive-entry .categories a:first-child {
        display: inline;
    }

    .archive-entry .entry-title {
        font-weight: bold;
        margin-bottom: .5em;
    }

    .footer2-inner {
        width: 100%;
    }

    .archive-entries {
        margin: 20px 0 0;
    }

    .page-archive .archive-entry-header {
        font-size: 14px;
        font-weight: bold;
        padding: 8px 12px 30px;
    }

    .archive-date {
        font-size: 90%;
        margin: 0 .4em .4em 0;
        
    }

    .breadcrumb {
        font-size: .75rem;
        margin: 0.4rem 0.6rem !important;
    }

    .entry-date a {
        font-size: 12px;
    }
}

@media (min-width:768px) {
    .related-entries li {
        width: 48%;
    }
    .related-entries li:nth-child(2n-1) {
        margin-right: 2%;
    }
    .related-entries {
        display: flex;
        flex-wrap: wrap;
    }
    .pager .pager-prev+.pager-next {
        margin-left: 1.5em;
        padding-left: 1.5em
    }

    .entry-content pre {
        font-size: .85rem;
        padding: 15px
    }

    .entry-content .table-of-contents {
        padding: 30px 50px 30px;
    }

    .comment-box {
        margin: 0 -11%;
        padding: 20px 11% 0
    }

    #box2 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    #container-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: auto;
    }

    #content-inner {
        padding: 0;
    }

    #content-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: auto;
    }

    #wrapper {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%
    }

    .entry-title {
        font-size: 27px;
    }
}

@media (min-width:481px) {
    .search-result-form {
        margin: 0 1em
    }
}

.google-afc-image div.google-afc-user-container {
    display: none !important;
}

.notice {
    padding: 20px 25px;
    border: solid 2px red;
    background-color: #ffeeee;
    box-shadow: 0px 3px 0px rgba(250,100,100,0.3);
}

.point {
    border: 1px solid #7badd8;
    padding: 20px 25px;
    background-color: rgba(123, 173, 216, .05);
    box-shadow: 0px 3px 0px rgba(123, 173, 216, .2);
}

.entry-content li ul {
    margin-top: 8px;
}

.breadcrumb-child:last-child::before {
    content: '現在のページ';
}
.breadcrumb-child:last-child span {
    display: none;
}

.date.entry-date.first {
    position: absolute;
    right: 0;
    bottom: -1.8em;
}

.hatena-module:nth-child(2) .hatena-module-title {
    display: none;
}


.entry-content dd {
    border: 2px solid #aab8cc;
    padding: 12px 12px 8px;
}

.consolas {
    font-family: consolas;
}

.page-archive #content {
    margin-top: 32px;
}

a.category-エディション別 {
    display: none;
}