@charset "UTF-8";
/* Responsive: yes*/
@-webkit-keyframes alertfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes alertfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@-webkit-keyframes alertfadeout {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes alertfadeout {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W0);
  font-weight: 100;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W1);
  font-weight: 200;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W2);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 800;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 900;
}
@font-face {
  font-family: "Hiragino Sans W9";
  src: local(HiraginoSans-W9);
  font-weight: 900;
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype");
}
@font-face {
  font-family: "Yu Gothic";
  src: local(Yu Gothic Medium);
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local(Yu Gothic Medium);
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local(Yu Gothic Medium);
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local(Yu Gothic Medium);
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local(Yu Gothic Bold);
  font-weight: bold;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, meiryo, sans-serif;
  font-size: 15px;
  color: #222;
  margin: 0;
}

input, textarea {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, meiryo, sans-serif;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #CCC;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #CCC;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #CCC;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #CCC;
}

input::placeholder, textarea::placeholder {
  color: #CCC;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
input[type=datetime-local],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

h1, h2, h3, p, ul, ol, dl, dt, dd {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

a {
  color: #222;
  text-decoration: none;
}

a img {
  vertical-align: middle;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

hr {
  border: 1px solid #E0E0E0;
}

address {
  font-size: 14px;
}

.search-result-form {
  display: none;
}

.urllist-with-thumbnails li .urllist-image {
  margin: 0;
  float: none;
}

.page-archive .entry-thumb {
  width: initial;
  height: initial;
  margin-right: 0;
  float: none;
  background-position: center center;
}

.entry-content .hatena-id-icon, .entry-content .profile-icon, .entry-content .http-favicon {
  vertical-align: baseline;
}

.hatena-star-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.itunes-embed {
  margin: 40px 0;
  padding: 20px;
  border: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.itunes-embed > a {
  margin-right: 20px;
}
.itunes-embed .itunes-embed-image {
  float: none;
  margin-right: 0;
}
.itunes-embed .itunes-embed-title {
  margin-bottom: 10px !important;
}
.itunes-embed .itunes-embed-info ul {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.itunes-embed .itunes-embed-badge {
  margin-top: 10px;
}

.hatena-asin-detail {
  margin: 40px 0;
  padding: 10px 20px;
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
.hatena-asin-detail > a {
  margin-right: 20px;
}
.hatena-asin-detail .hatena-asin-detail-image {
  max-width: initial;
  float: none;
  margin-right: 0;
}
.hatena-asin-detail .hatena-asin-detail-title {
  margin-bottom: 10px !important;
}
.hatena-asin-detail .hatena-asin-detail-info ul {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.hatena-asin-detail .hatena-asin-detail-info .asin-detail-buy {
  margin-top: 24px !important;
}

.hatena-image-right, .hatena-image-left {
  max-width: 50% !important;
}

.hatena-citation {
  margin-top: -10px !important;
}

figure span img:last-child {
  display: block;
  margin-bottom: 0;
}

#wrapper {
  width: 100%;
}

nav {
  width: calc(100vw - 160px);
  height: 80px;
  padding: 0 80px;
}

.page-index #main {
  width: calc(100vw - 160px);
  margin: 0 80px;
}

.page-archive #main {
  width: calc(100vw - 480px);
  margin: 0 80px;
}

#header-modules {
  margin: 0 80px;
}

#content {
  padding-top: 80px;
}

#box2 {
  width: 240px;
  margin-right: 80px;
}

.breadcrumb {
  font-size: 14px;
  line-height: 20px;
  width: calc(100vw - 160px);
  margin: 0 80px 40px;
}
.breadcrumb .breadcrumb-inner .breadcrumb-child {
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 3px solid #222;
}

.entry-footer {
  margin-top: 40px;
  margin-bottom: 40px;
}

.urllist-title-link, .entry-title-link {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 1.5;
  letter-spacing: 0.01em;
  word-wrap: break-word;
}

.urllist-date-link, .archive-date, .entry-date {
  font-size: 15px;
  line-height: 18px;
}
.urllist-date-link a, .archive-date a, .entry-date a {
  color: #999;
}

a > .urllist-image {
  border-radius: 4px;
  background-color: #FEFEFE;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
a > .urllist-image:hover {
  opacity: 0.8;
}

.entry-header-menu {
  font-size: 14px;
  font-weight: bold;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.entry-header-menu a:hover {
  text-decoration: none !important;
}
.entry-header-menu:after {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 6px;
  margin-right: 20px;
  margin-bottom: 1px;
}

.categories a {
  margin-right: 10px;
}

.categories .category-Pin {
  display: none;
}

.more {
  text-align: center;
}
.more a {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  display: inline-block;
  margin: 10px auto 60px;
  position: relative;
}
.more a:after {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 10px;
  position: absolute;
  top: 8px;
  left: 100%;
}

.search-form {
  position: relative;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.search-form input[type=text] {
  border: none;
  outline: none;
  font-size: 13px;
  height: 26px;
  padding: 0 9px;
}
.search-form .search-module-button {
  width: 30px;
  height: 30px;
  background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=101ce7d…&env=production) no-repeat 50%;
  background-size: 20px 20px;
  border: none;
  outline: none;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  opacity: 0.5;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
.search-form .search-module-button:hover {
  opacity: 1;
}

.banner-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.banner-module li {
  width: calc( ( 100% - 120px ) / 4);
  margin-right: 40px;
}
.banner-module li:nth-child(4) {
  margin-right: 0;
}
.banner-module a {
  display: block;
}
.banner-module img {
  width: 100%;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
.banner-module img:hover {
  opacity: 0.8;
}

#box2 {
  font-size: 13px;
}
#box2 .hatena-module {
  margin-bottom: 40px;
}
#box2 .hatena-module:last-child {
  margin-bottom: 0;
}
#box2 .hatena-module-category .hatena-urllist li:first-child {
  display: none;
}
#box2 .hatena-module-title {
  font-weight: bold;
  margin-bottom: 10px;
}
#box2 .hatena-module-body li {
  margin-bottom: 4px;
}
#box2 .hatena-module-body li > ul {
  margin-top: 4px;
  margin-bottom: 8px;
}
#box2 .hatena-module-body li:before {
  content: "-";
  margin-right: 5px;
}
#box2 .hatena-module-body .archive-module-show-button, #box2 .hatena-module-body .archive-module-hide-button {
  color: #999;
}

.entry-footer-time {
  margin-left: 10px;
}
.entry-footer-time a {
  color: #999;
}

.footer {
  margin-top: 60px;
  margin-bottom: 20px;
}
.footer address {
  font-size: 13px;
  font-style: normal;
  text-align: center;
}

.page-archive #content, .page-entry #content, .page-about #content, .page-static_page #content {
  padding-top: 140px;
}
.page-archive #top-box, .page-entry #top-box, .page-about #top-box, .page-static_page #top-box {
  padding-top: 140px;
}

