<style>

/*@media screen and (max-width: 979px) {*/
@media screen and (max-width: 1024px)

  #you_screen_size{
    width:100%;
    height:450px;
  }

  .you_embed_size{
     object-fit: cover;
     width:100%;
     height:450px;
  }
  .you_iframe_size{
     object-fit: cover;
     height: 450px; 
     width:100%;
  }
  #you_screen_size_mini{
    width:100%;
    height:450px;
  }
  .you_embed_size_mini{
     object-fit: cover;
     width:100%;
     height:450px;
  }
  .you_iframe_size_mini{
     object-fit: cover;
     height: 450px; 
     width:100%;
  }
}
/* 767px以下用（タブレット／スマートフォン用）の記述 */  
@media screen and (max-width: 767px) {
  #you_screen_size{
    width:100%;
    height:450px;/*360*/
  }
  .you_embed_size{
     object-fit: cover;
     width:100%;
     height:450px;
  }
  .you_iframe_size{
     object-fit: cover;
     height: 450px;
     width:100%;
  }

  #you_screen_size_mini{
    width:100%;
    height:450px;/*360*/
  }
  .you_embed_size_mini{
     object-fit: cover;
     width:100%;
     height:450px;
  }
  .you_iframe_size_mini{
     object-fit: cover;
     height: 450px;
     width:100%;
  }


}
/* 479px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 479px) {
  #you_screen_size{
     height: 180px;
     width:100%;
  }
  .you_embed_size{
     object-fit: cover;
     height: 180px; 
     width:100%;
  }
  .you_iframe_size{
     object-fit: cover;
     height: 180px;
     width:100%;

/*     width:320px !important;*/
  }

  #you_screen_size_mini{
    height: 155px;
    width:100%;
  }
  .you_embed_size_mini{
     object-fit: cover;
     height: 155px;
     width:100%;
  }
  .you_iframe_size_mini{
  object-fit: cover;
     height: 155px;
     width:100%;

/*     width:320px !important;*/
  }
  
}


</style>