/*
  Responsive: yes
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body,
ul,
ol,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
img {
  border: none;
}
html {
  height: 100%;
}
body {
  background-color: #fff;
  background: url("https://cdn-ak2.f.st-hatena.com/images/fotolife/c/comicdays_team/20170816/20170816092432_original.png") right 0 repeat-y;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Meiryo", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  color: #000;
}
@media screen and (max-width: 1080px) {
  body {
    background-image: none;
    background-color: #fff;
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }
}
a {
  text-decoration: none;
  color: #000;
}
a:active,
a:hover {
  text-decoration: underline;
}
.hidden {
  display: none !important;
}
.secret {
  display: none;
}
#container {
  max-width: 1020px;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  #container {
    max-width: 100%;
  }
}
#container-inner {
  width: 800px;
  margin: 0 auto 0 0;
}
@media screen and (max-width: 1080px) {
  #container-inner {
    width: auto;
    margin: 0 auto;
  }
}
#content {
  width: auto;
  margin: 32px auto 40px;
}
@media screen and (max-width: 1080px) {
  #content {
    margin: 24px auto 0;
  }
}
#wrapper {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  #wrapper {
    padding: 0 24px;
  }
}
@media screen and (max-width: 600px) {
  #wrapper {
    padding: 0 16px;
  }
}
#box2 {
  background: #000;
  position: absolute;
  width: 220px;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1080px) {
  #box2 {
    position: static;
    width: 100%;
    margin: 40px 0 0;
  }
}
@media screen and (max-width: 1080px) {
  #box2 #box2-inner {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px;
  }
}
@media screen and (max-width: 600px) {
  #box2 #box2-inner {
    padding: 24px 16px 0;
  }
}
.service-top-link {
  position: absolute;
  left: 8px;
  top: 8px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .service-top-link {
    font-size: 12px;
  }
}
.service-top-link a {
  display: block;
  padding: 8px;
  color: #dc5448;
  font-weight: bold;
  display: inline-block;
}
#top-editarea .blog-header {
  background: #fff;
  padding: 104px 0 40px;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #top-editarea .blog-header {
    padding: 80px 0 12px;
  }
}
#top-editarea .blog-title {
  max-width: 594px;
  margin: 0 auto;
  padding: 0 18px;
}
@media screen and (max-width: 600px) {
  #top-editarea .blog-title {
    max-width: 320px;
  }
}
#top-editarea .blog-title .logo img {
  width: 100%;
}
#top-editarea .blog-title-heading {
  max-width: 344px;
  padding-top: 96px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #top-editarea .blog-title-heading {
    max-width: 200px;
    padding-top: 32px;
  }
}
#top-editarea .blog-title-heading a {
  display: block;
}
#top-editarea .blog-title-heading img {
  vertical-align: bottom;
  width: 100%;
}
#header-modules .hatena-module-html {
  max-width: 800px;
  margin: 0 auto 56px;
}
@media screen and (max-width: 1080px) {
  #header-modules .hatena-module-html {
    padding: 0 24px;
  }
}
@media screen and (max-width: 600px) {
  #header-modules .hatena-module-html {
    padding: 0 16px;
  }
}
#header-modules .hatena-module-html .blog-description {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 18px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (max-width: 600px) {
  #header-modules .hatena-module-html .blog-description {
    padding: 18px 6px;
    font-size: 11px;
    line-height: 1.5;
  }
}
#header-modules .hatena-module-html .blog-description span {
  display: inline-block;
}
#box2 {
  color: #b3b3b3;
}
#box2 a {
  color: #b3b3b3;
}
#box2 a:hover {
  text-decoration: underline;
  color: #fff;
}
#box2 #box2-inner {
  padding: 0;
}
#box2 .hatena-module {
  background: transparent;
  padding: 0;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module {
    margin: 0;
  }
}
#box2 .hatena-module .hatena-module-title {
  padding: 4px;
  margin: 48px 0 16px -10px;
  padding-left: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module .hatena-module-title {
    margin: 0;
    padding: 4px 16px;
  }
}
@media screen and (max-width: 600px) {
  #box2 .hatena-module .hatena-module-title {
    padding: 4px 16px;
  }
}
#box2 .hatena-module .hatena-module-title a {
  color: #fff;
  display: block;
}
#box2 .hatena-module .hatena-module-title a:hover {
  text-decoration: underline;
}
#box2 .hatena-module:nth-child(odd) .hatena-module-title {
  background: #ff2727;
}
#box2 .hatena-module:nth-child(even) .hatena-module-title {
  background: #2c72ff;
}
#box2 .hatena-module .hatena-module-body {
  padding: 8px 30px;
  font-size: 13px;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module .hatena-module-body {
    padding: 16px 16px 32px;
  }
}
@media screen and (max-width: 600px) {
  #box2 .hatena-module .hatena-module-body {
    padding: 16px 16px 32px;
  }
}
#box2 .hatena-module-html .twitter {
  margin-top: 24px;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module-html .twitter {
    margin-top: 16px;
    text-align: center;
  }
}
#box2 .hatena-module-html .twitter a {
  display: block;
  background: #55acee;
  border-radius: 3px;
  padding: 8px 4px 8px 10px;
  margin-bottom: 8px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
#box2 .hatena-module-html .twitter a:hover {
  background: #2795e9;
  text-decoration: none;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module-html .twitter a {
    text-align: center;
    padding: 12px 6px;
    max-width: 320px;
    margin: 0 auto 6px;
  }
}
#box2 .hatena-module-html .twitter img {
  width: 34.5px;
  height: auto;
  top: 14px;
  position: absolute;
  left: 10px;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module-html .twitter img {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
  }
}
#box2 .hatena-module-html .twitter p {
  margin-left: 40px;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module-html .twitter p {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
  }
}
#box2 .hatena-module-html .twitter .present {
  font-size: 12px;
  line-height: 1.4;
}
#box2 .hatena-module-profile {
  padding: 16px 0px;
  border-top: 1px solid #333;
  margin: 56px 30px 32px;
}
@media screen and (max-width: 1080px) {
  #box2 .hatena-module-profile {
    margin: 30px 0 0;
    padding: 16px 16px;
  }
}
#box2 .hatena-module-profile .hatena-module-title {
  display: none;
}
#box2 .hatena-module-profile .hatena-module-body {
  padding: 0;
}
#box2 .hatena-module-profile .hatena-follow-button-box {
  margin-bottom: 8px;
}
@media screen and (max-width: 1080px) {
  #box2 ul.urllist-with-thumbnails {
    display: block;
  }
}
#box2 li.urllist-item {
  border-bottom: 1px solid #333333;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
#box2 li.urllist-item:last-child {
  border: none;
}
@media screen and (max-width: 1080px) {
  #box2 li.urllist-item {
    border: none;
    margin: 0;
    padding: 0;
  }
}
#box2 .urllist-image-link {
  display: block;
  position: relative;
  width: 100%;
}
#box2 .urllist-image-link img {
  float: none;
  width: 100%;
  margin: 0 0 8px;
  vertical-align: bottom;
}
@media screen and (max-width: 1080px) {
  #box2 .urllist-image-link img {
    display: none;
  }
}
#box2 .urllist-date-link a {
  opacity: .6;
}
#box2 .urllist-title-link {
  font-size: 12px;
  color: #b3b3b3;
  display: block;
}
@media screen and (max-width: 1080px) {
  #box2 ul.hatena-urllist li {
    margin: 0 0 4px;
  }
}
@media screen and (max-width: 600px) {
  .page-index #main {
    margin: 0 -8px;
  }
}
#main-inner .hatena-module-title {
  font-size: 23px;
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  #main-inner .hatena-module-title {
    font-size: 18px;
  }
}
#main-inner .archive-link-content {
  text-align: center;
}
#main-inner .archive-link-content a {
  display: inline-block;
  border-bottom: 3px solid #ff2727;
  padding: 4px 8px;
  font-size: 18px;
  font-weight: bold;
  margin: 32px 0;
}
#main-inner .archive-link-content a:hover {
  text-decoration: none;
  border-bottom: 3px solid #f30000;
}
@media screen and (max-width: 1080px) {
  #main-inner .archive-link-content a {
    margin: 32px 0 56px;
  }
}
@media screen and (max-width: 600px) {
  #main-inner .archive-link-content a {
    margin: 24px 0 32px;
    font-size: 16px;
  }
}
#main-inner .no-entry {
  text-align: center;
}
#main-inner ul.urllist-with-thumbnails,
#main-inner .archive-entries {
  display: -webkit-flex;
  /* for Safari */
  display: -ms-flexbox;
  /* for IE10 */
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#main-inner ul.urllist-with-thumbnails li,
#main-inner .archive-entries li,
#main-inner ul.urllist-with-thumbnails .archive-entry,
#main-inner .archive-entries .archive-entry {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  /* flex: 1 1 100%; */
  border: 3px solid #000;
  margin: 0 0 18px;
  padding-right: 16px;
  line-height: 1.4;
  position: relative;
  overflow: hidden;
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20170818/20170818160635.png?1503040006") 0 0 repeat-y;
  background-size: 794px;
  min-height: 111px;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li,
  #main-inner .archive-entries li,
  #main-inner ul.urllist-with-thumbnails .archive-entry,
  #main-inner .archive-entries .archive-entry {
    margin: 0 0 8px;
    padding: 0 8px 0 0;
    background-size: 514px;
    min-height: auto;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-image,