.page-archive nav li.archive a, .page-entry nav li.archive a {
  color: #1EA0F0;
  font-weight: bold;
}
.page-archive nav li.archive a:after, .page-entry nav li.archive a:after {
  content: "";
  display: block;
  margin-top: -4px;
  border-bottom: 4px solid #1EA0F0;
  -webkit-transition: 200ms border-color;
  transition: 200ms border-color;
}
.page-archive nav li.archive a:hover, .page-entry nav li.archive a:hover {
  color: #0A82D2;
}
.page-archive nav li.archive a:hover:after, .page-entry nav li.archive a:hover:after {
  border-bottom: 4px solid #0A82D2;
}

.page-archive.category-News nav li.archive a {
  color: #222;
}
.page-archive.category-News nav li.archive a:after {
  border-bottom: none;
}
.page-archive.category-News nav li.news a {
  color: #1EA0F0;
  font-weight: bold;
}
.page-archive.category-News nav li.news a:after {
  content: "";
  display: block;
  margin-top: -4px;
  border-bottom: 4px solid #1EA0F0;
  -webkit-transition: 200ms border-color;
  transition: 200ms border-color;
}
.page-archive.category-News nav li.news a:hover {
  color: #0A82D2;
}
.page-archive.category-News nav li.news a:hover:after {
  border-bottom: 4px solid #0A82D2;
}

.static-page-works nav li.works a {
  color: #1EA0F0;
  font-weight: bold;
}
.static-page-works nav li.works a:after {
  content: "";
  display: block;
  margin-top: -4px;
  border-bottom: 4px solid #1EA0F0;
  -webkit-transition: 200ms border-color;
  transition: 200ms border-color;
}
.static-page-works nav li.works a:hover {
  color: #0A82D2;
}
.static-page-works nav li.works a:hover:after {
  border-bottom: 4px solid #0A82D2;
}

.static-page-recruit nav li.recruit a {
  color: #1EA0F0;
  font-weight: bold;
}
.static-page-recruit nav li.recruit a:after {
  content: "";
  display: block;
  margin-top: -4px;
  border-bottom: 4px solid #1EA0F0;
  -webkit-transition: 200ms border-color;
  transition: 200ms border-color;
}
.static-page-recruit nav li.recruit a:hover {
  color: #0A82D2;
}
.static-page-recruit nav li.recruit a:hover:after {
  border-bottom: 4px solid #0A82D2;
}

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

.related-entries-categories {
  display: none;
}

