/*
Theme Name: FORCE Child
Theme URI: https://tcd-theme.com/tcd078
Description: TCD FORCE用の子テーマ
Author: Hikaru Kobayashi
Template: force_tcd078
Version: 1.0.0
Text Domain: force-child
*/

/*
 * カスタマイズ用CSSは、この下に追加してください。
 */
/* トップページ動画を16:9で全体表示 */

/* スマホ表示のみ：トップ動画を本来の縦横比で表示 */
@media screen and (max-width: 767px) {

  #index_slider.video {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
  }

  #index_video {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
  }

  #index_video_wrap,
  #index_video_wrap.type1,
  #index_video_wrap.type2 {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  #index_video_inner {
    width: 100% !important;
    height: auto !important;
    padding-top: 0 !important;
    position: relative !important;
  }

  #index_video_mp4 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    object-fit: contain !important;
  }
}