/*-------------------------------------------- */
/* INFOGRAPHICS
---------------------------------------------- */
.infographics {
  position: relative; }
  .infographics img {
    display: block;
    width: 100%;
    height: auto; }
  .infographics > a {
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    border: solid 4px #cccccc;
    overflow: hidden;
    text-indent: 120%;
    white-space: nowrap;
    transition: border 0.5s; }
    .infographics > a::hover {
      border-color: #cccccc; }
    .infographics > a > span {
      position: absolute;
      display: block;
      box-sizing: border-box;
      left: 0;
      top: 0;
      width: 100%;
      padding: 6px 0 0 20px;
      text-indent: 0;
      white-space: normal;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #000; }
      .infographics > a > span.fs10 {
        font-size: 10px; }
      .infographics > a > span.fs11 {
        font-size: 11px; }
      .infographics > a > span.fs12 {
        font-size: 12px; }
      .infographics > a > span.fs13 {
        font-size: 13px; }
      .infographics > a > span.fs14 {
        font-size: 14px; }
      .infographics > a > span.fs15 {
        font-size: 15px; }
  .infographics .box-infographics {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box; }
    .infographics .box-infographics .frame {
      display: none;
      position: relative;
      width: 100%;
      height: 100%; }
    .infographics .box-infographics .frameAnimeImgs::after {
      display: block;
      content: '';
      clear: left; }
    .infographics .box-infographics .frameAnimeImgs img {
      display: block;
      position: absolute;
      width: auto;
      height: 100%;
      left: 0;
      top: 0; }
    .infographics .box-infographics .frameAnime .loader {
      position: absolute;
      width: 24px !important;
      height: 24px !important;
      left: 50%;
      top: 50%;
      margin: -12px 0 0 -12px; }

@media (max-width: 896px) {
  .infographics > a > span {
    font-size: 16px; } }