@charset "UTF-8";
/* ===== ↓デフォルトのコンテナサイズ↓ ===== */
#container {
  width: 100%; }

#container-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #container-inner #blog-title {
    flex-grow: 1;
    width: 100%; }
  #container-inner #content {
    width: 100%;
    display: flex;
    justify-content: space-around; }
    #container-inner #content #content-inner {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 1500px; }
      @media (min-width: 768px) {
        #container-inner #content #content-inner {
          width: 100%; } }
      @media (min-width: 992px) {
        #container-inner #content #content-inner {
          width: 1500px; } }
      @media (max-width: 480px) {
        #container-inner #content #content-inner {
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 768px) {
        #container-inner #content #content-inner {
          margin-left: 10px;
          margin-right: 10px; } }
      @media (min-width: 992px) {
        #container-inner #content #content-inner {
          margin-left: 20px;
          margin-right: 20px; } }
      #container-inner #content #content-inner #wrapper {
        margin-bottom: 10px;
        width: 600px;
        flex-grow: 1000000000000000000000000000; }
        @media (max-width: 600px) {
          #container-inner #content #content-inner #wrapper {
            width: 350px; } }
        #container-inner #content #content-inner #wrapper #main {
          padding: 15px; }
      #container-inner #content #content-inner #box2 {
        height: 100%;
        flex-grow: 1;
        width: 250px; }
        @media (max-width: 500px) {
          #container-inner #content #content-inner #box2 {
            height: auto; }
            #container-inner #content #content-inner #box2 .hatena-module-sticky {
              display: none; }
            #container-inner #content #content-inner #box2 #box2-inner {
              height: auto; } }
        #container-inner #content #content-inner #box2 .adx-responsive-mod {
          width: 250px;
          overflow: hidden; }
        @media (max-width: 480px) {
          #container-inner #content #content-inner #box2 {
            margin-left: 0; } }
        @media (min-width: 768px) {
          #container-inner #content #content-inner #box2 {
            margin-left: 10px; } }
        @media (min-width: 992px) {
          #container-inner #content #content-inner #box2 {
            margin-left: 20px; } }
        #container-inner #content #content-inner #box2 #box2-inner {
          height: 100%;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-content: flex-start; }
          #container-inner #content #content-inner #box2 #box2-inner .hatena-module {
            overflow: hidden;
            width: 250px;
            flex-grow: 1;
            background: whitesmoke;
            margin-bottom: 10px; }
            @media (min-width: 992px) {
              #container-inner #content #content-inner #box2 #box2-inner .hatena-module {
                margin-bottom: 20px; } }
            #container-inner #content #content-inner #box2 #box2-inner .hatena-module .hatena-module-title {
              border-bottom: 3px solid #dfe5e7;
              padding-bottom: 0.5em;
              margin: 25px 25px calc(5px + 0.5em); }
            #container-inner #content #content-inner #box2 #box2-inner .hatena-module .hatena-module-body {
              padding: 0 25px 25px 25px; }

/* ===== ↑デフォルトのコンテナサイズ↑ ===== */
.article-list-ad {
  margin-top: 2em;
  margin-bottom: 2em; }

.entry-footer-ad {
  margin-top: 2em; }

#footer-ad-rectangle {
  margin: auto; }

#touch-top-entry-header-ad {
  display: flex;
  flex-direction: column;
  align-items: center; }

/* ===== ↓デフォルトの装飾↓ ===== */
#content-inner a {
  color: #E63946;
  text-decoration: none; }
  #content-inner a:hover {
    text-decoration: underline; }
  #content-inner a:visited {
    color: #bf1a1d; }
#content-inner th {
  border: 1px solid;
  border-bottom: 2px solid; }
#content-inner td {
  border: 1px solid; }
#content-inner th, #content-inner td {
  padding: 0.25em 0.5em; }
#content-inner table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ===== ↑デフォルトの装飾↑ ===== */
/* ===== ↓検索↓ ===== */
.archive-entries .archive-entry .archive-entry-body .entry-description {
  word-break: break-all; }

/* ===== ↑検索↑ ===== */
/* ===== ↓記事の修飾↓ ===== */
.entry-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .entry-header .entry-title {
    width: 100%;
    order: 0;
    border-bottom: 4px solid #1D3557;
    margin: 0 0 0.5em; }
    .entry-header .entry-title a {
      text-decoration: none;
      color: #1D3557 !important;
      font-size: 1.25em; }
      .entry-header .entry-title a:hover {
        text-decoration: none !important; }
  .entry-header .entry-categories {
    order: 1; }
    .entry-header .entry-categories .entry-category-link {
      text-decoration: none !important;
      color: black !important; }
  .entry-header .entry-header-menu {
    order: 2;
    margin-left: 1em;
    background: white;
    padding-left: 0.5em;
    padding-right: 0.5em; }
    .entry-header .entry-header-menu a {
      text-decoration: none !important; }
  .entry-header .entry-date {
    order: 3;
    flex-grow: 1;
    display: flex;
    flex-direction: row-reverse; }
  .entry-header .social-buttons {
    order: 4;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1em; }
    .entry-header .social-buttons .social-button-item {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 0; }

