@charset "UTF-8";
/*
Theme Name: collabo house thema
Theme URI: https://collabohouse.info/
Description: コラボハウスマニュアルサイト
Version: 1.0
Author: ラボハウス
Author URI: https://collabohouse.info/
*/

.sec_movie h2{
  margin: 30px 0 20px;
  padding: 10px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-radius: 6px;
  background-color: #CC0000;
}

.sec_movie .movie_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec_movie .movie_list .li{
  width: 32%;
}

.sec_movie .movie_list .movie_box_01{
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 56.25%;
}
.sec_movie .movie_list .movie_box_01 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sec_movie .movie_list .movie_box_01 .item-thumb{
  position:absolute;
  top:0%;
  left:0;
  width:100%;
  height:100%;
  object-fit: cover;
  cursor: pointer;
}
.sec_movie .movie_list .movie_box_01 .video_item_01{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec_movie .movie_list .li .movie_ttl_01{
  font-size: 18px;
  font-weight: bold;
}

.mainte_movie{
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .sec_movie .movie_list .li{
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .sec_movie .movie_list .li{
    width: 100%;
  }
}