@charset "UTF-8";
/*css　*/
.mContents-title_wraper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 20px;
  letter-spacing: 0.08em;
  overflow: hidden;
  position: relative;
  padding-bottom: 4px;
  line-height: 1.31;
  width: 100%;
}

.mContents-title_wraper > * {
  min-height: 1px;
  max-width: 100%;
}

.ie .mContents-title_wraper {
  width: 100%;
}

.mContents-title {
  max-width: 100%;
}

.mContents-hash {
  font-size: 0.7em;
}

.mContents-hash + .mContents-title {
  margin-top: 0.2em;
}

.mContents-title_num {
  margin-right: 0.8em;
  margin-bottom: 0.22em;
}

.mContents-title_num, .mContents-title, .mContents-more {
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.mContents-title_num::after, .mContents-title::after, .mContents-more::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.mMedia-each.-action .mContents-title_num::after, .mMedia-each.-action .mContents-title::after, .mMedia-each.-action .mContents-more::after {
  -webkit-transform: translateX(-102%);
          transform: translateX(-102%);
  -webkit-animation: showblocks 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) backwards 0.3s;
          animation: showblocks 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) backwards 0.3s;
}

@media only screen and (min-width: 769px) {
  .-size_contents .mContents-title_wraper {
    font-size: 15px;
  }
  .-size_galley .mContents-title_wraper {
    margin-top: 0.92308em;
    font-size: 13px;
  }
  .mContents-hash {
    font-size: 0.84615em;
  }
  .mContents-hash + .mContents-title {
    margin-top: 0.30769em;
  }
}

@media only screen and (max-width: 768px) {
  .mContents-title_wraper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    font-size: 3.73333vw;
  }
  .-size_galley .mContents-title_wraper {
    font-size: 3.2vw;
    line-height: 1.4;
  }
  .-size_galley .mContents-title {
    width: 100%;
  }
  .mContents-title_num {
    margin-right: 0.714em;
  }
  .mContents-hash {
    font-size: 2.93333vw;
  }
  .mContents-hash + .mContents-title {
    margin-top: 0.125em;
  }
  .-size_galley .mContents-hash {
    font-size: 2.66667vw;
  }
  .mContents-more {
    width: 100%;
    margin-top: 2.26667vw;
    font-size: 3.2vw;
    position: relative;
    padding-left: 2.66667vw;
  }
  .mContents-more::before {
    content: "";
    display: block;
    width: 2.13333vw;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@-webkit-keyframes underline {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0%;
    left: 100%;
  }
}

@keyframes underline {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0%;
    left: 100%;
  }
}

@-webkit-keyframes showblocks {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}

@keyframes showblocks {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}

@-webkit-keyframes showblockshover {
  0% {
    -webkit-transform: translateX(-102%);
            transform: translateX(-102%);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}

@keyframes showblockshover {
  0% {
    -webkit-transform: translateX(-102%);
            transform: translateX(-102%);
  }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
  }
}

body, html {
  background-color: #000;
}