nav {
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 2;
}
nav a, nav a:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
nav h1.logo {
  width: 104px;
  height: 32px;
  margin: 24px auto 24px 0;
}
nav h1.logo a {
  width: 100%;
  height: 100%;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxMDQgMzIiPjxwYXRoIGQ9Ik01My40MzEsOC44NThBNC4yODUsNC4yODUsMCwwLDEsNTUuNjM5LDEwLjVhNS43NjYsNS43NjYsMCwwLDEsLjkyNCwyLjA5MiwxMC4wNDYsMTAuMDQ2LDAsMCwxLC4yNDYsMi4xNDQsOC42LDguNiwwLDAsMS0xLjAzOCw0LjM3Nyw0LjY4NCw0LjY4NCwwLDAsMS00LjM0NSwyLjQxN0g0NS44NFY4LjU3N2g1LjU4NkE2Ljg1MSw2Ljg1MSwwLDAsMSw1My40MzEsOC44NThabS00Ljk2MywxLjk2OXY4LjQ1NWgyLjVhMi43LDIuNywwLDAsMCwyLjY3Ni0xLjg4OSw2LjY1Niw2LjY1NiwwLDAsMCwuNDE0LTIuNDcsNi4wOCw2LjA4LDAsMCwwLS42Mi0zLjAzNywyLjYyNCwyLjYyNCwwLDAsMC0yLjQ3LTEuMDU5WiIgZmlsbD0iIzIyMiIvPjxwYXRoIGQ9Ik02NC44OCwxMi4xNDZhMy45LDMuOSwwLDAsMSwxLjY1NSwxLjQxNyw0LjcsNC43LDAsMCwxLC43NjMsMS45ODEsMTIuMiwxMi4yLDAsMCwxLC4wODMsMS45SDYwLjRhMi4zLDIuMywwLDAsMCwxLDIuMDIyLDIuNTQ4LDIuNTQ4LDAsMCwwLDEuMzgxLjM2LDEuOTQ2LDEuOTQ2LDAsMCwwLDEuOTA3LTEuMUg2Ny4yNWEzLjEyNSwzLjEyNSwwLDAsMS0uOTI5LDEuNzMxLDQuNjUzLDQuNjUzLDAsMCwxLTMuNiwxLjQsNS4yMjcsNS4yMjcsMCwwLDEtMy4zNzQtMS4xNzgsNC42NDQsNC42NDQsMCwwLDEtMS40NjItMy44MzZBNS4xODUsNS4xODUsMCwwLDEsNTkuMiwxMy4wMjYsNC42Miw0LjYyLDAsMCwxLDYyLjYyNiwxMS43LDUuNDY1LDUuNDY1LDAsMCwxLDY0Ljg4LDEyLjE0NlpNNjEuMTMyLDE0LjMxYTIuNiwyLjYsMCwwLDAtLjY2NywxLjQ4M0g2NC43OGEyLjA4NywyLjA4NywwLDAsMC0uNjY3LTEuNTE0LDIuMTk1LDIuMTk1LDAsMCwwLTEuNDg2LS41MTZBMS45ODcsMS45ODcsMCwwLDAsNjEuMTMyLDE0LjMxWiIgZmlsbD0iIzIyMiIvPjxwYXRoIGQ9Ik03MC41OSwxOC40NzRhMS42NjcsMS42NjcsMCwwLDAsLjM0NS45NDksMi4zMzEsMi4zMzEsMCwwLDAsMS43My41LDIuNjM5LDIuNjM5LDAsMCwwLDEuMTc5LS4yMi43LjcsMCwwLDAsLjQzNy0uNjU5LjcxMS43MTEsMCwwLDAtLjM1Mi0uNjQyLDE0LjQ5MSwxNC40OTEsMCwwLDAtMi42Mi0uNzU2LDUuNDM5LDUuNDM5LDAsMCwxLTIuMy0xLjAxLDIuMTk0LDIuMTk0LDAsMCwxLS42NjgtMS43MjMsMi45ODUsMi45ODUsMCwwLDEsMS4wNDQtMi4yODEsNC4yLDQuMiwwLDAsMSwyLjkzNy0uOTUzLDUuNCw1LjQsMCwwLDEsMi45MjkuNzE2LDMuMDY3LDMuMDY3LDAsMCwxLDEuMywyLjQ3NEg3NC4wNDRhMS40OCwxLjQ4LDAsMCwwLS4yNzMtLjc2NSwxLjcyNSwxLjcyNSwwLDAsMC0xLjQxLS41MDksMi4wMzIsMi4wMzIsMCwwLDAtMS4xNjguMjU1LjczMy43MzMsMCwwLDAtLjM0OC42LjY1NC42NTQsMCwwLDAsLjM3LjYyNCwxNi4wOCwxNi4wOCwwLDAsMCwyLjYxNS43LDQuNzg5LDQuNzg5LDAsMCwxLDIuMjQ0LDEuMDYzLDIuNDEzLDIuNDEzLDAsMCwxLC43MzksMS44LDIuOTA5LDIuOTA5LDAsMCwxLTEuMDYyLDIuMzI1LDUsNSwwLDAsMS0zLjI4LjksNC45NDMsNC45NDMsMCwwLDEtMy4zNDItLjk1MywzLjEsMy4xLDAsMCwxLTEuMDc5LTIuNDNaIiBmaWxsPSIjMjIyIi8+PHBhdGggZD0iTTgxLjIzNCwxMC44MWgtMi41NFY4LjVoMi41NFptLTIuNTQsMS4xNDJoMi41NHY5LjU4aC0yLjU0WiIgZmlsbD0iIzIyMiIvPjxwYXRoIGQ9Ik04OC40LDExLjk0M2EzLjAxMSwzLjAxMSwwLDAsMSwxLjQ3NCwxLjM4OXYtMS4zOGgyLjQ0NFYyMS4wNGE1LjA5MSw1LjA5MSwwLDAsMS0uNjI0LDIuOHEtMS4wNzMsMS42MTctNC4xMTQsMS42MTdhNS42LDUuNiwwLDAsMS0zLS43MjFBMi42NTksMi42NTksMCwwLDEsODMuMywyMi41NzhoMi43MjVhMS4xMjgsMS4xMjgsMCwwLDAsLjM0Mi42MzMsMi4xMjMsMi4xMjMsMCwwLDAsMS4zNjMuMzQzLDEuODI5LDEuODI5LDAsMCwwLDEuODEtLjkwNiw0LjU4NSw0LjU4NSwwLDAsMCwuMy0xLjk1MXYtLjYxNWEzLjA1OCwzLjA1OCwwLDAsMS0uNzczLjkyMywzLjExMSwzLjExMSwwLDAsMS0xLjk0My41NzEsMy42NzQsMy42NzQsMCwwLDEtMi45NDgtMS4zLDUuMjM4LDUuMjM4LDAsMCwxLTEuMS0zLjUxMSw1LjkyNyw1LjkyNywwLDAsMSwxLjA2My0zLjU5MSwzLjUwNiwzLjUwNiwwLDAsMSwzLjAxMS0xLjQ1NEEzLjMwNywzLjMwNywwLDAsMSw4OC40LDExLjk0M1ptLjg1Myw2Ljg2OWEzLjA4NCwzLjA4NCwwLDAsMCwuNi0yLjExNCwzLjI0NiwzLjI0NiwwLDAsMC0uNTc0LTIuMDc0LDEuODY4LDEuODY4LDAsMCwwLTEuNTM2LS43MTIsMS44MDksMS44MDksMCwwLDAtMS44MTEsMS4yMzksNC40MTYsNC40MTYsMCwwLDAtLjI2MywxLjYyNiwzLjcyMiwzLjcyMiwwLDAsMCwuMjgsMS40ODYsMS44MjcsMS44MjcsMCwwLDAsMS44MjEsMS4yMTNBMS45MjYsMS45MjYsMCwwLDAsODkuMjUyLDE4LjgxMloiIGZpbGw9IiMyMjIiLz48cGF0aCBkPSJNMTAyLjM4LDEyLjVhMy4xNzIsMy4xNzIsMCwwLDEsLjk0LDIuNTh2Ni40NTFoLTIuNTY2VjE1LjcwNWEyLjY3MSwyLjY3MSwwLDAsMC0uMi0xLjE2LDEuNDExLDEuNDExLDAsMCwwLTEuNC0uNzM4LDEuNzMxLDEuNzMxLDAsMCwwLTEuNzM2LDEuMDgxLDMuNzM1LDMuNzM1LDAsMCwwLS4yNDQsMS40NTl2NS4xODVIOTQuNjcyVjExLjk3SDk3LjF2MS40YTQuMjUsNC4yNSwwLDAsMSwuOTEtMS4wNjMsMy4xNTMsMy4xNTMsMCwwLDEsMS45NTItLjU4QTMuNjc4LDMuNjc4LDAsMCwxLDEwMi4zOCwxMi41WiIgZmlsbD0iIzIyMiIvPjxjaXJjbGUgY3g9IjEyLjgiIGN5PSIyLjU2IiByPSIyLjU2IiBmaWxsPSIjMDBhMGYwIi8+PGNpcmNsZSBjeD0iMjMuMDQiIGN5PSIyLjU2IiByPSIyLjU2IiBmaWxsPSIjMDBhMGYwIi8+PGNpcmNsZSBjeD0iNy42OCIgY3k9IjguOTYiIHI9IjIuNTYiIGZpbGw9IiMwMGEwZjAiLz48Y2lyY2xlIGN4PSIyOC4xNiIgY3k9IjguOTYiIHI9IjIuNTYiIGZpbGw9IiMwMGEwZjAiLz48Y2lyY2xlIGN4PSIxNy45MiIgY3k9IjI5LjQ0IiByPSIyLjU2IiBmaWxsPSIjMDBhMGYwIi8+PGNpcmNsZSBjeD0iMjMuMDQiIGN5PSIxNS4zNiIgcj0iMi41NiIgZmlsbD0iIzAwYTBmMCIvPjxjaXJjbGUgY3g9IjE3LjkyIiBjeT0iOC45NiIgcj0iMi41NiIgZmlsbD0iI2VlZSIvPjxjaXJjbGUgY3g9IjcuNjgiIGN5PSIyMS43NiIgcj0iMi41NiIgZmlsbD0iI2VlZSIvPjxjaXJjbGUgY3g9IjE3LjkyIiBjeT0iMjEuNzYiIHI9IjIuNTYiIGZpbGw9IiNlZWUiLz48Y2lyY2xlIGN4PSIyOC4xNiIgY3k9IjIxLjc2IiByPSIyLjU2IiBmaWxsPSIjZWVlIi8+PGNpcmNsZSBjeD0iMTIuOCIgY3k9IjE1LjM2IiByPSIyLjU2IiBmaWxsPSIjZWVlIi8+PGNpcmNsZSBjeD0iMi41NiIgY3k9IjE1LjM2IiByPSIyLjU2IiBmaWxsPSIjZWVlIi8+PGNpcmNsZSBjeD0iMzMuMjgiIGN5PSIxNS4zNiIgcj0iMi41NiIgZmlsbD0iI2VlZSIvPjwvc3ZnPg==");
  outline: none;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
nav h1.logo a:hover {
  opacity: 0.8;
}
nav h1.logo span {
  display: none;
}
nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav li {
  margin: 0 20px;
}
nav li:last-child {
  margin-right: 0;
}
nav li > a {
  font-size: 16px;
  line-height: 80px;
}
nav li a {
  color: #222;
  font-weight: bold;
  display: block;
  -webkit-transition: 200ms color;
  transition: 200ms color;
}
nav li a:hover {
  color: #1EA0F0;
}

#content a:hover {
  text-decoration: underline;
}

