@charset "UTF-8";
/* CSS Document */


.box.comicbox {
  position: relative;
}

.comic {
  width: 100%;
  height: 480px;
  background: url(../../images/girl.gif) center center;
  background-color: #f04939; background-color: var(--accent-color);
  background-blend-mode: lighten; background-blend-mode: var(--filter-effect);
  background-size: cover;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-clip-path: polygon(62% 15%, 64% 15%, 35% 65%, 33% 65%);
          clip-path: polygon(62% 15%, 64% 15%, 35% 65%, 33% 65%);
}

.box:hover .comic {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}