@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/


#video {
	height: 500px;
	overflow: hidden;
}
.header_area{
	position: relative;
	margin: 0 auto;
	width: 1280px;
	z-index: 1000;
}

@media screen and (max-width: 1280px){
.header_area{
	width: 100%;
}

}

@media screen and (max-width: 640px){
#tubular-container{
	width:100vw;
}
#tubular-container iframe,
#video-controls {
	display: none;
}

#video{
	background-image: url(../image/_pitti/top_img_sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

}