.page-index #header-modules .hatena-module {
  text-align: center;
  margin: 0 auto 50px auto;
}
.page-index #header-modules .hatena-module-title {
  display: none;
}
.page-index #header-modules .urllist-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-index #header-modules .urllist-image-link {
  width: 100%;
  margin-bottom: 50px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.page-index #header-modules .urllist-image {
  width: 100%;
}
.page-index #header-modules .urllist-title-link {
  font-size: 22px;
  padding: 0 60px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.page-index #header-modules .urllist-date-link {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 8px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.page-index #main .hatena-module-title {
  display: none;
}
.page-index #main .hatena-urllist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-index #main .hatena-urllist .urllist-image {
  width: 100%;
}
.page-index #main .urllist-image-link {
  margin-bottom: 16px;
  display: block;
}
.page-index #main .urllist-title-link {
  margin-bottom: 16px;
  padding: 0 10px;
  display: block;
  word-wrap: break-word;
  word-break: break-all;
}
.page-index #main .urllist-entry-body {
  color: #666;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.02em;
  padding: 0 10px;
  word-wrap: break-word;
  word-break: break-all;
}
.page-index #main .urllist-item {
  width: calc( ( 100% - 80px ) / 3);
  margin-right: 40px;
  margin-bottom: 40px;
}
.page-index #main .urllist-item:nth-child(3n) {
  margin-right: 0;
}
.page-index #main .category-News {
  margin: 30px auto 54px;
}
.page-index #main .category-News .urllist-item {
  width: 100%;
  margin: 0;
}
.page-index #main .category-News .urllist-item-inner {
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.page-index #main .category-News .urllist-title-link {
  font-size: 22px;
  text-align: center;
  padding: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  word-break: normal;
}
.page-index #main .category-News .urllist-date-link {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 8px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.page-index #main .entries-access-ranking .urllist-item {
  width: calc( ( 100% - 120px ) / 4);
  margin-right: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  border-top: 8px solid #EFEFEF;
}
.page-index #main .entries-access-ranking .urllist-item:nth-child(3n) {
  margin-right: 40px;
}
.page-index #main .entries-access-ranking .urllist-item:nth-child(4) {
  margin-right: 0;
}
.page-index #main .entries-access-ranking .urllist-item.rank-1 {
  border-top-color: #FFC800;
}
.page-index #main .entries-access-ranking .urllist-item.rank-2 {
  border-top-color: #D2DCE6;
}
.page-index #main .entries-access-ranking .urllist-item.rank-3 {
  border-top-color: #DCA050;
}
.page-index #box2 {
  display: none;
}

.page-archive #content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-archive #main .archive-heading {
  font-size: 20px;
  margin-bottom: 40px;
}
.page-archive #main .archive-entry {
  min-height: 160px;
  margin-bottom: 40px;
  padding-left: 180px;
  position: relative;
}
.page-archive #main .entry-thumb {
  width: 160px;
  height: 160px;
  border-radius: 4px;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
.page-archive #main .entry-thumb:hover {
  opacity: 0.8;
}
.page-archive #main .entry-thumb-link {
  position: absolute;
  top: 0;
  left: 0;
}
.page-archive #main .entry-title-link {
  margin-bottom: 16px;
  display: block;
}
.page-archive #main .entry-description {
  color: #666;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  word-wrap: break-word;
}
.page-archive #main .archive-date {
  margin-bottom: 6px;
}
.page-archive #main .social-buttons {
  margin-top: 10px;
  display: block;
}
.page-archive #main .bookmark-widget-counter {
  display: none;
}