#main-inner .archive-entries li .urllist-image,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-image,
#main-inner .archive-entries .archive-entry .urllist-image,
#main-inner ul.urllist-with-thumbnails li .entry-thumb-link,
#main-inner .archive-entries li .entry-thumb-link,
#main-inner ul.urllist-with-thumbnails .archive-entry .entry-thumb-link,
#main-inner .archive-entries .archive-entry .entry-thumb-link {
  width: 185px;
  vertical-align: bottom;
  margin: 0;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-image,
  #main-inner .archive-entries li .urllist-image,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-image,
  #main-inner .archive-entries .archive-entry .urllist-image,
  #main-inner ul.urllist-with-thumbnails li .entry-thumb-link,
  #main-inner .archive-entries li .entry-thumb-link,
  #main-inner ul.urllist-with-thumbnails .archive-entry .entry-thumb-link,
  #main-inner .archive-entries .archive-entry .entry-thumb-link {
    width: 120px;
  }
}
#main-inner ul.urllist-with-thumbnails li .entry-thumb-link,
#main-inner .archive-entries li .entry-thumb-link,
#main-inner ul.urllist-with-thumbnails .archive-entry .entry-thumb-link,
#main-inner .archive-entries .archive-entry .entry-thumb-link {
  position: absolute;
  top: 0;
  left: 0;
}
#main-inner ul.urllist-with-thumbnails li .entry-thumb-link .entry-thumb,
#main-inner .archive-entries li .entry-thumb-link .entry-thumb,
#main-inner ul.urllist-with-thumbnails .archive-entry .entry-thumb-link .entry-thumb,
#main-inner .archive-entries .archive-entry .entry-thumb-link .entry-thumb {
  width: 100%;
  background-position: center;
}
#main-inner ul.urllist-with-thumbnails li .archive-entry-body,
#main-inner .archive-entries li .archive-entry-body,
#main-inner ul.urllist-with-thumbnails .archive-entry .archive-entry-body,
#main-inner .archive-entries .archive-entry .archive-entry-body {
  padding-left: 205px;
  margin-top: 8px;
  font-size: 12px;
  padding-right: 4px;
  margin-bottom: 8px;
  display: none;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .archive-entry-body,
  #main-inner .archive-entries li .archive-entry-body,
  #main-inner ul.urllist-with-thumbnails .archive-entry .archive-entry-body,
  #main-inner .archive-entries .archive-entry .archive-entry-body {
    padding-left: 132px;
    font-size: 10px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-date-link,
