/* >> Attachment Video Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.attachVideo{
  @extend %clearFix; @extend %flexBox;
  width: 100%; flex-basis: 100%; max-width: 1400px; margin: 0 auto;
  @media #{$mq-pc_960} {
    margin: 0 auto;
  }
  .attachVideo__button{display: none; position: absolute; bottom: 0; right: 0; padding: 1rem 3rem 1rem 1rem; font-family: $titleFont; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: $color-primary; background: white url("../images/icons/arrow-right-orange.svg"); background-repeat: no-repeat; background-position: right 12px center; background-size: 32px 4px;
    &:hover{background: $color-primary url("../images/icons/arrow-right-white.svg"); background-repeat: no-repeat; background-position: right 12px center; background-size: 32px 4px; color: white;}
    @media #{$mq-tab_720}{display: inline-block; padding: 1rem 6rem 1rem 1rem; background-size: 52px 11px; font-size: 14px;
      &:hover{background-position: right 20px center; background-size: 52px 11px;}
    }
  }
}
.attachVideo__item{
  display: block; width: 100%; margin: 0 auto;
  .clearFix{display: block;}
  .play{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50px; opacity: 0.8;
    @media #{$mq-tab_720}{width: 50px;}
  }
  iframe{display: block; width: 100%;}
}