daplog-edjo.css

html {
  font-family: sans-serif;
}

html {
  -ms-text-size-adjust: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
}

body,
button,
input,
optgroup,
select,
textarea,
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre,
fieldset,
ol,
ul,
.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after,
.ArticleBody .book-cover-link>img,
.highlight table pre {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
.u-block,
.u-sizeFull,
.Container,
.Header-logoLink,
.Header-logoSpacer,
.Header-logo,
.BlogLogo,
.Footer,
.Footer-logoSpacer,
.Footer-logo,
.ArticleList-itemLink,
.ArticleList-time,
.ArtcileList-title,
.Article-datetimeContainer,
.Article-datetimeSpacer,
.Article-datetimeSVG,
.Article-githubLink,
.Article-githubLink::before,
.Article-githubLink::after,
.Article-navLink,
.ArticleBody>h2,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>p>img,
.ArticleBody>p>a>img,
.ArticleBody>hr,
.ArticleBody>hr,
.ArticleBody>hr::before,
.ArticleBody>hr::after,
.ArticleBody figure,
.ArticleBody figure img,
.ArticleBody>p>cite,
.ArticleBody blockquote cite,
.ArticleBody .highlight,
.ArticleBody .book-cover-link,
.twitter-tweet,
iframe[src*='instagram.com'] {
  display: block;
}

audio,
canvas,
progress,
video,
.u-inlineBlock,
.ArticleBody>p>small,
.ArticleBody>p>ins {
  display: inline-block;
}

audio,
canvas,
progress,
video,
sub,
sup {
  vertical-align: baseline;
}

audio:not([controls]),
[hidden],
template,
.u-hidden,
.ArticleList-year,
.ArticleList-dot,
.ArticleList-month,
.ArticleList-day {
  display: none;
}

audio:not([controls]),
hr {
  height: 0;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong,
optgroup,
.highlight .cp,
.highlight .cs,
.highlight .gs,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt,
.highlight .k,
.highlight .kv,
.highlight .nc,
.highlight .nd,
.highlight .ne,
.highlight .nf,
.highlight .nl,
.highlight .ow,
.highlight .o {
  font-weight: bold;
}

dfn,
.highlight .cm,
.highlight .c1,
.highlight .cs,
.highlight .c,
.highlight .cd,
.highlight .ge {
  font-style: italic;
}

h1 {
  font-size: 2em;
}

h1 {
  margin: 0.67em 0;
}

mark {
  background: #ff0;
}

mark {
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
}

sub,
sup,
.Header-logoLink,
.Header-logoSpacer,
.Footer,
.Footer-heading,
.Footer-logoSpacer,
.Article-datetimeSpacer,
.Article-githubLink,
.ArticleBody>h2,
.ArticleBody>hr,
.ArticleBody>hr {
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img,
button::-moz-focus-inner,
input::-moz-focus-inner,
legend,
button,
fieldset,
iframe,
.u-hiddenVisually {
  border: 0;
}

svg:not(:root),
.u-hiddenVisually,
.u-nbfc,
.u-textTruncate {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr,
input[type="search"] {
  box-sizing: content-box;
}

pre,
textarea,
.ArticleBody .highlight {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea,
.u-textInheritColor {
  color: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

button {
  overflow: visible;
}

button,
select,
.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="checkbox"],
input[type="radio"],
legend,
td,
th,
button,
fieldset,
ol,
ul,
.u-hiddenVisually,
.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after,
.ArticleBody figure {
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"],
.u-sizeFull,
*,
*:before,
*:after {
  box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
.Header-logo,
.Footer-logo {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
}

fieldset {
  margin: 0 2px;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
}

table {
  border-collapse: collapse;
}

table,
.ArticleBody table {
  border-spacing: 0;
}

button {
  background: transparent;
}

button:focus {
  outline: 1px dotted;
}

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

ol,
ul {
  list-style: none;
}

[tabindex="-1"]:focus {
  outline: none;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before,
.ArticleBody .highlight,
.ArticleBody code,
.ArticleBody kbd {
  -webkit-font-smoothing: subpixel-antialiased;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before,
.ArticleBody .highlight,
.ArticleBody code,
.ArticleBody kbd {
  -moz-osx-font-smoothing: auto;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  font-family: "dapicons";
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  speak: none;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  -webkit-font-feature-settings: "liga", "dlig";
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  -moz-font-feature-settings: "liga=1, dlig=1";
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  -moz-font-feature-settings: "liga", "dlig";
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  -ms-font-feature-settings: "liga", "dlig";
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  font-feature-settings: "liga", "dlig";
}

.dapicons,
.u-textKern,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  text-rendering: optimizeLegibility;
}

.dapicons,
.Article-navLink,
.ArticleBody strong,
.ArticleBody em,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before,
.ArticleBody>p>cite,
.ArticleBody blockquote cite,
.ArticleBody .highlight {
  font-style: normal;
}

.dapicons,
.Article-title,
.Article-navLink,
.ArticleBody>h2,
.ArticleBody>h3,
.ArticleBody strong,
.ArticleBody em,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before,
.ArticleBody>p>cite,
.ArticleBody .highlight,
.ArticleBody table th {
  font-weight: normal;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  font-variant: normal;
}

.dapicons,
.Article-navLink,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  line-height: 1;
}

.u-hiddenVisually,
.Header-logo,
.Footer-logo,
.Article-datetimeContainer,
.Article-datetimeSVG,
.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  position: absolute;
}

.u-hiddenVisually {
  width: 1px;
}

.u-hiddenVisually {
  height: 1px;
}

.u-hiddenVisually {
  clip: rect(1px, 1px, 1px, 1px);
}

.u-inline,
.ArtcleBody-inlineImage img {
  display: inline;
}

.u-inlineBlock,
.u-textTruncate,
.ArticleBody>p>img,
.ArticleBody>p>a>img,
.ArticleBody figure img {
  max-width: 100%;
}

.u-table,
.u-cf:before,
.u-cf:after {
  display: table;
}

.u-tableCell,
.u-nbfcAlt {
  display: table-cell;
}

.u-tableRow {
  display: table-row;
}

.u-cf:before,
.u-cf:after {
  content: " ";
}

.u-cf:after {
  clear: both;
}

.u-nbfcAlt {
  width: 10000px;
}

.u-floatLeft,
.ArticleList-time {
  float: left;
}

.u-floatRight,
.ArticleBody .book-cover-link {
  float: right;
}

.u-sizeFull,
.Header-logoLink,
.Header-logoSpacer,
.Header-logo,
.BlogLogo,
.Footer-logoSpacer,
.Footer-logo,
.ArticleList-itemLink,
.Article-datetimeContainer,
.Article-datetimeSpacer,
.ArticleBody>hr,
.ArticleBody table {
  width: 100%;
}

.u-size1of12 {
  width: calc(100% * 1 / 12);
}

.u-size1of10 {
  width: 10%;
}

.u-size1of8 {
  width: 12.5%;
}

.u-size1of6,
.u-size2of12 {
  width: calc(100% * 1 / 6);
}

.u-size1of5,
.u-size2of10 {
  width: 20%;
}

.u-size1of4,
.u-size2of8,
.u-size3of12 {
  width: 25%;
}

.u-size3of10 {
  width: 30%;
}

.u-size1of3,
.u-size2of6,
.u-size4of12 {
  width: calc(100% * 1 / 3);
}

.u-size3of8 {
  width: 37.5%;
}

.u-size2of5,
.u-size4of10 {
  width: 40%;
}

.u-size5of12 {
  width: calc(100% * 5 / 12);
}

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
  width: 50%;
}

.u-size7of12 {
  width: calc(100% * 7 / 12);
}

.u-size3of5,
.u-size6of10 {
  width: 60%;
}

.u-size5of8 {
  width: 62.5%;
}

.u-size2of3,
.u-size4of6,
.u-size8of12 {
  width: calc(100% * 2 / 3);
}

.u-size7of10 {
  width: 70%;
}

.u-size3of4,
.u-size6of8,
.u-size9of12 {
  width: 75%;
}

.u-size4of5,
.u-size8of10 {
  width: 80%;
}

.u-size5of6,
.u-size10of12 {
  width: calc(100% * 5 / 6);
}

.u-size7of8 {
  width: 87.5%;
}

.u-size9of10,
.Article-title,
.Article-body {
  width: 90%;
}

.u-size11of12 {
  width: calc(100% * 11 / 12);
}

.u-textBreak,
.ArticleBody,
.ArticleBody>p>a,
.ArticleBody code,
.ArticleBody kbd {
  word-wrap: break-word;
}

.u-textCenter,
.ArticleList-yearHeading,
.ArticleList-month,
.ArticleList-day,
.ArticleList-title,
.Article-title,
.Article-navLink,
.ArticleBody>h2,
.ArticleBody>h3,
.ArticleBody figure {
  text-align: center;
}

.u-textLeft,
.ArticleBody>ul,
.ArticleBody>ol,
.ArticleBody>p>cite,
.ArticleBody>p>small,
.ArticleBody>p>ins,
.ArticleBody table th,
.ArticleBody table td {
  text-align: left;
}

.u-textRight,
.ArticleBody blockquote cite,
.ArticleBody .book-cover-link {
  text-align: right;
}

.u-textKern {
  -webkit-font-feature-settings: "kern" 1;
}

.u-textKern {
  -moz-font-feature-settings: "kern" 1;
}

.u-textKern {
  font-feature-settings: "kern" 1;
}

.u-textKern {
  -webkit-font-kerning: normal;
}

.u-textKern {
  -moz-font-kerning: normal;
}

.u-textKern {
  font-kerning: normal;
}

.u-textNoWrap,
.u-textTruncate {
  white-space: nowrap;
}

.u-textTruncate {
  text-overflow: ellipsis;
}

.u-textTruncate,
.ArticleBody .highlight {
  word-wrap: normal;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

body {
  font-size: 1.4em;
}

body {
  color: #21272d;
}

body,
.Header-logo,
.ArticleBody table th {
  background-color: rgba(24,63,83,0.13);
}

a,
.ArticleList-itemLink:visited,
.ArticleList-itemLink:hover,
.Article-navLink:hover,
.Article-navLink:active,
.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  color: rgba(24,63,83,0.55);
}

a:visited {
  color: rgba(54,54,54,0.55);
}

a:focus,
a:hover,
.ArticleList-itemLink:active {
  color: rgba(24,63,83,0.34);
}

a:active {
  color: rgba(24,63,83,0.21);
}

.Container,
.Article-title,
.Article-githubLink,
.ArticleBody>h2,
.ArticleBody>hr {
  margin-right: auto;
}

.Container,
.Article-title,
.Article-githubLink,
.ArticleBody>h2,
.ArticleBody>hr {
  margin-left: auto;
}

.Container,
.Article-datetimeContainer {
  max-width: 987px;
}

.Header-container,
.Main-container,
.ArticleList-itemLink,
.ArticleList-time {
  background-color: #fff;
}

.Header-heading {
  padding-bottom: 11.854%;
}

.Header-logoSpacer {
  margin-top: -50%;
}

.Header-logoSpacer {
  padding-bottom: 100%;
}

.Header-logoSpacer,
.Footer-logoSpacer,
.Article-datetimeSpacer {
  font-size: 0;
}

.Header-logo,
.Footer-logo,
.Article-datetimeContainer,
.Article-datetimeSVG,
.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  top: 0;
}

.Header-logo,
.Footer-logo,
.Article-datetimeContainer {
  right: 0;
}

.Header-logo,
.Footer-logo {
  bottom: 0;
}

.Header-logo,
.Footer-logo,
.Article-datetimeContainer,
.Article-datetimeSVG {
  left: 0;
}

.Header-logo,
.Footer-logo,
.Article-datetimeContainer,
.Article-navLink {
  margin: auto;
}

.Header-logo,
.Article-githubLink::before,
.Article-githubLink::after,
.Article-navLink,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  border-radius: 100%;
}

.Header-logo {
  background-image: -webkit-radial-gradient(rgba(24,63,83,0.13), rgba(24,63,83,0.34));
}

.Header-logo {
  background-image: radial-gradient(rgba(24,63,83,0.13), rgba(24,63,83,0.34));
}

.Footer-container {
  background-image: -webkit-linear-gradient(rgba(24,63,83,0.34) 0, rgba(24,63,83,0.55) 100%);
}

.Footer-container {
  background-image: linear-gradient(rgba(24,63,83,0.34) 0, rgba(24,63,83,0.55) 100%);
}

.Footer-circle {
  fill: rgba(255,255,255,0.55);
}

.Footer-circle {
  -webkit-transition: fill 0.3s;
}

.Footer-circle {
  transition: fill 0.3s;
}

.Footer-circle:hover {
  fill: rgba(255,255,255,0.89);
}

.Footer-logoSpacer {
  padding-bottom: 114.387%;
}

.ArticleList,
.ArticleList-itemLink,
.ArticleList-itemLink:focus,
.Article-navLink,
.Article-navLink:visited,
.Article-navLink:focus {
  color: #fff;
}

.ArticleList-item,
.Article-datetimeSVGText,
.Article-title,
.Article-navLink,
.ArticleBody {
  -webkit-font-smoothing: antialiased;
}

.ArticleList-item,
.Article-datetimeSVGText,
.Article-title,
.Article-navLink,
.ArticleBody {
  -moz-osx-font-smoothing: grayscale;
}

.ArticleList-item {
  font-size: 1.4rem;
}

.ArticleList-item {
  line-height: 34px;
}

.ArticleList-item {
  margin-bottom: 1px;
}

.ArticleList-yearHeading,
.ArticleList-itemLink:hover .ArtcileList-title,
.ArticleList-month {
  background-color: rgba(24,63,83,0.34);
}

.ArticleList-yearHeading,
.ArticleBody>h2,
.ArticleBody>h3,
.ArticleBody blockquote,
.ArticleBody>p>small,
.ArticleBody>p>ins {
  color: rgba(24,63,83,0.89);
}

.ArticleList-yearHeading,
.ArticleList-month,
.ArticleList-day,
.Article-datetimeSVGText {
  font-family: "Fjalla One", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ArticleList-yearHeading,
.ArticleList-month,
.ArticleList-day,
.ArticleList-title {
  height: 34px;
}

.ArticleList-yearHeading,
.ArticleList-month,
.ArticleList-day,
.Article-datetimeSVGText {
  letter-spacing: 0.1em;
}

.ArticleList-itemLink,
.ArticleBody {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.ArticleList-itemLink,
.Article-navLink,
.ArticleBody>p>small,
.ArticleBody>p>ins {
  text-decoration: none;
}

.ArticleList-itemLink:hover .ArticleList-month {
  background-color: rgba(24,63,83,0.26);
}

.ArticleList-itemLink:hover .ArticleList-day {
  background-color: rgba(24,63,83,0.3);
}

.ArticleList-month,
.ArticleList-day,
.Article-navLink {
  width: 55px;
}

.ArticleList-day {
  background-color: rgba(24,63,83,0.38);
}

.ArtcileList-title {
  background-color: rgba(24,63,83,0.42);
}

.ArtcileList-title {
  padding: 0 21px;
}

.Article-datetimeContainer {
  pointer-events: none;
}

.Article-datetimeSpacer {
  padding-bottom: 61.8%;
}

.Article-datetimeSVGCircle {
  fill: rgba(24,63,83,0.34);
}

.Article-datetimeSVGText,
.Article-title {
  font-size: 2.1rem;
}

.Article-datetimeSVGText {
  fill: #fff;
}

.Article-title,
.ArticleBody>h2 {
  margin-bottom: 34px;
}

.Article-title {
  max-width: 877px;
}

.Article-title {
  font-family: "Crimson Text", "YuMin", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", Georgia, Cambria, "Times New Roman", Times, serif;
}

.Article-title,
.ArticleBody>h2,
.ArticleBody>h3,
.ArticleBody>p>small,
.ArticleBody>p>ins,
.ArticleBody>.footnotes,
.ArticleBody .highlight {
  line-height: 1.618;
}

.Article-githubLink {
  width: 42px;
}

.Article-githubLink,
.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after {
  height: 21px;
}

.Article-githubLink {
  margin-bottom: 44px;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  content: "";
}

.Article-githubLink::before,
.Article-githubLink::after,
.Article-navLink,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  background-color: rgba(24,63,83,0.21);
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after {
  width: 21px;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  left: 50%;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  -webkit-transform-origin: center center;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  -ms-transform-origin: center center;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  transform-origin: center center;
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  -webkit-transform: translate(-50%, 0);
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  -ms-transform: translate(-50%, 0);
}

.Article-githubLink::before,
.Article-githubLink::after,
.ArticleBody>h2::before,
.ArticleBody>h2::after,
.ArticleBody>hr::before,
.ArticleBody>hr::after {
  transform: translate(-50%, 0);
}

.Article-githubLink::before,
.ArticleBody>h2::before {
  margin-left: 7px;
}

.Article-githubLink::after,
.ArticleBody>h2::after {
  margin-left: -7px;
}

.Article-body,
.ArticleBody figure img {
  margin: 0 auto;
}

.Article-body {
  max-width: 699px;
}

.Article-nav,
.ArticleBody>h2 {
  margin-top: 144px;
}

.Article-nav {
  padding-bottom: 144px;
}

.Article-navLink,
.ArticleBody>hr {
  height: 55px;
}

.Article-navLink {
  line-height: 55px;
}

.Article-navLink {
  font-size: 2.6rem;
}

.ArticleBody {
  text-align: justify;
}

.ArticleBody {
  text-justify: distribute;
}

.ArticleBody>h2 {
  font-size: 2.3rem;
}

.ArticleBody>h2::before,
.ArticleBody>h2::after {
  top: -72px;
}

.ArticleBody>h3,
.ArticleBody>.footnotes {
  margin-top: 55px;
}

.ArticleBody>h3 {
  margin-bottom: 21px;
}

.ArticleBody>h3 {
  font-size: 2.0rem;
}

.ArticleBody>p,
.ArticleBody>ul,
.ArticleBody>ol,
.ArticleBody .highlight {
  margin-top: 1em;
}

.ArticleBody>p,
.ArticleBody>ul,
.ArticleBody>ol,
.ArticleBody .highlight {
  margin-bottom: 1em;
}

.ArticleBody>p>img,
.ArticleBody>p>a>img,
.ArticleBody table {
  margin: 34px auto;
}

.ArticleBody strong,
.ArticleBody em {
  padding: 0.1em;
}

.ArticleBody strong,
.ArticleBody em {
  background-image: -webkit-linear-gradient(transparent 0, transparent 60%, rgba(24,63,83,0.13) 60%, rgba(24,63,83,0.13) 100%);
}

.ArticleBody strong,
.ArticleBody em {
  background-image: linear-gradient(transparent 0, transparent 60%, rgba(24,63,83,0.13) 60%, rgba(24,63,83,0.13) 100%);
}

.ArticleBody>ul,
.ArticleBody>ol,
.ArticleBody>p>cite,
.ArticleBody blockquote,
.ArticleBody>p>small,
.ArticleBody>p>ins {
  font-size: 1.5rem;
}

.ArticleBody ul,
.ArticleBody ol {
  padding-left: 2.5em;
}

.ArticleBody ul {
  list-style-type: disc;
}

.ArticleBody ol {
  list-style-type: decimal;
}

.ArticleBody>hr {
  border: none;
}

.ArticleBody>hr::before,
.ArticleBody>hr::after {
  width: 13px;
}

.ArticleBody>hr::before,
.ArticleBody>hr::after {
  height: 13px;
}

.ArticleBody>hr::before {
  margin-left: 4.33333px;
}

.ArticleBody>hr::after {
  margin-left: -4.33333px;
}

.ArticleBody>hr::before,
.ArticleBody>hr::after {
  top: 21px;
}

.ArticleBody figure {
  margin: 1.5em auto;
}

.ArticleBody figure figcaption,
.ArticleBody>.footnotes {
  font-size: 1.2rem;
}

.ArticleBody figure figcaption,
.ArticleBody>.footnotes p {
  margin: 0.5em 0;
}

.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  font-size: 89%;
}

.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  content: "cite";
}

.ArticleBody>p>cite::before,
.ArticleBody blockquote cite::before {
  margin-right: 0.6em;
}

.ArticleBody>p>cite {
  margin-left: 1em;
}

.ArticleBody blockquote {
  margin: 2em 0;
}

.ArticleBody blockquote {
  padding: 0 1.5em;
}

.ArticleBody blockquote {
  border-left: 6px solid rgba(24,63,83,0.21);
}

.ArticleBody blockquote cite,
.ArticleBody table th,
.ArticleBody table td {
  font-size: 1.3rem;
}

.ArticleBody>p>small::before,
.ArticleBody>p>ins::before {
  content: "※";
}

.ArticleBody>p>small::before,
.ArticleBody>p>ins::before {
  margin-right: 0.3em;
}

.ArticleBody>p>small {
  color: rgba(33,39,45,0.55);
}

.ArticleBody>.footnotes {
  color: #777;
}

.ArticleBody .highlight,
.ArticleBody table {
  background-color: white;
}

.ArticleBody .highlight {
  border: 3px solid #eeeeee;
}

.ArticleBody .highlight {
  box-shadow: inset 0 0 0 1px #cccccc;
}

.ArticleBody .highlight,
.ArticleBody code,
.ArticleBody kbd {
  font-family: Consolas, "Liberation Mono", Courier, "Hiragino Kaku Gothic ProN", Meiryo, monospace;
}

.ArticleBody .highlight,
.ArticleBody code,
.ArticleBody kbd {
  font-size: 79%;
}

.ArticleBody .highlight {
  overflow-x: auto;
}

.ArticleBody .highlight {
  overflow-y: hidden;
}

.ArticleBody .highlight {
  padding: 13px;
}

.ArticleBody .highlight,
.ArticleBody code,
.ArticleBody kbd {
  white-space: pre;
}

.ArticleBody code,
.ArticleBody kbd {
  margin: 0 0.2em;
}

.ArticleBody code,
.ArticleBody kbd {
  padding: 0 0.4em;
}

.ArticleBody code,
.ArticleBody kbd {
  vertical-align: 0.1em;
}

.ArticleBody code,
.ArticleBody kbd {
  background-color: #f2f2f2;
}

.ArticleBody code,
.ArticleBody kbd {
  border: 1px solid rgba(128,128,128,0.4);
}

.ArticleBody code,
.ArticleBody kbd {
  border-radius: 2px;
}

.ArticleBody table {
  border: 1px solid rgba(24,63,83,0.13);
}

.ArticleBody table {
  border-collapse: separate;
}

.ArticleBody table {
  border-left: 0;
}

.ArticleBody table th,
.ArticleBody table td {
  padding: 0.5em 1em;
}

.ArticleBody table th,
.ArticleBody table td {
  vertical-align: top;
}

.ArticleBody table th,
.ArticleBody table td {
  border-top: 1px solid rgba(24,63,83,0.13);
}

.ArticleBody table th,
.ArticleBody table td {
  border-left: 1px solid rgba(24,63,83,0.13);
}

.ArticleBody table caption+thead tr:first-child th,
.ArticleBody table caption+tbody tr:first-child th,
.ArticleBody table caption+tbody tr:first-child td,
.ArticleBody table colgroup+thead tr:first-child th,
.ArticleBody table colgroup+tbody tr:first-child th,
.ArticleBody table colgroup+tbody tr:first-child td,
.ArticleBody table thead:first-child tr:first-child th,
.ArticleBody table tbody:first-child tr:first-child th,
.ArticleBody table tbody:first-child tr:first-child td {
  border-top: 0;
}

.ArticleBody .book-cover-link {
  padding: 0.5em 0 0.5em 1.5em;
}

.ArticleBody .book-cover-link>img {
  width: 90px;
}

.ArticleBody {
  font-size: 1.7rem;
}

.ArticleBody {
  line-height: 1.8;
}

.twitter-tweet,
iframe[src*='instagram.com'] {
  margin: 30px auto;
}

iframe[src*='instagram.com'] {
  width: 282px;
}

iframe[src*='instagram.com'] {
  height: 327px;
}

.highlight table td {
  padding: 5px;
}

.highlight .cm,
.highlight .c1,
.highlight .c,
.highlight .cd {
  color: #999988;
}

.highlight .cp,
.highlight .cs,
.highlight .gh,
.highlight .bp {
  color: #999999;
}

.highlight .err {
  color: #a61717;
}

.highlight .err {
  background-color: #e3d2d2;
}

.highlight .gd,
.highlight .ge,
.highlight .gi,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .k,
.highlight .kv,
.highlight .ow,
.highlight .o {
  color: #000000;
}

.highlight .gd {
  background-color: #ffdddd;
}

.highlight .gr,
.highlight .gt {
  color: #aa0000;
}

.highlight .gi {
  background-color: #ddffdd;
}

.highlight .go {
  color: #888888;
}

.highlight .gp,
.highlight .nn {
  color: #555555;
}

.highlight .gu {
  color: #aaaaaa;
}

.highlight .kt,
.highlight .nc {
  color: #445588;
}

.highlight .mf,
.highlight .mh,
.highlight .il,
.highlight .mi,
.highlight .mo,
.highlight .m,
.highlight .mb,
.highlight .mx {
  color: #009999;
}

.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .s2,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sx,
.highlight .s1,
.highlight .s {
  color: #d14;
}

.highlight .sr {
  color: #009926;
}

.highlight .ss {
  color: #990073;
}

.highlight .na,
.highlight .no,
.highlight .vc,
.highlight .vg,
.highlight .vi,
.highlight .nv {
  color: #008080;
}

.highlight .nb {
  color: #0086B3;
}

.highlight .nd {
  color: #3c5d5d;
}

.highlight .ni {
  color: #800080;
}

.highlight .ne,
.highlight .nf,
.highlight .nl {
  color: #990000;
}

.highlight .nt {
  color: #000080;
}

.highlight .w {
  color: #bbbbbb;
}

.highlight {
  background-color: #f8f8f8;
}