@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}

.c-movie {
  padding-top: 0 !important;
  border-radius: 20px;
}

.flashyVideo {
  aspect-ratio: 16 / 8.9;
  overflow: hidden;
  border-radius: 20px;
  max-width: 664px;
  margin-left: auto;
  margin-right: auto;
}
.flashyVideo img {
  margin-top: -0.4%;
}
.flashyVideo a {
  display: block;
  position: relative;
}
.flashyVideo a:after {
  content: "play_arrow";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-family: "Material Icons";
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  font-size: 60px;
  padding: 1%;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  white-space: nowrap;
}
@media only screen and (max-width: 1200px) and (max-width: 800px) {
  .flashyVideo a:after {
    font-size: 50px;
  }
}

/* wakisaka_20221121 【DUO/CANADEL】商品の使い方ページ内、動画のクリックエリア調整 */
@media only screen and (max-width: 640px) {
  .page-template-canadel_templates_page.page-template-howto .flashyVideo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-template-canadel_templates_page.page-template-howto .flashyVideo a {
    height: 60px;
    width: 60px;
    position: static;
  }
  .page-template-canadel_templates_page.page-template-howto .flashyVideo img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
  }
  .page-template-canadel_templates_page.page-template-howto .flashyVideo a::after {
    pointer-events: none;
  }
}