.entry-footer-modules .hatena-module {
  margin-bottom: 40px;
}
.entry-footer-modules .hatena-module:last-child {
  margin-bottom: 80px;
}
.entry-footer-modules .hatena-module-title {
  font-size: 20px;
  font-weight: bold;
  padding-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #EAEAEA;
}
.entry-footer-modules .urllist-item {
  min-height: 160px;
  margin-bottom: 40px;
  padding-left: 180px;
  position: relative;
}
.entry-footer-modules .urllist-image {
  width: 160px;
  height: 160px;
  border-radius: 4px;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
.entry-footer-modules .urllist-image:hover {
  opacity: 0.8;
}
.entry-footer-modules .urllist-image-link {
  position: absolute;
  top: 0;
  left: 0;
}
.entry-footer-modules .urllist-title-link {
  margin-bottom: 16px;
  display: block;
}
.entry-footer-modules .urllist-entry-body {
  color: #666;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  word-wrap: break-word;
}
.entry-footer-modules .urllist-date-link {
  margin-bottom: 6px;
}
.entry-footer-modules .hatena-module-profile .hatena-module-body {
  min-height: 64px;
  padding-left: 80px;
  position: relative;
}
.entry-footer-modules .hatena-module-profile .profile-icon-link {
  position: absolute;
  top: 0;
  left: 0;
}
.entry-footer-modules .hatena-module-profile .hatena-id-link {
  color: #1EA0F0;
}
.entry-footer-modules .hatena-module-profile .profile-description {
  line-height: 1.6;
  margin-top: 4px;
}

.page-entry #main h1 .entry-title-link, .page-about #main h1 .entry-title-link, .page-static_page:not(.static-page-works) #main h1 .entry-title-link {
  font-size: 24px;
}
.page-entry article, .page-about article, .page-static_page:not(.static-page-works) article {
  width: 640px;
  margin: 0 auto;
}
.page-entry .pager .pager-prev a, .page-entry .pager .pager-next a, .page-about .pager .pager-prev a, .page-about .pager .pager-next a, .page-static_page:not(.static-page-works) .pager .pager-prev a, .page-static_page:not(.static-page-works) .pager .pager-next a {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: fixed;
  top: calc( 50% - 15px );
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0.2;
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
}
.page-entry .pager .pager-prev a:hover, .page-entry .pager .pager-next a:hover, .page-about .pager .pager-prev a:hover, .page-about .pager .pager-next a:hover, .page-static_page:not(.static-page-works) .pager .pager-prev a:hover, .page-static_page:not(.static-page-works) .pager .pager-next a:hover {
  opacity: 1;
}
.page-entry .pager .pager-prev a span, .page-entry .pager .pager-next a span, .page-about .pager .pager-prev a span, .page-about .pager .pager-next a span, .page-static_page:not(.static-page-works) .pager .pager-prev a span, .page-static_page:not(.static-page-works) .pager .pager-next a span {
  display: none;
}
.page-entry .pager .pager-prev a, .page-about .pager .pager-prev a, .page-static_page:not(.static-page-works) .pager .pager-prev a {
  border-left: 4px solid #222;
  border-top: 4px solid #222;
  left: 80px;
}
.page-entry .pager .pager-next a, .page-about .pager .pager-next a, .page-static_page:not(.static-page-works) .pager .pager-next a {
  border-right: 4px solid #222;
  border-bottom: 4px solid #222;
  right: 80px;
}
.page-entry .entry-header, .page-about .entry-header, .page-static_page:not(.static-page-works) .entry-header {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-entry .entry-header .entry-date, .page-about .entry-header .entry-date, .page-static_page:not(.static-page-works) .entry-header .entry-date {
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.page-entry .entry-header .entry-categories, .page-about .entry-header .entry-categories, .page-static_page:not(.static-page-works) .entry-header .entry-categories {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.page-entry .entry-header .entry-categories a, .page-about .entry-header .entry-categories a, .page-static_page:not(.static-page-works) .entry-header .entry-categories a {
  color: #999;
  font-size: 15px;
  line-height: 18px;
}
.page-entry .entry-header .entry-title, .page-about .entry-header .entry-title, .page-static_page:not(.static-page-works) .entry-header .entry-title {
  width: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.page-entry .entry-content, .page-about .entry-content, .page-static_page:not(.static-page-works) .entry-content {
  color: #333;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.8;
}
.page-entry .entry-content a, .page-about .entry-content a, .page-static_page:not(.static-page-works) .entry-content a {
  color: #1EA0F0;
}
.page-entry .entry-content h1, .page-entry .entry-content h2, .page-entry .entry-content h3, .page-entry .entry-content h4, .page-about .entry-content h1, .page-about .entry-content h2, .page-about .entry-content h3, .page-about .entry-content h4, .page-static_page:not(.static-page-works) .entry-content h1, .page-static_page:not(.static-page-works) .entry-content h2, .page-static_page:not(.static-page-works) .entry-content h3, .page-static_page:not(.static-page-works) .entry-content h4 {
  margin: -80px 0 20px 0;
  padding: 120px 0 0;
  line-height: 1.6;
}
.page-entry .entry-content h1 a, .page-entry .entry-content h2 a, .page-entry .entry-content h3 a, .page-entry .entry-content h4 a, .page-about .entry-content h1 a, .page-about .entry-content h2 a, .page-about .entry-content h3 a, .page-about .entry-content h4 a, .page-static_page:not(.static-page-works) .entry-content h1 a, .page-static_page:not(.static-page-works) .entry-content h2 a, .page-static_page:not(.static-page-works) .entry-content h3 a, .page-static_page:not(.static-page-works) .entry-content h4 a {
  text-decoration: none;
}
.page-entry .entry-content h5, .page-about .entry-content h5, .page-static_page:not(.static-page-works) .entry-content h5 {
  margin: 30px 0 20px 0;
  line-height: 1.6;
}
.page-entry .entry-content h5 a, .page-about .entry-content h5 a, .page-static_page:not(.static-page-works) .entry-content h5 a {
  text-decoration: none;
}
.page-entry .entry-content p, .page-entry .entry-content ul, .page-entry .entry-content dl, .page-entry .entry-content ol, .page-about .entry-content p, .page-about .entry-content ul, .page-about .entry-content dl, .page-about .entry-content ol, .page-static_page:not(.static-page-works) .entry-content p, .page-static_page:not(.static-page-works) .entry-content ul, .page-static_page:not(.static-page-works) .entry-content dl, .page-static_page:not(.static-page-works) .entry-content ol {
  margin: 20px 0;
}
.page-entry .entry-content ul, .page-entry .entry-content ol, .page-about .entry-content ul, .page-about .entry-content ol, .page-static_page:not(.static-page-works) .entry-content ul, .page-static_page:not(.static-page-works) .entry-content ol {
  padding-left: 1.5em;
}
.page-entry .entry-content ul, .page-about .entry-content ul, .page-static_page:not(.static-page-works) .entry-content ul {
  list-style-type: disc;
}
.page-entry .entry-content li > ul, .page-entry .entry-content li > ol, .page-entry .entry-content li > dl, .page-entry .entry-content li > p:last-child, .page-about .entry-content li > ul, .page-about .entry-content li > ol, .page-about .entry-content li > dl, .page-about .entry-content li > p:last-child, .page-static_page:not(.static-page-works) .entry-content li > ul, .page-static_page:not(.static-page-works) .entry-content li > ol, .page-static_page:not(.static-page-works) .entry-content li > dl, .page-static_page:not(.static-page-works) .entry-content li > p:last-child {
  margin: 0;
}
.page-entry .entry-content h1, .page-about .entry-content h1, .page-static_page:not(.static-page-works) .entry-content h1 {
  font-size: 24px;
}
.page-entry .entry-content h2, .page-about .entry-content h2, .page-static_page:not(.static-page-works) .entry-content h2 {
  font-size: 22px;
}
.page-entry .entry-content h3, .page-about .entry-content h3, .page-static_page:not(.static-page-works) .entry-content h3 {
  font-size: 20px;
}
.page-entry .entry-content h4, .page-about .entry-content h4, .page-static_page:not(.static-page-works) .entry-content h4 {
  font-size: 18px;
}
.page-entry .entry-content h5, .page-about .entry-content h5, .page-static_page:not(.static-page-works) .entry-content h5 {
  font-size: 16px;
}
.page-entry .entry-content dt, .page-about .entry-content dt, .page-static_page:not(.static-page-works) .entry-content dt {
  font-weight: bold;
}
.page-entry .entry-content figcaption, .page-about .entry-content figcaption, .page-static_page:not(.static-page-works) .entry-content figcaption {
  margin-top: 10px;
  font-size: 14px;
}
.page-entry .entry-content blockquote, .page-about .entry-content blockquote, .page-static_page:not(.static-page-works) .entry-content blockquote {
  margin: 24px 0;
  padding: 15px 20px;
  background-color: #F0F0F0;
  border-radius: 6px;
}
.page-entry .entry-content blockquote p, .page-about .entry-content blockquote p, .page-static_page:not(.static-page-works) .entry-content blockquote p {
  margin-bottom: 10px;
}
.page-entry .entry-content blockquote > p:first-child, .page-about .entry-content blockquote > p:first-child, .page-static_page:not(.static-page-works) .entry-content blockquote > p:first-child {
  margin-top: 0;
}
.page-entry .entry-content blockquote > p:last-child, .page-about .entry-content blockquote > p:last-child, .page-static_page:not(.static-page-works) .entry-content blockquote > p:last-child {
  margin-bottom: 0;
}
.page-entry .entry-content blockquote > ul:last-child, .page-about .entry-content blockquote > ul:last-child, .page-static_page:not(.static-page-works) .entry-content blockquote > ul:last-child {
  margin-bottom: 0;
}
.page-entry .entry-content .images-row, .page-about .entry-content .images-row, .page-static_page:not(.static-page-works) .entry-content .images-row {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-entry .entry-content .images-row > span, .page-entry .entry-content .images-row .images-row-item, .page-about .entry-content .images-row > span, .page-about .entry-content .images-row .images-row-item, .page-static_page:not(.static-page-works) .entry-content .images-row > span, .page-static_page:not(.static-page-works) .entry-content .images-row .images-row-item {
  margin-right: 20px;
}
.page-entry .entry-content .itunes-embed-info p, .page-about .entry-content .itunes-embed-info p, .page-static_page:not(.static-page-works) .entry-content .itunes-embed-info p {
  margin: 0;
}
.page-entry .entry-content .itunes-embed-info ul, .page-about .entry-content .itunes-embed-info ul, .page-static_page:not(.static-page-works) .entry-content .itunes-embed-info ul {
  margin: 16px 0 0;
}
.page-entry .entry-content .itunes-embed-info .itunes-embed-title, .page-about .entry-content .itunes-embed-info .itunes-embed-title, .page-static_page:not(.static-page-works) .entry-content .itunes-embed-info .itunes-embed-title {
  line-height: 1.6;
}
.page-entry .entry-content pre.code, .page-about .entry-content pre.code, .page-static_page:not(.static-page-works) .entry-content pre.code {
  background: #f2f4f5;
  padding: 1em 1.5em;
  border-radius: 6px;
}
.page-entry .entry-content .table-of-contents, .page-about .entry-content .table-of-contents, .page-static_page:not(.static-page-works) .entry-content .table-of-contents {
  background: #f5f7f8;
  border-radius: 6px;
  padding: 1em 1.5em 1.2em 2.5em;
  margin: 1em auto;
}
.page-entry .entry-content .table-of-contents::before, .page-about .entry-content .table-of-contents::before, .page-static_page:not(.static-page-works) .entry-content .table-of-contents::before {
  display: block;
  content: "目次";
  font-size: 1.1em;
  margin: 0 0 0.5em -1.2em;
}
.page-entry #box2, .page-about #box2, .page-static_page:not(.static-page-works) #box2 {
  display: none;
}
.page-entry .social-buttons, .page-about .social-buttons, .page-static_page:not(.static-page-works) .social-buttons {
  margin-bottom: 20px;
}

.page-about .about-subscription-count {
  margin-bottom: 20px;
  display: block;
}

.button {
  color: #222 !important;
  font-weight: bold;
  border: 2px solid #222;
  padding: 13px 40px;
  display: inline-block;
  border-radius: 6px;
  margin-top: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 200ms color;
  transition: 200ms color;
}
.button:hover {
  color: #666 !important;
  text-decoration: none !important;
}

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 600px) {
  .movie-wrap {
    margin: 24px 0;
  }
}
@media screen and (min-width: 600px) {
  .movie-wrap {
    margin: 20px 0;
  }
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1100px) {
  nav {
    width: calc(100vw - 120px);
    height: 80px;
    padding: 0 60px;
  }

  .page-index #main {
    width: calc(100vw - 120px);
    margin: 0 60px;
  }
  .page-index #main .urllist-item {
    width: calc( ( 100% - 60px ) / 3);
    margin-right: 30px;
    margin-bottom: 30px;
  }

  .breadcrumb {
    width: calc(100vw - 120px);
    margin: 0 60px 40px;
  }

  .page-archive #main {
    width: calc(100vw - 360px);
    margin: 0 60px;
  }

  #header-modules {
    margin: 0 60px;
  }

  #box2 {
    width: 240px;
    margin-right: 60px;
  }

  .banner-module li {
    width: calc( ( 100% - 90px ) / 4);
    margin-right: 30px;
  }
}
@media (max-width: 900px) {
  .page-index #main .urllist-item {
    width: calc( ( 100% - 30px ) / 2);
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .page-index #main .urllist-item:nth-child(3n) {
    margin-right: 30px;
  }
  .page-index #main .urllist-item:nth-child(2n) {
    margin-right: 0;
  }

  .page-index #main .entries-access-ranking .urllist-item {
    width: calc( ( 100% - 30px ) / 2);
    margin-right: 30px;
    margin-bottom: 30px;
  }
  .page-index #main .entries-access-ranking .urllist-item:nth-child(3n) {
    margin-right: 30px;
  }
  .page-index #main .entries-access-ranking .urllist-item:nth-child(2n) {
    margin-right: 0;
  }

  .page-entry article, .page-about article, .page-static_page:not(.static-page-works) article {
    width: calc(100vw - 120px);
    margin: 0 60px;
  }

  .page-entry .pager .pager-prev a, .page-about .pager .pager-prev a, .page-static_page:not(.static-page-works) .pager .pager-prev a {
    left: 26px;
  }

  .page-entry .pager .pager-next a, .page-about .pager .pager-next a, .page-static_page:not(.static-page-works) .pager .pager-prev a {
    right: 26px;
  }

  .page-archive #main .entry-thumb-link {
    position: static;
    float: right;
    margin: 0 0 0 20px;
  }
  .page-archive #main .entry-thumb {
    width: 120px;
    height: 120px;
  }
  .page-archive #main .archive-entry {
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .itunes-embed {
    margin: 24px 0 32px;
  }

  .hatena-asin-detail {
    margin: 24px 0 32px;
  }

  body {
    font-size: 14px;
  }

  nav {
    width: 100%;
    height: 54px;
    padding: 0;
  }
  nav h1.logo {
    width: 96px;
    height: 22px;
    margin: 0 auto 0 0;
    padding: 16px 0 16px 16px;
  }
  nav ul {
    margin-right: 16px;
    overflow: hidden;
  }
  nav li {
    margin: 0 9px;
  }
  nav li > a {
    font-size: 12px;
    line-height: 54px;
  }

  .search-form {
    padding: 0 8px 0 16px;
  }
  .search-form input[type=text] {
    width: calc(100% - 40px);
    height: 42px;
    padding: 0;
  }
  .search-form .search-module-button {
    width: 40px;
    height: 40px;
  }

  .footer {
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .more a {
    width: 100%;
    font-size: 14px;
    line-height: 44px;
    margin: 16px auto 48px;
    border: 1px solid #E0E0E0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .more a:after {
    display: none;
  }

  .entry-header .entry-date {
    margin-bottom: 8px;
  }

  .breadcrumb {
    display: none;
  }

  #content a:hover {
    text-decoration: none;
  }

  .urllist-title-link, .entry-title-link {
    font-size: 15px;
    line-height: 1.5;
  }

  #header-modules {
    margin: 0;
  }

  #content {
    padding-top: 54px;
  }

  .page-archive #content, .page-entry #content, .page-about #content, .page-static_page #content {
    padding-top: 96px;
  }
  .page-archive #top-box, .page-entry #top-box, .page-about #top-box, .page-static_page #top-box {
    padding-top: 96px;
  }
  .page-archive #top-box + #content #box2, .page-entry #top-box + #content #box2, .page-about #top-box + #content #box2, .page-static_page #top-box + #content #box2 {
    margin-top: 0;
  }

  .page-index #header-modules .hatena-module {
    margin: 0 0 40px;
  }
  .page-index #header-modules .urllist-title-link {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    padding: 0 10%;
  }
  .page-index #header-modules .urllist-image-link {
    margin-bottom: 16px;
  }
  .page-index #header-modules .urllist-image {
    border-radius: 0;
  }
  .page-index #header-modules .urllist-date-link {
    font-size: 16px;
    margin-left: 0;
  }
  .page-index #main {
    width: calc(100vw - 32px);
    margin: 0 16px;
  }
  .page-index #main .urllist-item {
    width: calc( ( 100% - 16px ) / 2);
    margin-right: 16px;
    margin-bottom: 32px;
  }
  .page-index #main .urllist-item:nth-child(3n) {
    margin-right: 16px;
  }
  .page-index #main .urllist-item:nth-child(2n) {
    margin-right: 0;
  }
  .page-index #main .urllist-image-link {
    margin-bottom: 10px;
  }
  .page-index #main .urllist-title-link {
    font-size: 14px;
    letter-spacing: 0.03em;
    padding: 0 4px;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .page-index #main .urllist-entry-body {
    font-size: 13px;
    line-height: 1.6;
    padding: 0 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .page-index #main .category-News {
    margin: 8px auto 40px;
  }
  .page-index #main .category-News .urllist-item-inner {
    padding: 0 10%;
  }
  .page-index #main .category-News .urllist-title-link {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.03em;
    padding: 0;
    margin-bottom: 0px;
    text-align: center;
    -webkit-line-clamp: initial;
  }
  .page-index #main .category-News .urllist-title-link:before {
    content: "News";
    color: #666;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 8px;
    display: block;
  }
  .page-index #main .category-News .urllist-date-link {
    font-size: 16px;
    margin-left: 0;
    margin-top: 8px;
  }
  .page-index #main .entries-access-ranking .urllist-item {
    width: calc( ( 100% - 16px ) / 2);
    margin-right: 16px;
    margin-bottom: 32px;
    padding-top: 16px;
    border-top: 4px solid #EFEFEF;
  }
  .page-index #main .entries-access-ranking .urllist-item:nth-child(2) {
    margin-right: 0;
  }
  .page-index #main .entries-access-ranking .urllist-item:nth-child(3) {
    margin-right: 16px;
  }
  .page-index #main .entries-access-ranking .urllist-item:nth-child(4) {
    margin-right: 0;
  }

  .page-archive #content-inner {
    display: block;
  }
  .page-archive #main {
    width: calc(100vw - 48px);
    margin: 0 24px;
  }
  .page-archive #main .archive-entry {
    min-height: initial;
    margin-bottom: 32px;
    padding-left: 0;
  }
  .page-archive #main .entry-thumb {
    width: 100px;
    height: 100px;
  }
  .page-archive #main .entry-title-link {
    margin-bottom: 10px;
  }
  .page-archive #main .entry-description {
    font-size: 13px;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .page-archive #main .social-buttons {
    display: none;
  }

  .page-entry article, .page-about article, .page-static_page:not(.static-page-works) article {
    width: calc(100vw - 60px);
    margin: 0 30px;
  }
  .page-entry #main h1 .entry-title-link, .page-about #main h1 .entry-title-link, .page-static_page:not(.static-page-works) #main h1 .entry-title-link {
    font-size: 19px;
  }
  .page-entry .entry-header, .page-about .entry-header, .page-static_page:not(.static-page-works) .entry-header {
    margin-bottom: 24px;
  }
  .page-entry .entry-header .entry-title, .page-about .entry-header .entry-title, .page-static_page:not(.static-page-works) .entry-header .entry-title {
    word-wrap: break-word;
    word-break: break-all;
  }
  .page-entry .entry-header .entry-date, .page-about .entry-header .entry-date, .page-static_page:not(.static-page-works) .entry-header .entry-date {
    margin-bottom: 12px;
  }
  .page-entry .entry-content, .page-about .entry-content, .page-static_page:not(.static-page-works) .entry-content {
    font-size: 15px;
    letter-spacing: 0.04em;
    word-wrap: break-word;
    word-break: break-all;
  }
  .page-entry .entry-content h1, .page-entry .entry-content h2, .page-entry .entry-content h3, .page-entry .entry-content h4, .page-entry .entry-content h5, .page-about .entry-content h1, .page-about .entry-content h2, .page-about .entry-content h3, .page-about .entry-content h4, .page-about .entry-content h5, .page-static_page:not(.static-page-works) .entry-content h1, .page-static_page:not(.static-page-works) .entry-content h2, .page-static_page:not(.static-page-works) .entry-content h3, .page-static_page:not(.static-page-works) .entry-content h4, .page-static_page:not(.static-page-works) .entry-content h5 {
    margin: -54px 0 24px 0;
    padding: 54px 0 0;
  }
  .page-entry .entry-content p, .page-entry .entry-content ul, .page-entry .entry-content dl, .page-about .entry-content p, .page-about .entry-content ul, .page-about .entry-content dl, .page-static_page:not(.static-page-works) .entry-content p, .page-static_page:not(.static-page-works) .entry-content ul, .page-static_page:not(.static-page-works) .entry-content dl {
    margin: 24px 0;
  }
  .page-entry .entry-content ul, .page-entry .entry-content ol, .page-about .entry-content ul, .page-about .entry-content ol, .page-static_page:not(.static-page-works) .entry-content ul, .page-static_page:not(.static-page-works) .entry-content ol {
    padding-left: 1.5em;
  }
  .page-entry .entry-content h1, .page-about .entry-content h1, .page-static_page:not(.static-page-works) .entry-content h1 {
    font-size: 19px;
  }
  .page-entry .entry-content h2, .page-about .entry-content h2, .page-static_page:not(.static-page-works) .entry-content h2 {
    font-size: 18px;
  }
  .page-entry .entry-content h3, .page-about .entry-content h3, .page-static_page:not(.static-page-works) .entry-content h3 {
    font-size: 17px;
  }
  .page-entry .entry-content h4, .page-about .entry-content h4, .page-static_page:not(.static-page-works) .entry-content h4 {
    font-size: 16px;
  }
  .page-entry .entry-content h5, .page-about .entry-content h5, .page-static_page:not(.static-page-works) .entry-content h5 {
    font-size: 15px;
  }
  .page-entry .entry-content figure, .page-about .entry-content figure, .page-static_page:not(.static-page-works) .entry-content figure {
    margin: 0;
  }
  .page-entry .entry-content figure[style="text-align: center;"] img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-about .entry-content figure[style="text-align: center;"] img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-static_page:not(.static-page-works) .entry-content figure[style="text-align: center;"] img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image) {
    width: auto !important;
    margin: 0 auto;
  }
  .page-entry .entry-content img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-about .entry-content img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-static_page:not(.static-page-works) .entry-content img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image) {
    width: 100vw !important;
    height: auto;
    max-width: initial !important;
    display: block;
    margin-left: -30px;
    float: none;
  }
  .page-entry .entry-content .itunes-embed-badge img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-about .entry-content .itunes-embed-badge img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-static_page:not(.static-page-works) .entry-content .itunes-embed-badge img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image) {
    width: 60px !important;
    height: 15px !important;
    margin-left: 0;
  }
  .page-entry .entry-content blockquote img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-about .entry-content blockquote img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-static_page:not(.static-page-works) .entry-content blockquote img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image) {
    width: 100% !important;
    margin-left: 0;
  }
  .page-entry .entry-content table img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-about .entry-content table img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image), .page-static_page:not(.static-page-works) .entry-content table img:not(.profile-icon):not(.hatena-id-icon):not(.hatena-star-user):not(.hatena-star-star):not(.http-bookmark):not(.itunes-embed-image):not(.hatena-asin-detail-image) {
    width: auto !important;
    margin-left: 0;
  }
  .page-entry .entry-content .images-row, .page-about .entry-content .images-row, .page-static_page:not(.static-page-works) .entry-content .images-row {
    display: block !important;
    margin: 0 0 24px 0;
  }
  .page-entry .entry-footer-modules .urllist-item, .page-about .entry-footer-modules .urllist-item, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-item {
    min-height: 100px;
    margin-bottom: 32px;
    padding-left: 0;
    padding-right: 108px;
    position: relative;
  }
  .page-entry .entry-footer-modules .urllist-image, .page-about .entry-footer-modules .urllist-image, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-image {
    width: 92px;
    height: 92px;
  }
  .page-entry .entry-footer-modules .urllist-image-link, .page-about .entry-footer-modules .urllist-image-link, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-image-link {
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
  }
  .page-entry .entry-footer-modules .urllist-title-link, .page-about .entry-footer-modules .urllist-title-link, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-title-link {
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .page-entry .entry-footer-modules .urllist-entry-body, .page-about .entry-footer-modules .urllist-entry-body, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-entry-body {
    display: none;
  }
  .page-entry .entry-footer-modules .urllist-date-link, .page-about .entry-footer-modules .urllist-date-link, .page-static_page:not(.static-page-works) .entry-footer-modules .urllist-date-link {
    margin-bottom: 6px;
  }
  .page-entry .entry-footer-modules .hatena-module, .page-about .entry-footer-modules .hatena-module, .page-static_page:not(.static-page-works) .entry-footer-modules .hatena-module {
    margin-bottom: 24px;
  }
  .page-entry .entry-footer-modules .hatena-module:last-child, .page-about .entry-footer-modules .hatena-module:last-child, .page-static_page:not(.static-page-works) .entry-footer-modules .hatena-module:last-child {
    margin-bottom: 48px;
  }
  .page-entry .entry-footer-modules .hatena-module-title, .page-about .entry-footer-modules .hatena-module-title, .page-static_page:not(.static-page-works) .entry-footer-modules .hatena-module-title {
    font-size: 18px;
    padding-top: 32px;
    margin-bottom: 32px;
  }
  .page-entry .pager, .page-about .pager, .page-static_page:not(.static-page-works) .pager {
    height: 44px;
    margin-bottom: 32px;
  }
  .page-entry .pager:after, .page-about .pager:after, .page-static_page:not(.static-page-works) .pager:after {
    content: "";
    display: table;
    clear: both;
  }
  .page-entry .pager .pager-prev a, .page-entry .pager .pager-next a, .page-about .pager .pager-prev a, .page-about .pager .pager-next a, .page-static_page:not(.static-page-works) .pager .pager-prev a, .page-static_page:not(.static-page-works) .pager .pager-next a {
    width: 88px;
    height: 44px;
    -webkit-transform: initial;
            transform: initial;
    opacity: 1;
    text-indent: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    position: relative;
  }
  .page-entry .pager .pager-prev, .page-about .pager .pager-prev, .page-static_page:not(.static-page-works) .pager .pager-prev {
    float: left;
  }
  .page-entry .pager .pager-prev a, .page-about .pager .pager-prev a, .page-static_page:not(.static-page-works) .pager .pager-prev a {
    border-left: initial;
    border-top: initial;
    left: initial;
    margin-left: 32px;
    padding-left: 16px;
    text-align: left;
  }
  .page-entry .pager .pager-prev a:before, .page-about .pager .pager-prev a:before, .page-static_page:not(.static-page-works) .pager .pager-prev a:before {
    content: "前のページ";
    width: 44px;
  }
  .page-entry .pager .pager-prev a:after, .page-about .pager .pager-prev a:after, .page-static_page:not(.static-page-works) .pager .pager-prev a:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-left: 2px solid #222;
    border-top: 2px solid #222;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    left: 2px;
  }
  .page-entry .pager .pager-next, .page-about .pager .pager-next, .page-static_page:not(.static-page-works) .pager .pager-next {
    float: right;
  }
  .page-entry .pager .pager-next a, .page-about .pager .pager-next a, .page-static_page:not(.static-page-works) .pager .pager-next a {
    border-right: initial;
    border-bottom: initial;
    right: initial;
    margin-right: 32px;
    padding-right: 16px;
    text-align: right;
  }
  .page-entry .pager .pager-next a:before, .page-about .pager .pager-next a:before, .page-static_page:not(.static-page-works) .pager .pager-next a:before {
    content: "次のページ";
    width: 44px;
  }
  .page-entry .pager .pager-next a:after, .page-about .pager .pager-next a:after, .page-static_page:not(.static-page-works) .pager .pager-next a:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-right: 2px solid #222;
    border-bottom: 2px solid #222;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 19px;
    right: 2px;
  }

  .banner-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .banner-module li {
    width: calc( ( 100% - 16px ) / 2);
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .banner-module li:nth-child(4) {
    margin-right: 0;
  }
  .banner-module li:nth-child(2n) {
    margin-right: 0;
  }

  #box2 {
    font-size: 14px;
    width: calc(100vw - 80px);
    margin: 0 24px;
    padding: 16px;
    background-color: #EFEFEF;
    border-radius: 4px;
  }
  #box2 .hatena-module {
    margin-bottom: 24px;
  }
  #box2 .hatena-module-title {
    font-size: 15px;
  }
}
@media (max-width: 320px) {
  nav h1.logo {
    margin-right: auto;
  }
  nav li {
    margin: 0 0 0 16px;
  }
  nav li:nth-child(4) {
    display: none;
  }
}
.static-page-works .entry-header {
  display: none;
}

