/* CSS Document */
/* 動画バナー用css */


/* 動画バナーの高さに合わせる */
.cowtvBanner{
  /* position: relative;  */
}


/* 動画バナーマウスオーバー時透過設定 */
.cowtvBanner a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}  


/* 動画バナーの重ね順と位置の調整 */
.cowtvMovie{
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}
.cowtvImage {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}







/*  /////////////////////////////////////////////////////////////////////////////////  */
/* 以下はレスポンシブ用 */

/* 指定の画面の時に、クラスでtoggle-spのついているもの以外は非表示に設定*/
@media screen and (min-width:0px){
    .cowtv-mycompany .toggle-pc { display: none; }
    .cowtv-mycompany .toggle-ipad { display: none; }
    .cowtv-mycompany .toggle-sp { display: block; }
}

/* 指定の画面の時に、クラスでtoggle-ipadのついているもの以外は非表示に設定*/
@media screen and (min-width:450px){
    .cowtv-mycompany .toggle-pc { display: none; }
    .cowtv-mycompany .toggle-ipad { display: block; }
    .cowtv-mycompany .toggle-sp { display: none; }
}

/* 指定の画面の時に、クラスでtoggle-pcのついているもの以外は非表示に設定*/
@media screen and (min-width:800px){
    .cowtv-mycompany .toggle-pc { display: inline-block; }
    .cowtv-mycompany .toggle-ipad { display: none; }
    .cowtv-mycompany .toggle-sp { display: none; }    

    /* YouTubeの埋め込みをセンター寄せする為の対策 */
    .cowtv-mycompany{
        max-width: 800px;
        margin: auto;
    }
}