@charset "UTF-8";
@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css";

/* ====================
* 1. Base
* 2. Layout
* 3. Module
* 4. Page
* 5. Animation
* 6. Option
* 7. Customize
==================== */
/********************
* Base
*********************/
html {
  font-size: 87.5%; }
  @media screen and (min-width: 60rem) {
    html {
      font-size: 100%; } }

body {
  margin: 0;
  background-color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", "Helvetica Neue", "Segoe UI", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 300;
  line-height: 1.618;
  color: #000; }

a {
  color: #0000ff;
  text-decoration: none; }
  a:active, a:hover {
    outline: 0; }
  a:hover {
    text-decoration: underline; }
  a:visited {
    color: #4682B4; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

small {
  font-size: 0.875rem; }

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

sup {
  top: -0.5rem; }

sub {
  bottom: 0.25rem; }

mark {
  background-color: #ffff00;
  color: #000; }

h1,
h2,
h3,
h4 {
  font-weight: bold; }

h1 {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.382; }

h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.382; }

h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #ccc;
  font-size: 1rem; }

h4 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1rem; }

h5,
h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300; }

img {
  border: 0; }

figure {
  margin: 1rem 2rem; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid #ccc;
  border-bottom: none; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: inherit; }

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

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

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

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

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

fieldset {
  margin: 0;
  padding: 1rem;
  border: 1px solid #ccc; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

::selection {
  background-color: #7fffd4; }

::-moz-selection {
  background-color: #7fffd4; }

/********************
* Layout
*********************/
#globalheader-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #0000ff;
  color: #fff; }
  @media screen and (min-width: 60rem) {
    #globalheader-container {
      position: fixed; } }

#container {
  margin-left: auto;
  margin-right: auto; }

#blog-title {
  height: 22.92rem;
  background-color: #0000ff;
  color: #fff; }

#top-box {
  padding: 0.5rem;
  background-color: #f5f5f5; }

#content {
  margin: 0 auto;
  margin-top: 2rem;
  max-width: 60rem; }
  #content:after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (min-width: 60rem) {
    #content {
      margin-top: 4rem;
      padding: 0 1rem; } }

#wrapper {
  padding: 0 1rem;
  box-sizing: border-box; }
  @media screen and (min-width: 60rem) {
    #wrapper {
      float: left;
      padding: 0;
      max-width: 40rem;
      width: 100%; } }

#box1 {
  padding: 0 1rem; }

@media screen and (min-width: 60rem) {
  #box2 {
    float: right;
    max-width: 16rem;
    width: 100%; } }

#footer {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0 1rem; }
  @media screen and (min-width: 60rem) {
    #footer {
      margin-top: 6rem; } }

/********************
* Module
*********************/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000; }
  h1 a:hover, h1 a:visited,
  h2 a:hover,
  h2 a:visited,
  h3 a:hover,
  h3 a:visited,
  h4 a:hover,
  h4 a:visited,
  h5 a:hover,
  h5 a:visited,
  h6 a:hover,
  h6 a:visited {
    color: #000;
    text-decoration: none; }