#main-inner .archive-entries li .urllist-date-link,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-date-link,
#main-inner .archive-entries .archive-entry .urllist-date-link,
#main-inner ul.urllist-with-thumbnails li .date,
#main-inner .archive-entries li .date,
#main-inner ul.urllist-with-thumbnails .archive-entry .date,
#main-inner .archive-entries .archive-entry .date {
  padding: 8px 0 4px;
  padding-left: 205px;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-date-link,
  #main-inner .archive-entries li .urllist-date-link,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-date-link,
  #main-inner .archive-entries .archive-entry .urllist-date-link,
  #main-inner ul.urllist-with-thumbnails li .date,
  #main-inner .archive-entries li .date,
  #main-inner ul.urllist-with-thumbnails .archive-entry .date,
  #main-inner .archive-entries .archive-entry .date {
    padding-left: 132px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-date-link a:hover,
#main-inner .archive-entries li .urllist-date-link a:hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-date-link a:hover,
#main-inner .archive-entries .archive-entry .urllist-date-link a:hover,
#main-inner ul.urllist-with-thumbnails li .date a:hover,
#main-inner .archive-entries li .date a:hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .date a:hover,
#main-inner .archive-entries .archive-entry .date a:hover {
  text-decoration: none;
}
#main-inner ul.urllist-with-thumbnails li .urllist-date-link time,
#main-inner .archive-entries li .urllist-date-link time,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-date-link time,
#main-inner .archive-entries .archive-entry .urllist-date-link time,
#main-inner ul.urllist-with-thumbnails li .date time,
#main-inner .archive-entries li .date time,
#main-inner ul.urllist-with-thumbnails .archive-entry .date time,
#main-inner .archive-entries .archive-entry .date time {
  font-family: 'Open Sans', sans-serif;
  color: #b3b3b3;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 2px;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-date-link time,
  #main-inner .archive-entries li .urllist-date-link time,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-date-link time,
  #main-inner .archive-entries .archive-entry .urllist-date-link time,
  #main-inner ul.urllist-with-thumbnails li .date time,
  #main-inner .archive-entries li .date time,
  #main-inner ul.urllist-with-thumbnails .archive-entry .date time,
  #main-inner .archive-entries .archive-entry .date time {
    font-size: 11px;
    letter-spacing: 1px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-title-link,
