@charset "UTF-8";

@media all and (min-width: 641px) and (-ms-high-contrast: none), all and (min-width: 641px) and (-ms-high-contrast: active) {
  .story__comment-parson--text p.word_break {
    letter-spacing: 0 !important;
    margin-right: -2rem;
  }
}

.m-slider__thum__item__content__title .ruby  {
  position: relative;
}
.m-slider__thum__item__content__title .ruby::before {
  content: attr(data-ruby);
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  font-size: 10px;
  letter-spacing: 0.9em;
}
.story__text--sup {
  vertical-align: super;
  font-size: 60%;
}
.story__text--small {
  font-size: 12px;
  line-height: 1.5;
  opacity: .6;
  margin-top: 1em;
  display: inline-block;
  opacity: .6;
}
.story__col--col2.story__col--arrow::after {
    right: -30px;
}
.story__col--arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 0 15.5px 13px;
    border-color: transparent transparent transparent #707070;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
@media screen and (max-width: 640px) {
  .m-slider__thum__item__content__title {
    line-height: 1.5em;
  }
  .m-slider__thum__item__content__title .ruby::before {
    top: 1.5em;
  }
  .story__col--col2.story__col--arrow::after {
      right: calc( -12.5% - 7px);
  }
  .story__col--arrow::after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15.5px 0 15.5px 13px;
      border-color: transparent transparent transparent #707070;
      top: calc(57% - 2.5em);
      position: absolute;
  }
}