@charset "UTF-8";

.btn_video_img {
  cursor: pointer;
  margin-top: 25px;
  margin-bottom: 30px;
}
.btn_video_img img {
  width: 100%;
  max-width: 534px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.template_section .each_template.template_01 {
  border: 1px solid #ccc;
}
/* .template_section .each_template.template_01 > h4.title_block {
  background-color: #ff7338;
  background-image: url(/stat/edms/add-ons/social_motion_graphics/img/bg_title_01.jpg);
} */
.template_section .each_template p {
  margin: 15px 20px;
}
.template_section .each_template .col_video {
  width: 50%;
}
.template_section .each_template .col_tumbnail {
  width: 100%;
}
.template_section .each_template .thumbnail {
  width: 33.333%;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  transition: transform ease-out .2s, z-index ease .2s;
  z-index: 1;
}
.template_section .each_template .thumbnail:nth-child(34),
.template_section .each_template .thumbnail:nth-child(35),
.template_section .each_template .thumbnail:nth-child(36),
.template_section .each_template .thumbnail:nth-child(37) {
  width: 25%;
}
/* .template_section .each_template .thumbnail:nth-child(4),
.template_section .each_template .thumbnail:nth-child(10),
.template_section .each_template .thumbnail:nth-child(16),
.template_section .each_template .thumbnail:nth-child(22),
.template_section .each_template .thumbnail:nth-child(28) {
  padding-bottom: 25px;
} */
.template_section .each_template .thumbnail:hover {
  transform: scale(1.3);
  z-index: 10;
}
.separate_line {
  width: calc(100% - 40px);
  height: 1px;
  background-color: #3de9dd;
  margin: 20px auto;
  box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .template_section .each_template .col_tumbnail {
    display: block;
  }
  .template_section .each_template .col_tumbnail .inner {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
  }
  .template_section .each_template .thumbnail {
    width: 50%;
    padding: 5px;
    padding-bottom: 5px !important;
  }
  .template_section .each_template .thumbnail:nth-child(odd) {
    padding-left: 10px;
  }
  .template_section .each_template .thumbnail:nth-child(even) {
    padding-right: 10px;
  }
  .template_section .each_template .thumbnail:first-child, .template_section .each_template .thumbnail:nth-child(2) {
    padding-top: 10px;
  }
  .template_section .each_template .thumbnail:last-child {
    padding-bottom: 10px !important;
  }
  .template_section .each_template .thumbnail:hover {
    box-shadow: none;
    transform: none;
  }
  .template_section .each_template p {
    margin: 0 !important;
  }
  .template_section .each_template .row_block.group_thumbnail {
    margin: 0;
  }
  .template_section .each_template .col_video {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
    padding: 5px !important;
  }
  .template_section .each_template .col_video:last-child {
    padding-top: 15px !important;
  }
  .separate_line {
    display: none;
  }
}
@media screen and (max-width:600px) {
  .template_section .each_template .thumbnail {
    width: 100%;
  }
  .template_section .each_template .thumbnail:nth-child(odd), .template_section .each_template .thumbnail:nth-child(even) {
    padding: 5px 10px;
  }
}