a.keyword {
  border-bottom: 1px dotted #ccc;
  color: #000; }

.date a,
.categories a {
  font-size: 1rem; }

.date a {
  color: #000; }

.categories a {
  display: inline-block;
  margin-right: 0.5rem;
  color: #767676; }

.bookmark-widget-counter {
  display: none; }

#blog-title-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%; }

#blog-title-content {
  text-align: center; }

#title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 1.382; }
  #title a {
    color: #fff; }

#blog-description {
  margin-top: 0.25rem;
  font-size: 1rem;
  font-weight: 300; }

.breadcrumb {
  margin: 0 auto;
  max-width: 60rem; }
  @media screen and (min-width: 60rem) {
    .breadcrumb {
      font-size: 0.875rem; } }

.breadcrumb-link {
  color: #4682B4; }
  .breadcrumb-link:visited {
    color: #4682B4; }

.entry {
  position: relative;
  margin-bottom: 6rem; }

.entry-header {
  position: relative;
  margin-bottom: 1.5rem;
  border-bottom: none; }
  .entry-header .entry-date {
    font-weight: bold; }
  .entry-header .entry-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1.382; }
  .entry-header .entry-categories {
    margin-top: 0.25rem; }
  .entry-header .entry-header-menu {
    position: absolute;
    top: 2rem;
    left: -1rem; }
    @media screen and (min-width: 60rem) {
      .entry-header .entry-header-menu {
        position: absolute;
        top: 2rem;
        left: -4rem; } }
    .entry-header .entry-header-menu a {
      display: inline-block;
      padding: 0.25rem 0.5rem;
      color: #000;
      background-color: #fff;
      border: 1px solid #000;
      border-radius: 3px;
      text-decoration: none;
      cursor: pointer; }
      .entry-header .entry-header-menu a:hover {
        border-color: #ccc;
        color: #ccc; }
      @media screen and (min-width: 60rem) {
        .entry-header .entry-header-menu a {
          font-size: 0.875rem; } }

.entry-content {
  overflow-wrap: anywhere;
  line-break: strict;
}
.entry-content p {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.entry-content a {
  text-decoration: underline; }
  .entry-content a:hover {
    text-decoration: none; }

.entry-content a.keyword {
  border-bottom: none;
  text-decoration: none; }

.entry-content img {
  max-width: 100%; }

.entry-content .hatena-fotolife {
  display: block;
  margin: 0 auto 1rem; }
  @media screen and (min-width: 60rem) {
    .entry-content .hatena-fotolife {
      margin-left: 0;
      margin-right: 0; } }

.entry-content .hatena-image-left,
.entry-content .hatena-image-right {
  float: none;
  margin-left: 0;
  margin-right: 0; }

@media screen and (min-width: 60rem) {
  .entry-content .hatena-image-left {
    float: left;
    margin-right: 1rem; } }

@media screen and (min-width: 60rem) {
  .entry-content .hatena-image-right {
    display: inline-block;
    float: right;
    margin-left: 1rem; } }

.entry-content ul,
.entry-content ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2rem; }
  .entry-content ul ul,
  .entry-content ul ol,
  .entry-content ol ul,
  .entry-content ol ol {
    margin-top: 0;
    margin-bottom: 0; }

.entry-content dl {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem; }
  .entry-content dl dt {
    font-weight: bold;
    font-style: italic; }
  .entry-content dl dd {
    margin-left: 1rem; }

.entry-content table {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
  .entry-content table th,
  .entry-content table td {
    padding: 0.5rem;
    border: 1px solid #ccc; }
  .entry-content table th {
    background-color: #f5f5f5; }
  .entry-content table img {
    max-width: none; }

.entry-content blockquote {
  margin: 1rem;
  margin-right: 0;
  padding-left: 1rem;
  border-left: 4px solid #ccc; }
  .entry-content blockquote p {
    margin-top: 0;
    margin-bottom: 0; }
  .entry-content blockquote cite {
    display: inline-block;
    margin-top: 1rem;
    font-size: 0.875rem; }
    .entry-content blockquote cite:before {
      content: "";
      display: inline-block;
      width: 1rem;
      height: 1px;
      background-color: #000;
      vertical-align: middle; }
    .entry-content blockquote cite a {
      color: #000; }

.entry-content code,
.entry-content pre {
  border: none;
  border-radius: 3px; }

.entry-content pre {
  background-color: #000;
  color: #fff;
  font-size: 0.875rem; }

.entry-content code {
  display: inline-block;
  padding: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background-color: #f2f2f2;
  font-size: 0.875rem; }

.entry-content pre {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem; }

.entry-content .hatena-asin-detail {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1rem; }
  .entry-content .hatena-asin-detail .hatena-asin-detail-image {
    margin-right: 1rem; }
  .entry-content .hatena-asin-detail .hatena-asin-detail-title {
    margin-bottom: 0.5rem; }
  .entry-content .hatena-asin-detail ul {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.875rem; }

.entry-footer {
  margin-top: 2rem; }
  .entry-footer .entry-footer-section {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: #767676; }
    .entry-footer .entry-footer-section .entry-footer-time a {
      color: #767676; }
  .entry-footer .hatena-star-container {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .entry-footer .social-buttons {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  .entry-footer .comment-box ul {
    margin: 0;
    margin-bottom: 1rem;
    padding-left: 0;
    font-size: 1rem;
    list-style: none; }
    .entry-footer .comment-box ul li {
      position: relative;
      margin-bottom: 0.5rem;
      padding: 0.5rem;
      padding-left: 4.5rem;
      border-radius: 3px;
      background-color: #f5f5f5; }
    .entry-footer .comment-box ul .comment-user-name {
      margin-top: 0;
      margin-bottom: 0; }
    .entry-footer .comment-box ul .comment-user-id {
      color: #4682B4; }
      .entry-footer .comment-box ul .comment-user-id:visited {
        color: #4682B4; }
    .entry-footer .comment-box ul .hatena-id-icon {
      position: absolute;
      top: 0.75rem;
      left: 0.75rem;
      width: 3rem !important;
      height: 3rem !important;
      border-radius: 50%; }
    .entry-footer .comment-box ul .comment-content {
      margin-bottom: 1rem;
      font-size: 1rem;
      word-wrap: break-word; }
      .entry-footer .comment-box ul .comment-content p {
        margin-top: 0; }
    .entry-footer .comment-box ul .comment-metadata {
      font-size: 0.875rem;
      color: #767676; }
  .entry-footer .leave-comment-title {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    background-color: #0000ff;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.875rem; }
    .entry-footer .leave-comment-title:hover {
      opacity: 0.75;
      transition: 0.3s; }
  .entry-footer .hatena-module-related-entries .hatena-module-title {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.382; }
  .entry-footer .hatena-module-related-entries .hatena-urllist {
    padding-left: 0; }
    .entry-footer .hatena-module-related-entries .hatena-urllist li {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    .entry-footer .hatena-module-related-entries .hatena-urllist .urllist-title-link {
      font-size: 1.25rem;
      font-weight: bold; }
  .entry-footer .hatena-module-related-entries .urllist-with-thumbnails li .urllist-image {
    margin-right: 1rem;
    width: 6rem;
    height: 6rem;
    border-radius: 3px; }
  .entry-footer .google-afc-image,
  .entry-footer .google-afc-text {
    margin-top: 1rem;
    margin-bottom: 1rem; }

.pager {
  position: relative;
  margin-top: 6rem;
  margin-bottom: 6rem; }
  .pager:after {
    content: "";
    display: block;
    clear: both; }
  .pager .pager-prev,
  .pager .pager-next {
    display: inline-block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    border-radius: 3px;
    background-color: #f5f5f5; }
    @media screen and (min-width: 60rem) {
      .pager .pager-prev,
      .pager .pager-next {
        display: block;
        max-width: 45%;
        background-color: transparent;
        margin: 0;
        padding: 0; } }
    .pager .pager-prev a,
    .pager .pager-next a {
      display: inline-block;
      font-weight: bold;
      color: #4682B4;
      vertical-align: middle;
      cursor: pointer; }
      @media screen and (min-width: 60rem) {
        .pager .pager-prev a,
        .pager .pager-next a {
          width: auto; } }
      .pager .pager-prev a:hover,
      .pager .pager-next a:hover {
        text-decoration: none; }
      .pager .pager-prev a:visited,
      .pager .pager-next a:visited {
        color: #4682B4; }
      .pager .pager-prev a .pager-arrow,
      .pager .pager-next a .pager-arrow {
        display: none; }
  .pager .pager-prev {
    position: relative;
    margin-right: .5rem; }
    @media screen and (min-width: 60rem) {
      .pager .pager-prev {
        float: left;
        margin-right: 0; } }
    .pager .pager-prev:before {
      content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='%234682B4' fill-rule='evenodd' points='3 14.114 4.886 16 12.886 8 4.886 0 3 1.886 9.114 8' transform='matrix(-1 0 0 1 15.886 0)'/%3E%3C/svg%3E");
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0.5rem;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      width: 1.25rem;
      height: 1.25rem; }
      @media screen and (min-width: 60rem) {
        .pager .pager-prev:before {
          top: -0.25rem;
          left: 0;
          width: 1rem;
          height: 1rem; } }
    .pager .pager-prev:hover:before {
      animation-duration: 0.5s;
      animation-name: animation-floating-left;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .pager .pager-prev a {
      padding-left: 1.5rem; }
  .pager .pager-next {
    position: relative;
    text-align: right; }
    @media screen and (min-width: 60rem) {
      .pager .pager-next {
        float: right; } }
    .pager .pager-next:after {
      content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='%234682B4' fill-rule='evenodd' points='3 14.114 4.886 16 12.886 8 4.886 0 3 1.886 9.114 8'/%3E%3C/svg%3E");
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0.5rem;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      width: 1.25rem;
      height: 1.25rem; }
      @media screen and (min-width: 60rem) {
        .pager .pager-next:after {
          top: -0.25rem;
          right: 0;
          width: 1rem;
          height: 1rem; } }
    .pager .pager-next:hover:after {
      animation-duration: 0.5s;
      animation-name: animation-floating-right;
      animation-iteration-count: infinite;
      animation-direction: alternate; }
    .pager .pager-next a {
      padding-right: 1.5rem; }

#footer-inner {
  font-size: 0.875rem;
  color: #000;
  text-align: center; }
  #footer-inner p {
    margin-top: 0;
    margin-bottom: 0; }
  #footer-inner a {
    color: #000; }
  #footer-inner address img {
    vertical-align: middle; }

.hatena-module a {
  color: #4682B4; }

.hatena-module .hatena-module-title a {
  color: #000; }
  .hatena-module .hatena-module-title a:hover {
    text-decoration: none; }
  .hatena-module .hatena-module-title a:visited {
    color: #000; }

#box2-inner .hatena-module {
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0; }
  @media screen and (min-width: 60rem) {
    #box2-inner .hatena-module {
      margin-bottom: 2rem;
      padding: 0;
      font-size: 0.875rem; } }
  #box2-inner .hatena-module:nth-child(odd) {
    background-color: #f5f5f5; }
    @media screen and (min-width: 60rem) {
      #box2-inner .hatena-module:nth-child(odd) {
        background-color: transparent; } }

.hatena-module-title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: bold; }

.hatena-urllist {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1.25rem;
  list-style: disc; }
  .hatena-urllist .urllist-title-link {
    font-size: inherit; }
  .hatena-urllist .urllist-date-link {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.382; }
    .hatena-urllist .urllist-date-link a {
      color: #000; }
  .hatena-urllist .urllist-category-link {
    font-size: 0.875rem;
    margin-right: 0.5rem; }
  .hatena-urllist .urllist-entry-body {
    font-size: 1rem; }

.hatena-module-profile .id {
  display: block;
  font-size: 1rem;
  font-weight: bold; }

.hatena-module-profile .profile-icon {
  float: left;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 3px; }

.hatena-module-profile .hatena-id-link {
  font-weight: normal; }

.hatena-module-profile .profile-description p {
  margin-top: 0;
  margin-bottom: 0; }

.hatena-module-profile .hatena-follow-button-box {
  margin-top: 0.75rem;
  margin-bottom: 0; }

.hatena-module-circles .hatena-urllist {
  padding-left: 0; }
  .hatena-module-circles .hatena-urllist li {
    margin-bottom: 0.5rem; }
    .hatena-module-circles .hatena-urllist li a {
      vertical-align: middle; }

.hatena-module-circles .circle-urllist .circle-image {
  margin-right: 0.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 3px; }

.hatena-module-authors-list .hatena-urllist {
  padding-left: 0; }
  .hatena-module-authors-list .hatena-urllist li {
    margin-bottom: 0.5rem; }
    .hatena-module-authors-list .hatena-urllist li a {
      display: flex;
      align-items: center; }
  .hatena-module-authors-list .hatena-urllist .authors-user-icon {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%; }
  #box2 .hatena-module-authors-list .hatena-urllist .authors-user-icon {
    height: 2rem;
  }
  .hatena-module-authors-list .hatena-urllist .authors-user-name {
    vertical-align: middle; }

.hatena-module-recent-comments .hatena-urllist {
  padding-left: 0;
  list-style: none; }
  .hatena-module-recent-comments .hatena-urllist li {
    margin-bottom: 0.5rem; }
  .hatena-module-recent-comments .hatena-urllist .user-id {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem; }
    .hatena-module-recent-comments .hatena-urllist .user-id .hatena-id-icon {
      margin-right: 0.5rem;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      vertical-align: middle; }

.hatena-module-search-box .search-form {
  position: relative;
  box-sizing: border-box;
  width: 100%; }

.hatena-module-search-box .search-module-input {
  padding: 0.5rem;
  padding-right: 12%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: none;
  background-color: #fff;
  color: #000;
  line-height: 1.382;
  outline: none; }
  .hatena-module-search-box .search-module-input:focus {
    border-color: #4682B4;
    transition: 0.3s; }
    .hatena-module-search-box .search-module-input:focus + .search-module-button {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%234682B4' d='M11.7489008,10.3346872 L15.9568544,14.5426409 L14.5426409,15.9568544 L10.3346872,11.7489008 C9.2597335,12.5355664 7.9341039,13 6.5,13 C2.91014913,13 0,10.0898509 0,6.5 C0,2.91014913 2.91014913,0 6.5,0 C10.0898509,0 13,2.91014913 13,6.5 C13,7.9341039 12.5355664,9.2597335 11.7489008,10.3346872 Z M6.5,11 C8.98528137,11 11,8.98528137 11,6.5 C11,4.01471863 8.98528137,2 6.5,2 C4.01471863,2 2,4.01471863 2,6.5 C2,8.98528137 4.01471863,11 6.5,11 Z'/%3E%3C/svg%3E"); }

.hatena-module-search-box .search-module-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin-top: auto;
  margin-bottom: auto;
  width: 0.75rem;
  height: 0.75rem;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23767676' d='M11.7489008,10.3346872 L15.9568544,14.5426409 L14.5426409,15.9568544 L10.3346872,11.7489008 C9.2597335,12.5355664 7.9341039,13 6.5,13 C2.91014913,13 0,10.0898509 0,6.5 C0,2.91014913 2.91014913,0 6.5,0 C10.0898509,0 13,2.91014913 13,6.5 C13,7.9341039 12.5355664,9.2597335 11.7489008,10.3346872 Z M6.5,11 C8.98528137,11 11,8.98528137 11,6.5 C11,4.01471863 8.98528137,2 6.5,2 C4.01471863,2 2,4.01471863 2,6.5 C2,8.98528137 4.01471863,11 6.5,11 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  outline: none;
  text-indent: -9999px;
  cursor: pointer; }
  .hatena-module-search-box .search-module-button:hover {
    opacity: 0.75; }

/********************
* Page
*********************/
.archive-heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 1.382; }

.ad + .archive-heading {
  margin-top: 2rem; }

.page-archive .archive-entry {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .page-archive .archive-entry:first-child {
    margin-top: 0; }
  .page-archive .archive-entry .date a {
    font-size: 0.875rem;
    color: #000; }
  .page-archive .archive-entry .entry-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.382; }
  .page-archive .archive-entry .categories {
    margin-bottom: 0.5rem; }
  .page-archive .archive-entry .entry-thumb {
    margin-right: 1rem;
    width: 6rem;
    height: 6rem;
    border-radius: 3px; }
  .page-archive .archive-entry .entry-description {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem; }
  .page-archive .archive-entry .social-buttons,
  .page-archive .archive-entry .entry-footer-html {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0; }

.archive-header-category {
  margin-top: 0;
  margin-bottom: 2rem; }
  .archive-header-category .archive-heading {
    margin-bottom: 1rem;
    font-size: 2rem; }

.ad + .archive-header-category {
  margin-top: 2rem; }

.search-result {
  margin-top: 0;
  margin-bottom: 2rem; }
  .search-result .archive-heading {
    margin-bottom: 0.5rem;
    font-size: 2rem; }

.ad + .search-result {
  margin-top: 2rem; }

.page-archive span.highlight {
  background-color: #ffff00;
  border: none;
  border-radius: 3px;
  color: #000;
  margin: 0;
  padding: 0 0.25rem;
  font-weight: inherit; }

.page-about dl {
  margin: 0; }
  .page-about dl dt {
    margin-bottom: 0;
    border-bottom: none;
    font-size: 1rem;
    font-weight: bold;
    font-style: normal; }
  .page-about dl dd {
    margin-left: 0;
    margin-bottom: 2rem; }

/********************
* Animation
*********************/
@keyframes animation-floating-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-4px); } }

@keyframes animation-floating-right {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(4px); } }

/********************
* Option
*********************/
/* --- ソーシャルボタンを配置、カウント付きソーシャルボタンを配置 --- */
.custom-share-buttons {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .custom-share-buttons .custom-share-buttons-link {
    display: inline-block; }
    .custom-share-buttons .custom-share-buttons-link:hover {
      text-decoration: none;
      opacity: 0.75; }
      .custom-share-buttons .custom-share-buttons-link:hover [class*=blogicon-].lg {
        animation-duration: 0.3s;
        animation-name: animation-swing;
        animation-iteration-count: 2;
        animation-direction: alternate; }
    .custom-share-buttons .custom-share-buttons-link + .custom-share-buttons-link {
      margin-left: 1rem; }
    .custom-share-buttons .custom-share-buttons-link.hatena-bookmark-button {
      color: #008fde; }
    .custom-share-buttons .custom-share-buttons-link.facebook-button {
      color: #3b5998; }
    .custom-share-buttons .custom-share-buttons-link.twitter-button {
      color: #1da1f2; }
  .custom-share-buttons [class*=blogicon-].lg {
    font-size: 1.5rem;
    line-height: 1;
    vertical-align: -15%; }
    .custom-share-buttons [class*=blogicon-].lg.blogicon-bookmark {
      font-size: 1.55rem; }
    .custom-share-buttons [class*=blogicon-].lg.blogicon-facebook, .custom-share-buttons [class*=blogicon-].lg.blogicon-twitter {
      font-size: 1.4rem; }
  .custom-share-buttons .custom-share-buttons-link-text {
    font-weight: bold; }

@keyframes animation-swing {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-15deg); }
  100% {
    transform: rotate(15deg); } }

/* --- 記事内モジュール ---*/
.entry-content .custom-image-centered img {
  margin-left: auto;
  margin-right: auto; }

.entry-content .custom-image-full img {
  width: 100%; }

/********************
* Customize
*********************/
/* --- 色を変更する --- */
/* color/theme-header-color */
#globalheader-container,
#blog-title {
  background-color: #fff;
}

#globalheader-container,
#title a {
  color: #000000;
}

/* color/theme-comment-button-color */
.entry-footer .leave-comment-title {
  background-color: #f04600;
}

/* color/theme-sub-color */
.breadcrumb-link,
.breadcrumb-link:visited,
.entry-footer .comment-box ul li .comment-user-id,
.entry-footer .comment-box ul li .comment-user-id:visited,
.pager .pager-prev a,
.pager .pager-next a,
.pager .pager-prev a:visited,
.pager .pager-next a:visited,
.hatena-module a,
.hatena-module a:visited {
  color: #f04600;
}

.hatena-module-search-box .search-module-input:focus {
  border-color: #f04600;
}

.pager .pager-prev:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23f04600' d='M7,13 C10.3137085,13 13,10.3137085 13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 Z M7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,10.8659932 10.8659932,14 7,14 Z M5.91421356,7.03553391 L8.3890873,9.51040764 C8.58434944,9.70566979 8.58434944,10.0222523 8.3890873,10.2175144 C8.19382515,10.4127766 7.87724266,10.4127766 7.68198052,10.2175144 L4.85355339,7.3890873 C4.75592232,7.29145622 4.70710678,7.16349506 4.70710678,7.03553391 C4.70710678,6.90757275 4.75592232,6.77961159 4.85355339,6.68198052 L7.68198052,3.85355339 C7.87724266,3.65829124 8.19382515,3.65829124 8.3890873,3.85355339 C8.58434944,4.04881554 8.58434944,4.36539803 8.3890873,4.56066017 L5.91421356,7.03553391 Z'/%3E%3C/svg%3E");
}

.pager .pager-next::after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23f04600' d='M7,13 C10.3137085,13 13,10.3137085 13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 Z M7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,10.8659932 10.8659932,14 7,14 Z M8.15685425,7.03553391 L5.68198052,9.51040764 C5.48671837,9.70566979 5.48671837,10.0222523 5.68198052,10.2175144 C5.87724266,10.4127766 6.19382515,10.4127766 6.3890873,10.2175144 L9.21751442,7.3890873 C9.31514549,7.29145622 9.36396103,7.16349506 9.36396103,7.03553391 C9.36396103,6.90757275 9.31514549,6.77961159 9.21751442,6.68198052 L6.3890873,3.85355339 C6.19382515,3.65829124 5.87724266,3.65829124 5.68198052,3.85355339 C5.48671837,4.04881554 5.48671837,4.36539803 5.68198052,4.56066017 L8.15685425,7.03553391 Z'/%3E%3C/svg%3E");
}

.hatena-module-search-box .search-module-input:focus + .search-module-button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23f04600' d='M10.1541104,9.4470036 L13.7890874,13.0819806 L13.7890874,13.0819806 C13.9843495,13.2772428 13.9843495,13.5938252 13.7890874,13.7890874 C13.5938252,13.9843495 13.2772428,13.9843495 13.0819806,13.7890874 L9.4470036,10.1541104 C8.44743584,10.9940699 7.15780108,11.5 5.75,11.5 C2.57436269,11.5 0,8.92563731 0,5.75 C0,2.57436269 2.57436269,0 5.75,0 C8.92563731,0 11.5,2.57436269 11.5,5.75 C11.5,7.15780108 10.9940699,8.44743584 10.1541104,9.4470036 Z M5.75,10.5 C8.37335256,10.5 10.5,8.37335256 10.5,5.75 C10.5,3.12664744 8.37335256,1 5.75,1 C3.12664744,1 1,3.12664744 1,5.75 C1,8.37335256 3.12664744,10.5 5.75,10.5 Z'/%3E%3C/svg%3E");
}

/* color/link-color */
a {
  color: #0084b2;
}

a:visited {
  color: #1c6989;
}

/* color/selection-color */
::selection {
  background-color: #fdbdba;
}

::-moz-selection {
  background-color: #fdbdba;
}

/* color/highlight-color */
mark,
.page-archive span.highlight{
  background-color: #ffd016;
}

/* color/black */
body,
mark,
h1 a, h1 a:hover, h1 a:visited,
h2 a, h2 a:hover, h2 a:visited,
h3 a, h3 a:hover, h3 a:visited,
h4 a, h4 a:hover, h4 a:visited,
h5 a, h5 a:hover, h5 a:visited,
h6 a, h6 a:hover, h6 a:visited,
a.keyword,
.data a,
.entry-header-menu a,
.entry-content cite a,
.entry-footer .hatena-module-related-entries .hatena-urllist .urllist-title-link,
.entry-footer .hatena-module-related-entries .urllist-title-link a,
#footer-inner,
#footer-inner a,
.hatena-module .hatena-module-title,
.hatena-module .hatena-module-title a,
.hatena-module .hatena-module-title a:visited,
.hatena-urllist .urllist-date-link a,
.hatena-module-search-box .search-module-input,
.page-archive .date a,
.page-archive span.highlight {
  color: #000000;
}

.entry-header-menu a {
  border-color: #000000;
}

.entry-content cite:before,
.entry-content pre {
  background-color: #000000;
}

/* color/dark-gray */
.categories a,
.entry-footer .entry-footer-section,
.entry-footer .entry-footer-section a,
.entry-footer .entry-footer-section .entry-footer-time a,
.entry-footer .comment-box ul .comment-metadata,
.entry-footer .hatena-module-related-entries .hatena-urllist .urllist-category-link {
  color: #676863;
}

.hatena-module-search-box .search-module-button {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23676863' d='M10.1541104,9.4470036 L13.7890874,13.0819806 L13.7890874,13.0819806 C13.9843495,13.2772428 13.9843495,13.5938252 13.7890874,13.7890874 C13.5938252,13.9843495 13.2772428,13.9843495 13.0819806,13.7890874 L9.4470036,10.1541104 C8.44743584,10.9940699 7.15780108,11.5 5.75,11.5 C2.57436269,11.5 0,8.92563731 0,5.75 C0,2.57436269 2.57436269,0 5.75,0 C8.92563731,0 11.5,2.57436269 11.5,5.75 C11.5,7.15780108 10.9940699,8.44743584 10.1541104,9.4470036 Z M5.75,10.5 C8.37335256,10.5 10.5,8.37335256 10.5,5.75 C10.5,3.12664744 8.37335256,1 5.75,1 C3.12664744,1 1,3.12664744 1,5.75 C1,8.37335256 3.12664744,10.5 5.75,10.5 Z'/%3E%3C/svg%3E");
}

/* --- ヘッダータイトルを SVG ロゴに置き換える --- */
#blog-title {
  display: none;
}

.chatwork-header {
  /* 背景に色や画像を指定するときはここで指定 */
  margin-top: 4rem;
  margin-bottom: 4rem
}

.chatwork-header-inner {
  max-width: 60rem;
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 60rem) {
  .chatwork-header-inner:after {
    content: "";
    display: block;
    clear: both;
  }
}

.chatwork-header-logo {
  display: block;
}

.chatwork-header-logo svg {
  max-width: 100%;
}

@media screen and (min-width: 60rem) {
  .chatwork-header-logo {
    float: left;
  }
}

.chatwork-header-logo-image {
  display: block;
  margin: 0 auto;
  width: 20rem;
  height: calc(20rem * .2262443439); /* For IE11 */
}

@media screen and (min-width: 60rem) {
  .chatwork-header-logo-image {
    margin: 0;
  }
}

.chatwork-header-info {
  text-align: center;
  color: #888888;
  margin-top: 1.5rem;
}

@media screen and (min-width: 60rem) {
  .chatwork-header-info {
    float: right;
    max-width: 16rem;
    margin-top: 0;
    font-size: .875rem;
    text-align: left;
  }
}

.chatwork-header-info-desc {
  margin-top: 0;
  margin-bottom: .5rem;
}

.chatwork-header-info-desc a {
  color: inherit;
  text-decoration: underline;
}

.chatwork-header-info-desc a:hover {
  text-decoration: none;
}

.chatwork-header-info-button,
.chatwork-header-info-button:visited {
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: .5rem;
  padding: .25rem .5rem;
  border-radius: 3px;
  border: 1px solid #8f836d; /* ボタンテキストの色より少し抑えた色を指定 */
  color: #888888;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}

.chatwork-header-info-button:hover {
  text-decoration: none;
  opacity: .85;
}

.chatwork-header-info-button-icon {
  display: inline-block;
  margin-right: .25rem;
  width: .875rem;
  height: .875rem;
  vertical-align: -1.5px;
  fill: #8f836d; /* ボタンテキストの色より少し抑えた色を指定 */
}

/* --- コメントボタンをラインボタンに --- */
.entry-footer .leave-comment-title {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 3px;
  border: 1px solid #f04600;
  background-color: transparent;
  font-size: 1rem; /* モバイルで小さく見えるので文字サイズを上げる */
  font-weight: 300;
  color: #f04600;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
}


@media screen and (min-width: 60rem) {
  .entry-footer .leave-comment-title {
    font-size: .875rem;
  }
}

.entry-footer .leave-comment-title:hover {
  text-decoration: none;
  opacity: .85;
}

.entry-footer .leave-comment-title:before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23f04600' d='M13,13 L13,7 C13,3.6862915 10.3137085,1 7,1 C3.6862915,1 1,3.6862915 1,7 C1,10.3137085 3.6862915,13 7,13 L13,13 Z M7,0 C10.8659932,-7.10171439e-16 14,3.13400675 14,7 L14,14 L7,14 C3.13400675,14 4.73447626e-16,10.8659932 0,7 C-4.73447626e-16,3.13400675 3.13400675,7.10171439e-16 7,0 Z M4,5.5 L10,5.5 L10,5.5 C10.2761424,5.5 10.5,5.72385763 10.5,6 L10.5,6 L10.5,6 C10.5,6.27614237 10.2761424,6.5 10,6.5 L4,6.5 L4,6.5 C3.72385763,6.5 3.5,6.27614237 3.5,6 L3.5,6 L3.5,6 C3.5,5.72385763 3.72385763,5.5 4,5.5 Z M4,8 L10,8 L10,8 C10.2761424,8 10.5,8.22385763 10.5,8.5 L10.5,8.5 L10.5,8.5 C10.5,8.77614237 10.2761424,9 10,9 L4,9 L4,9 C3.72385763,9 3.5,8.77614237 3.5,8.5 L3.5,8.5 L3.5,8.5 C3.5,8.22385763 3.72385763,8 4,8 Z'/%3E%3C/svg%3E");
  display: inline-block;
  margin-right: .25rem;
  width: .875rem;
  height: .875rem;
  vertical-align: -1.4px;
}

/* --- アイコンの形状をチャットワーク型に --- */
.hatena-module-authors-list .hatena-urllist .authors-user-icon,
.entry-footer .comment-box ul .hatena-id-icon {
  border-radius: 50% 50% 0 50%;
}

/* --- 検索アイコンを大きくする --- */
.hatena-module-search-box .search-module-button {
  width: .875rem;
  height: .875rem;
}

/* --- ページャーデザインを変更 --- */
.pager .pager-prev a,
.pager .pager-next a,
.pager .pager-prev a:visited,
.pager .pager-next a:visited {
  font-weight: 300;
}

.pager .pager-prev:before,
.pager .pager-next:after {
  width: 1rem;
  height: 1rem;
}

/* --- シェアボタンを変更 --- */
.custom-share-buttons .custom-share-buttons-link + .custom-share-buttons-link {
  margin-left: .5rem;
}

.custom-share-buttons [class*=blogicon-].lg {
  vertical-align: -12%;
}

/* --- ページャーデザインの変更 --- */
.pager .pager-prev,
.pager .pager-next {
  display: inline-block;
}

.pager .pager-prev {
  margin-right: .5rem;
}

/* --- サイドバーのタイトルデザインを変更 --- */
.hatena-module .hatena-module-title,
.hatena-module .hatena-module-title a,
.hatena-module .hatena-module-title a:visited {
  color: #888888;
}

/* --- サイドバーのリストデザインを変更 --- */
#box2-inner .hatena-module-links .hatena-urllist,
#box2-inner .hatena-module-recent-entries .hatena-urllist,
#box2-inner .hatena-module-related-entries .hatena-urllist,
#box2-inner .hatena-module-entries-access-ranking .hatena-urllist,
#box2-inner .hatena-module-category .hatena-urllist {
  list-style: none;
  padding-left: 1.25rem;
}

#box2-inner .hatena-module-links .hatena-urllist li,
#box2-inner .hatena-module-recent-entries .hatena-urllist li,
#box2-inner .hatena-module-related-entries .hatena-urllist li,
#box2-inner .hatena-module-entries-access-ranking .hatena-urllist li,
#box2-inner .hatena-module-category .hatena-urllist li {
  position: relative;
}

#box2-inner .hatena-module-links .hatena-urllist li:before,
#box2-inner .hatena-module-recent-entries .hatena-urllist li:before,
#box2-inner .hatena-module-related-entries .hatena-urllist li:before,
#box2-inner .hatena-module-entries-access-ranking .hatena-urllist li:before,
#box2-inner .hatena-module-category .hatena-urllist li:before {
  content: "";
  position: absolute;
  top: .5rem;
  left: -1rem;
  display: block;
  width: .25rem;
  height: .25rem;
  border: 1px solid #888888;
  border-radius: 50%;
}

/* --- サイドバーのバナーデザインを変更 --- */
.side__banner {
  margin: 0;
  padding: 0;
}

.side__banner li {
  list-style: none;
}

.side__banner li+li {
  margin-top: 24px;
}

.side__banner a {
  display: block;
  opacity: 1;
  transition: all .3s ease-in;
}

.side__banner a:hover {
  opacity: .75;
}


/* --- 記事下部にinternshipを追加 --- */
.entry-internship {
  margin-top: 60px; 
  padding: 20px;
  background: #FFF;
  border: solid 1px #888888;
  border-radius: 10px;
}

.entry-internship h1 {
  margin: 0;
  color: #888888;
}

.entry-internship img {
  width:100%;
  height: auto;
}