@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
  /* youtube
-------------------------------------*/
  #wj_movie .system-pic {
    margin-bottom: 0;
  }

  #wj_movie .system-pic img {
    width: 100%;
    height: 190px;
  }

  #wj_movie .system-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #wj_movie .system-list li {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
  }

  #wj_movie .system-list li a {
    display: inherit;
    grid-row: inherit;
    grid-template-rows: inherit;
  }

  #wj_movie .system-ttl {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
  }
}

.lity-close {
  top: 2vw !important;
  right: 2vw !important;
  font-size: 50px !important;
}

/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  #wj_movie .system-pic {
    margin-bottom: 0;
  }

  #wj_movie .system-pic img {
    width: 100%;
    height: 25vw;
  }

  #wj_movie .system-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #wj_movie .system-list li {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
  }

  #wj_movie .system-list li a {
    display: inherit;
    grid-row: inherit;
    grid-template-rows: inherit;
  }

  #wj_movie .system-ttl {
    font-size: 3.865vw;
    font-weight: 500;
    margin-bottom: 0;
  }
}