@charset "utf-8";

html {
  font-size: 0.625em; /* 10 / 16 */
}

@media only screen and (min-width: 767px) {
  html {
    font-size: 0.6875em; /* 11 / 16 */
  }
}

@media only screen and (min-width: 896px) {
  html {
    font-size: 0.75em; /* 12 / 16 */
  }
}

@media only screen and (min-width: 1216px) {
  html {
    font-size: 0.8125em; /* 13 / 16 */
  }
}

@media only screen and (min-width: 1408px) {
  html {
    font-size: 0.875em; /* 14 / 16 */
  }
}

body {
  font-size: 1.2rem;
  -webkit-text-size-adjust: none;
}

img {
  vertical-align: middle;
}

a:hover {
  color: #666;
}

a:hover img,
a:hover .is-item-title {
  opacity: .8;
}

.is-text-link {
  color: #f0a024;
  font-weight: bold;
  text-decoration: underline;
}

.is-item-title {
  color: #61a411;
}

.is-item-cover {
  box-shadow: 0 2px 5px 0 rgba(70, 70, 70, 0.26);
}

.item-cover-wrapper {
  display: block;
  text-align: left;
}

.item-cover-wrapper > .is-item-cover {
  display: block;
}

.item-cover-wrapper.is-novel,
.item-cover-wrapper.is-tateyomi,
.item-cover-wrapper.has-privileges {
  position: relative;
}

.item-cover-wrapper.is-novel::after,
.item-cover-wrapper.is-tateyomi::after,
.item-cover-wrapper.has-privileges::after {
  background: rgba(255, 255, 255, .92);
  border: 1px solid #ccc;
  bottom: 0;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
  position: absolute;
}

.item-cover-wrapper.is-novel::after {
  content: 'ラノベ';
}

.item-cover-wrapper.is-tateyomi::after {
  content: 'タテ読み';
}

.item-cover-wrapper.has-privileges::after {
  content: '特典あり';
}

.item-cover-wrapper.is-waitfree {
  position: relative;
}

.item-cover-wrapper.is-waitfree .waitfree-badge {
  bottom: 0;
  right:0;
  width: 50%;
  position: absolute;
}

@media only screen and (max-width: 374px) {
  .is-hidden-small-mobile {
    display: none;
  }
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}