.entry-content {
  word-break: break-word; }
  .entry-content h1 {
    font-size: 150%;
    background: #1D3557;
    padding: 8px 32px 8px 32px;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px; }
  .entry-content h2 {
    font-size: 125%;
    background: #5f81bc;
    padding: 2px 32px 2px 16px;
    color: #fff;
    margin-left: 0px;
    margin-right: -15px; }
  .entry-content h3 {
    font-size: 100%;
    padding: 0 16px 0 16px;
    color: #1D3557;
    margin-left: 5px;
    margin-right: -5px;
    border-left: 4px solid #E63946; }
  .entry-content .hatena-fotolife {
    width: 700px; }
  .entry-content table {
    display: block;
    overflow-x: auto; }
  .entry-content code {
    padding: 0 5px !important;
    border: 1px solid gray !important;
    background-color: whitesmoke !important;
    border-radius: 3px !important;
    color: #D71D3B;
    font-size: 1em !important;
    font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif; }
  .entry-content .code {
    background: #293030;
    color: #ccc;
    line-height: 1.5;
    padding: 0.5em; }
    .entry-content .code .synPreProc {
      color: #9355e6; }
    .entry-content .code .synType {
      color: #f66; }
    .entry-content .code .synConstant {
      color: #6A8759; }
    .entry-content .code .synIdentifier {
      color: #51cfcf; }
    .entry-content .code .synSpecial {
      color: #CC7832; }

#entry-footer-secondary-modules {
  background: lightblue;
  padding: 18px;
  border-radius: 10px; }
  #entry-footer-secondary-modules ul {
    padding: 0;
    margin: 0; }
    #entry-footer-secondary-modules ul li {
      border-bottom: solid 1px aliceblue;
      padding: 0.5em 0; }
  #entry-footer-secondary-modules a {
    text-decoration: none;
    color: #1D3557; }
    #entry-footer-secondary-modules a:visited {
      color: #1D3557; }
    #entry-footer-secondary-modules a:hover {
      text-decoration: underline; }
  #entry-footer-secondary-modules .hatena-module-title {
    font-size: 1.3em; }
  #entry-footer-secondary-modules .hatena-module-body {
    padding: 10px 10px; }

/* ===== ↑記事の修飾↑ ===== */
#main {
  background: whitesmoke; }

.category-tag-container, .entry-header .entry-categories .entry-category-link, .entry-header .entry-header-menu, #box2 .hatena-module-category .hatena-urllist li {
  border-radius: 1em;
  border: 1.5px lightgray solid;
  font-size: 0.85em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.15em 0.5em;
  white-space: nowrap; }
  .category-tag-container:hover, .entry-header .entry-categories .entry-category-link:hover, .entry-header .entry-header-menu:hover, #box2 .hatena-module-category .hatena-urllist li:hover {
    background: lightgray; }

#box2 .hatena-urllist {
  margin: 0;
  padding-left: 0; }
  #box2 .hatena-urllist li {
    list-style-type: none; }
#box2 .hatena-module-title a {
  text-decoration: none;
  color: black; }
  #box2 .hatena-module-title a:visited {
    color: black; }
#box2 .hatena-module-links .hatena-module-body a {
  padding: 0.25em 0;
  display: block;
  width: 100%;
  text-decoration: none; }
  #box2 .hatena-module-links .hatena-module-body a:hover {
    background: lightgray; }
#box2 .hatena-module-recent-entries .recent-entries-item {
  margin-top: 0.5em;
  border-bottom: lightgray solid 1px; }
  #box2 .hatena-module-recent-entries .recent-entries-item a {
    font-size: 0.9em; }
#box2 .hatena-module-category .hatena-urllist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0; }
  #box2 .hatena-module-category .hatena-urllist li a {
    text-decoration: none;
    color: black; }
#box2 .hatena-module-html .hatena-module-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important; }
#box2 .hatena-module-search-box .search-form {
  display: flex;
  flex-direction: row; }
  #box2 .hatena-module-search-box .search-form .search-module-input {
    min-width: 0;
    flex-grow: 1;
    padding: 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: transparent; }
  #box2 .hatena-module-search-box .search-form .search-module-button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: transparent;
    border: transparent;
    background: white url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=101ce7d…&env=production) no-repeat 50%;
    background-size: 20px 20px; }
    #box2 .hatena-module-search-box .search-form .search-module-button:hover {
      background: lightgray url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=101ce7d…&env=production) no-repeat 50%;
      background-size: 20px 20px; }
  #box2 .hatena-module-search-box .search-form :focus {
    outline: transparent; }

#globalheader-container {
  background: whitesmoke; }

#footer {
  text-align: center;
  background: whitesmoke; }
  #footer #footer-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    #footer #footer-inner .footer-address {
      flex-grow: 1;
      margin-top: 20px;
      display: inline-block; }
    #footer #footer-inner .services {
      flex-grow: 1;
      display: inline-block; }

#blog-title-inner {
  background: #004082;
  text-align: center; }
  #blog-title-inner #title {
    display: inline-block; }

#container-inner .pager {
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }
  #container-inner .pager .pager-prev {
    flex-basis: 50%;
    display: block;
    background: lightblue;
    padding: 0.5em 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    margin-left: -15px;
    margin-right: 15px;
    text-align: start; }
  #container-inner .pager .pager-next {
    flex-basis: 50%;
    display: block;
    background: lightblue;
    padding: 0.5em 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    margin-right: -15px;
    margin-left: 15px;
    text-align: end; }
  #container-inner .pager a {
    text-decoration: none;
    color: mediumblue;
    display: block;
    width: 100%; }
    #container-inner .pager a:visited {
      color: mediumblue; }
    #container-inner .pager a:hover {
      text-decoration: underline; }

/*# sourceMappingURL=style.css.map */
