@charset "UTF-8";

/* material top styles */
.youtube_wrap {
  display: flex;
  flex-wrap: wrap;
}
.youtube_wrap .youtube_thum a img{
  width: 100%;
}
.youtube_wrap .youtube_thum {
  margin-bottom: 10px;
}

@media print, screen and (min-width:768px) {
  .youtube_wrap {
    margin-bottom: 50px;
  }
  .youtube_wrap._col3{
    flex-wrap: wrap;
  }
  .youtube_wrap._col3 .youtube_box {
    width: calc((100% - 64px)/3);
    margin-right: 32px;
    margin-top: 32px;
  }
  .youtube_wrap._col3 .youtube_box:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .youtube_wrap._col3 .youtube_box .youtube_thum {
    width: 100%;
  }
  .youtube_wrap._col3 .youtube_box:nth-of-type(3n) {
    margin-right: 0;
  }
  .youtube_wrap._col3 .youtube_box .youtube_thum a{
    height: auto;
  }
}
@media screen and (max-width:767px) {
  .youtube_wrap {
    margin-bottom: 30px;
  }
  .youtube_wrap .text_cp01 {
    margin-bottom: 0;
  }
  .youtube_wrap .youtube_box{
    margin-top: 30px;
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .youtube_wrap .youtube_box:nth-of-type(-n+2){
    margin-top: 0;
  }
  .youtube_wrap .youtube_box:nth-of-type(2n){
    margin-right: 0;
  }
}