/*
  /rakurakucloud/mailmarketing/asset/css/page/p-column-fv.css
  コラム一覧ページFV用CSS
*/

.p-column {
  /* 停止・再生ボタン */
  .slick-pause {
    width: 40px;
    height: 40px;
    bottom: 0;
    left: 426px;
    cursor: pointer;
    background: url(/rakurakucloud/mailmarketing/asset/image/common/icon/icon-pause-gray.svg) no-repeat center center;
    background-size: contain;
    &::before,
    &::after {
      display: none;
    }
    &.is-paused {
      background: url(/rakurakucloud/mailmarketing/asset/image/common/icon/icon-play-blue.svg) no-repeat center center;
      background-size: contain;
      background-color: transparent;
      clip-path: none;
    }
    &:hover {
      opacity: 0.8;
    }
    @media screen and (max-width: 1200px) {
      left: 300px;
    }
    @media screen and (max-width: 1024px) {
      bottom: 13px;
      left: 0;
    }
    @media screen and (max-width: 600px) {
      bottom: 2px;
    }
  }
}