#main-inner .archive-entries li .urllist-title-link,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-title-link,
#main-inner .archive-entries .archive-entry .urllist-title-link,
#main-inner ul.urllist-with-thumbnails li .entry-title,
#main-inner .archive-entries li .entry-title,
#main-inner ul.urllist-with-thumbnails .archive-entry .entry-title,
#main-inner .archive-entries .archive-entry .entry-title {
  font-weight: bold;
  font-size: 18px;
  display: block;
  padding-bottom: 4px;
  padding-left: 205px;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-title-link,
  #main-inner .archive-entries li .urllist-title-link,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-title-link,
  #main-inner .archive-entries .archive-entry .urllist-title-link,
  #main-inner ul.urllist-with-thumbnails li .entry-title,
  #main-inner .archive-entries li .entry-title,
  #main-inner ul.urllist-with-thumbnails .archive-entry .entry-title,
  #main-inner .archive-entries .archive-entry .entry-title {
    font-size: 13px;
    padding-left: 132px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories,
#main-inner .archive-entries li .urllist-categories,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories,
#main-inner .archive-entries .archive-entry .urllist-categories,
#main-inner ul.urllist-with-thumbnails li .categories,
#main-inner .archive-entries li .categories,
#main-inner ul.urllist-with-thumbnails .archive-entry .categories,
#main-inner .archive-entries .archive-entry .categories {
  padding-left: 205px;
  padding-bottom: 4px;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-categories,
  #main-inner .archive-entries li .urllist-categories,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories,
  #main-inner .archive-entries .archive-entry .urllist-categories,
  #main-inner ul.urllist-with-thumbnails li .categories,
  #main-inner .archive-entries li .categories,
  #main-inner ul.urllist-with-thumbnails .archive-entry .categories,
  #main-inner .archive-entries .archive-entry .categories {
    padding-left: 132px;
    padding-bottom: 4px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a,