.works-wrapper {
  padding: 20px;
}
.works-wrapper a {
  color: #1EA0F0;
}
.works-wrapper a:hover {
  text-decoration: underline;
}

.works-list {
  font-size: 13px;
  padding: 0;
  width: 940px;
  max-width: 100%;
  margin: 0 auto;
}
.works-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .works-list > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: 56px;
  }
}
.works-list > li:not(:first-child) {
  padding-top: 90px;
}
@media screen and (max-width: 600px) {
  .works-list > li:not(:first-child) {
    padding-top: 64px;
  }
}
@media screen and (min-width: 600px) {
  .works-list .data-wrapper {
    position: sticky;
    width: calc(33% - 20px);
    min-width: calc(33% - 20px);
    border-left: 5px solid #ccc;
    padding: 0 0 40px 20px;
    margin-right: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 90px;
  }
}
@media screen and (max-width: 600px) {
  .works-list .data-wrapper {
    text-align: center;
    margin-top: 15px;
  }
}
.works-list .data-wrapper h2,
.works-list .data-wrapper p {
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.works-list .link,
.works-list .credit {
  padding: 0;
}
.works-list .link {
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 600px) {
  .works-list .link {
    margin: 0 auto;
    max-width: 80%;
  }
}
.works-list .link dt {
  font-size: 10px;
  margin-top: 40px;
}
@media screen and (max-width: 600px) {
  .works-list .link dt {
    margin-top: 10px;
  }
}
.works-list .link dd {
  font-size: 11px;
  margin: 0;
  line-height: 1.3;
}
.works-list .credit {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 10px;
  margin: 40px 0 0;
  list-style-type: none;
}
@media screen and (max-width: 600px) {
  .works-list .credit {
    margin-top: 10px;
  }
}
.works-list .thumb-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 0;
}
.works-list .thumb-wrapper img {
  width: 100%;
  height: auto;
  background: #ccc;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.works-list .thumb-wrapper img:not(:first-child) {
  margin-top: 10px;
}