#main-inner .archive-entries li .urllist-categories a,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a,
#main-inner .archive-entries .archive-entry .urllist-categories a,
#main-inner ul.urllist-with-thumbnails li .categories a,
#main-inner .archive-entries li .categories a,
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a,
#main-inner .archive-entries .archive-entry .categories a {
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  margin-right: 4px;
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a:hover,
#main-inner .archive-entries li .urllist-categories a:hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a:hover,
#main-inner .archive-entries .archive-entry .urllist-categories a:hover,
#main-inner ul.urllist-with-thumbnails li .categories a:hover,
#main-inner .archive-entries li .categories a:hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a:hover,
#main-inner .archive-entries .archive-entry .categories a:hover {
  color: #fff;
}
@media screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li .urllist-categories a,
  #main-inner .archive-entries li .urllist-categories a,
  #main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a,
  #main-inner .archive-entries .archive-entry .urllist-categories a,
  #main-inner ul.urllist-with-thumbnails li .categories a,
  #main-inner .archive-entries li .categories a,
  #main-inner ul.urllist-with-thumbnails .archive-entry .categories a,
  #main-inner .archive-entries .archive-entry .categories a {
    padding: 3px 10px;
    font-size: 9px;
  }
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a:nth-child(odd),
#main-inner .archive-entries li .urllist-categories a:nth-child(odd),
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a:nth-child(odd),
#main-inner .archive-entries .archive-entry .urllist-categories a:nth-child(odd),
#main-inner ul.urllist-with-thumbnails li .categories a:nth-child(odd),
#main-inner .archive-entries li .categories a:nth-child(odd),
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a:nth-child(odd),
#main-inner .archive-entries .archive-entry .categories a:nth-child(odd) {
  background-color: #ff2727;
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a:nth-child(odd):hover,
#main-inner .archive-entries li .urllist-categories a:nth-child(odd):hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a:nth-child(odd):hover,
#main-inner .archive-entries .archive-entry .urllist-categories a:nth-child(odd):hover,
#main-inner ul.urllist-with-thumbnails li .categories a:nth-child(odd):hover,
#main-inner .archive-entries li .categories a:nth-child(odd):hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a:nth-child(odd):hover,
#main-inner .archive-entries .archive-entry .categories a:nth-child(odd):hover {
  background-color: #f30000;
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a:nth-child(even),
#main-inner .archive-entries li .urllist-categories a:nth-child(even),
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a:nth-child(even),
#main-inner .archive-entries .archive-entry .urllist-categories a:nth-child(even),
#main-inner ul.urllist-with-thumbnails li .categories a:nth-child(even),
#main-inner .archive-entries li .categories a:nth-child(even),
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a:nth-child(even),
#main-inner .archive-entries .archive-entry .categories a:nth-child(even) {
  background-color: #2c72ff;
}
#main-inner ul.urllist-with-thumbnails li .urllist-categories a:nth-child(even):hover,
#main-inner .archive-entries li .urllist-categories a:nth-child(even):hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .urllist-categories a:nth-child(even):hover,
#main-inner .archive-entries .archive-entry .urllist-categories a:nth-child(even):hover,
#main-inner ul.urllist-with-thumbnails li .categories a:nth-child(even):hover,
#main-inner .archive-entries li .categories a:nth-child(even):hover,
#main-inner ul.urllist-with-thumbnails .archive-entry .categories a:nth-child(even):hover,
#main-inner .archive-entries .archive-entry .categories a:nth-child(even):hover {
  background-color: #0052f8;
}
@media screen and (min-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li:nth-child(1),
  #main-inner .archive-entries li:nth-child(1) {
    margin-right: 18px;
  }
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2),
  #main-inner .archive-entries li:nth-child(-n+2) {
    -webkit-flex: 1 1 230px;
    -ms-flex: 1 1 230px;
    -webkit-box-flex: 1;
    flex: 1 1 230px;
    padding: 0 0 16px;
    background: #fff;
  }
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2) .urllist-image,
  #main-inner .archive-entries li:nth-child(-n+2) .urllist-image {
    width: 100%;
    margin: 0;
    float: none;
  }
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2) .urllist-title-link,
  #main-inner .archive-entries li:nth-child(-n+2) .urllist-title-link,
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2) .urllist-categories,
  #main-inner .archive-entries li:nth-child(-n+2) .urllist-categories {
    padding: 0 16px;
  }
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2) .urllist-date-link,
  #main-inner .archive-entries li:nth-child(-n+2) .urllist-date-link {
    padding: 8px 16px 4px;
  }
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2) .urllist-title-link,
  #main-inner .archive-entries li:nth-child(-n+2) .urllist-title-link {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 600px) and screen and (max-width: 600px) {
  #main-inner ul.urllist-with-thumbnails li:nth-child(-n+2),
  #main-inner .archive-entries li:nth-child(-n+2) {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
  }
}
.page-archive .archive-heading {
  font-size: 18px;
  margin: 0 0 8px;
}
@media screen and (max-width: 600px) {
  .page-archive #main-inner .archive-entries .archive-entry {
    min-height: 120px;
  }
}
.page-entry .entry-header,
.page-preview .entry-header,
.page-preview-draft .entry-header {
  position: relative;
  margin-bottom: 24px;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-header,
  .page-preview .entry-header,
  .page-preview-draft .entry-header {
    margin: 0 0 18px;
  }
}
.page-entry .entry-date,
.page-preview .entry-date,
.page-preview-draft .entry-date {
  display: inline-block;
  border: 3px solid #000;
  margin-left: -16px;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-date,
  .page-preview .entry-date,
  .page-preview-draft .entry-date {
    margin-left: -8px;
  }
}
.page-entry .entry-date a,
.page-preview .entry-date a,
.page-preview-draft .entry-date a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 4px 16px;
  display: block;
}
.page-entry .entry-date a:hover,
.page-preview .entry-date a:hover,
.page-preview-draft .entry-date a:hover {
  text-decoration: none;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-date a,
  .page-preview .entry-date a,
  .page-preview-draft .entry-date a {
    font-size: 11px;
    padding: 3px 12px;
  }
}
.page-entry .date-year,
.page-preview .date-year,
.page-preview-draft .date-year,
.page-entry .date-month,
.page-preview .date-month,
.page-preview-draft .date-month {
  margin-right: 3px;
}
.page-entry .date-year,
.page-preview .date-year,
.page-preview-draft .date-year,
.page-entry .date-month,
.page-preview .date-month,
.page-preview-draft .date-month,
.page-entry .date-day,
.page-preview .date-day,
.page-preview-draft .date-day {
  font-family: 'Open Sans', sans-serif;
}
.page-entry .date-year:after,
.page-preview .date-year:after,
.page-preview-draft .date-year:after,
.page-entry .date-month:after,
.page-preview .date-month:after,
.page-preview-draft .date-month:after,
.page-entry .date-day:after,
.page-preview .date-day:after,
.page-preview-draft .date-day:after {
  padding: 0 2px;
}
.page-entry .date-year:after,
.page-preview .date-year:after,
.page-preview-draft .date-year:after {
  content: '年';
}
.page-entry .date-month:after,
.page-preview .date-month:after,
.page-preview-draft .date-month:after {
  content: '月';
}
.page-entry .date-day:after,
.page-preview .date-day:after,
.page-preview-draft .date-day:after {
  content: '日';
}
.page-entry .hyphen,
.page-preview .hyphen,
.page-preview-draft .hyphen {
  display: none;
}
.page-entry .entry-title,
.page-preview .entry-title,
.page-preview-draft .entry-title {
  border: 3px solid #000;
  margin: -16px 0 0;
}
.page-entry .entry-title a,
.page-preview .entry-title a,
.page-preview-draft .entry-title a {
  display: block;
  font-weight: bold;
  padding: 24px;
  line-height: 1.4;
  font-size: 22.5px;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-title a,
  .page-preview .entry-title a,
  .page-preview-draft .entry-title a {
    font-size: 16px;
    padding: 18px 10px 18px 12px;
  }
}
.page-entry .entry-og-description,
.page-preview .entry-og-description,
.page-preview-draft .entry-og-description {
  display: none;
}
.page-entry .entry-categories,
.page-preview .entry-categories,
.page-preview-draft .entry-categories {
  margin: -16px 16px 0;
}
.page-entry .entry-categories a,
.page-preview .entry-categories a,
.page-preview-draft .entry-categories a {
  display: inline-block;
  padding: 4px 16px;
  color: #fff;
  font-size: 13px;
  margin-right: 4px;
}
.page-entry .entry-categories a:hover,
.page-preview .entry-categories a:hover,
.page-preview-draft .entry-categories a:hover {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-categories a,
  .page-preview .entry-categories a,
  .page-preview-draft .entry-categories a {
    padding: 3px 8px 4px;
    font-size: 10px;
  }
}
.page-entry .entry-categories a:nth-child(odd),
.page-preview .entry-categories a:nth-child(odd),
.page-preview-draft .entry-categories a:nth-child(odd) {
  background-color: #ff2727;
}
.page-entry .entry-categories a:nth-child(odd):hover,
.page-preview .entry-categories a:nth-child(odd):hover,
.page-preview-draft .entry-categories a:nth-child(odd):hover {
  background-color: #f30000;
}
.page-entry .entry-categories a:nth-child(even),
.page-preview .entry-categories a:nth-child(even),
.page-preview-draft .entry-categories a:nth-child(even) {
  background-color: #2c72ff;
}
.page-entry .entry-categories a:nth-child(even):hover,
.page-preview .entry-categories a:nth-child(even):hover,
.page-preview-draft .entry-categories a:nth-child(even):hover {
  background-color: #0052f8;
}
.page-entry .entry-header-menu,
.page-preview .entry-header-menu,
.page-preview-draft .entry-header-menu {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 600px) {
  .page-entry .entry-header-menu,
  .page-preview .entry-header-menu,
  .page-preview-draft .entry-header-menu {
    top: -5px;
  }
}
.page-entry .entry-header-menu a,
.page-preview .entry-header-menu a,
.page-preview-draft .entry-header-menu a {
  color: #fff;
  padding: 8px 24px 4px;
  background: #000;
  font-weight: normal;
  border-radius: 0;
  border: none;
}
.page-entry .entry-header-menu a:hover,
.page-preview .entry-header-menu a:hover,
.page-preview-draft .entry-header-menu a:hover {
  background: #2c72ff;
  color: #fff;
}
.page-entry .entry-content a,
.page-preview .entry-content a,
.page-preview-draft .entry-content a {
  color: #ff2727;
  text-decoration: underline;
}
.page-entry .entry-content a:hover,
.page-preview .entry-content a:hover,
.page-preview-draft .entry-content a:hover {
  color: #f30000;
}
.page-entry .entry-content p,
.page-preview .entry-content p,
.page-preview-draft .entry-content p {
  margin: 0 0 1em;
}
.page-entry .entry-content h4,
.page-preview .entry-content h4,
.page-preview-draft .entry-content h4 {
  font-size: 15px;
  font-weight: bold;
  margin: 2em 0 1em;
}
.page-entry .entry-footer,
.page-preview .entry-footer,
.page-preview-draft .entry-footer {
  padding: 40px 0 16px;
}
.page-entry .entry-footer a,
.page-preview .entry-footer a,
.page-preview-draft .entry-footer a {
  color: #b3b3b3;
  font-size: 12px;
}
.page-entry .entry-footer a:hover,
.page-preview .entry-footer a:hover,
.page-preview-draft .entry-footer a:hover {
  text-decoration: underline;
}
.page-entry .entry-footer-section,
.page-preview .entry-footer-section,
.page-preview-draft .entry-footer-section {
  margin-bottom: 8px;
}
.page-entry .entry-footer-section .author,
.page-preview .entry-footer-section .author,
.page-preview-draft .entry-footer-section .author {
  display: none;
}
.page-entry .entry-footer-modules .hatena-module-title,
.page-preview .entry-footer-modules .hatena-module-title,
.page-preview-draft .entry-footer-modules .hatena-module-title {
  display: none;
}
.page-entry .entry-footer-modules .hatena-module-body > div,
.page-preview .entry-footer-modules .hatena-module-body > div,
.page-preview-draft .entry-footer-modules .hatena-module-body > div {
  float: left;
  clear: none;
  margin: 20px 8px 40px 0;
}
.pager {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  margin: 16px 0 40px;
  display: table;
  width: 100%;
  text-align: center;
  clear: both;
}
@media screen and (max-width: 600px) {
  .pager {
    display: block;
  }
}
.pager a {
  display: block;
  padding: 0 12px;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .pager a {
    font-size: 12px;
  }
}
.pager .pager-next,
.pager .pager-prev {
  position: relative;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
  padding: 24px 0;
}
@media screen and (max-width: 600px) {
  .pager .pager-next,
  .pager .pager-prev {
    display: block;
    width: 100%;
    padding: 18px 0;
  }
}
.pager .pager-next:before,
.pager .pager-prev:before {
  color: #b3b3b3;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  margin-bottom: 4px;
  display: block;
}
@media screen and (max-width: 600px) {
  .pager .pager-next:before,
  .pager .pager-prev:before {
    font-size: 11px;
  }
}
.pager .pager-prev:before {
  content: '次の記事';
}
.pager .pager-next:before {
  content: '前の記事';
}
.pager-prev + .pager-next {
  border-top: 1px solid #eee;
}
@media screen and (max-width: 1080px) {
  #bottom-editarea {
    background: #000;
  }
}
.footer {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 80px 0 16px;
}
.footer .days-magazine {
  padding: 0 0 16px;
}
.footer .days-magazine a {
  display: inline-block;
  text-indent: -100000px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 4px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine a {
    margin: 0 2px;
  }
}
.footer .days-magazine .young {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091136.jpg?1507767219");
  background-size: 100%;
  width: 96px;
  height: 40px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .young {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20170818/20170818150816.png");
    width: 62.5px;
    height: 26px;
  }
}
.footer .days-magazine .morning {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091045.jpg?1507767250");
  background-size: 100%;
  width: 109px;
  height: 40px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .morning {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20170821/20170821082816.png");
    width: 71px;
    height: 21.5px;
  }
}
.footer .days-magazine .afternoon {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091056.jpg?1507767203");
  background-size: 100%;
  width: 109px;
  height: 40px;
  margin: 0;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .afternoon {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20170818/20170818150822.png");
    width: 61px;
    height: 24.5px;
    margin: 0 2px;
  }
}
.footer .days-magazine .evening {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091051.jpg?1507767166");
  background-size: 100%;
  width: 120.5px;
  height: 40px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .evening {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20170818/20170818150824.png");
    width: 78.5px;
    height: 22px;
  }
}
.footer .days-magazine .kiss {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091048.jpg?1507767105");
  background-size: 100%;
  width: 78px;
  height: 40px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .kiss {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012092507.jpg?1507767946");
    width: 53px;
    height: 22px;
  }
}
.footer .days-magazine .belove {
  background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012091054.jpg?1507767187");
  background-size: 100%;
  width: 92.5px;
  height: 40px;
}
@media screen and (max-width: 1080px) {
  .footer .days-magazine .belove {
    background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/c/comicdays_team/20171012/20171012092510.jpg?1507767929");
    width: 61px;
    height: 22px;
  }
}
.footer .days-magazine .magazine-w {
  margin-top: 14px;
  display: inline-block;
}
.footer .copy {
  font-size: 11px;
  padding: 0 16px;
}
@media screen and (max-width: 1080px) {
  .footer .copy {
    color: #b3b3b3;
  }
}
@media screen and (max-width: 600px) {
  .footer .copy {
    text-align: left;
  }
}
#top-box {
  margin: 32px auto 16px;
  max-width: 800px;
  font-size: 13px;
}
@media screen and (max-width: 1080px) {
  #top-box {
    padding: 0 24px;
  }
}
@media screen and (max-width: 600px) {
  #top-box {
    padding: 0 16px;
  }
}
#top-box .breadcrumb,
#top-box .breadcrumb-gt {
  opacity: .7;
}
#top-box .breadcrumb-gt {
  margin: auto .4em;
}
.category-マンガ .entry-content {
  padding: 32px 40px;
  background: #eee;
}
@media screen and (max-width: 600px) {
  .category-マンガ .entry-content {
    padding: 17px;
    margin: 0 -16px;
  }
}
.category-マンガ .entry-content .white-bg {
  padding: 0;
  margin: -32px -40px -47px;
  background: #fff;
}
@media screen and (max-width: 600px) {
  .category-マンガ .entry-content .white-bg {
    padding: 17px;
    margin: -17px;
  }
}
body.page-about .entry-header {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
body.page-about .days-team-about-content {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 48px 40px;
  line-height: 1.8em;
}
@media screen and (max-width: 600px) {
  body.page-about .days-team-about-content {
    padding: 24px 20px;
  }
}
body.page-about .days-team-about-content p {
  margin: 1em 0;
}
body.page-about p.attention {
  font-size: 14px;
  margin: 2em 0 1em;
}
@media screen and (max-width: 600px) {
  body.page-about p.attention {
    font-size: 12px;
    margin: 1.5em 0 1em;
  }
}
body.page-about .about-magazine-list {
  margin: 60px 0 100px;
}
@media screen and (max-width: 600px) {
  body.page-about .about-magazine-list {
    margin: 40px 0 100px;
  }
}
body.page-about .about-magazine-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media screen and (max-width: 600px) {
  body.page-about .about-magazine-list li {
    display: block;
  }
}
body.page-about .about-magazine-list li h3 {
  font-size: 14px;
  font-weight: bold;
  width: 150px;
}
@media screen and (max-width: 600px) {
  body.page-about .about-magazine-list li h3 {
    font-size: 13px;
    margin: 0 0 6px;
    width: auto;
  }
}
body.page-about .about-magazine-list li h3 a {
  color: #000;
  text-decoration: none;
}
body.page-about .about-magazine-list li h3 a:hover {
  color: #000;
  text-decoration: underline;
}
body.page-about .about-magazine-list li p {
  font-size: 13px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  body.page-about .about-magazine-list li p {
    font-size: 12px;
  }
}