/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	
	/*-- 181026追加　画像をはみださせない処理 img { max-width: 100%; }　--*/
	
	
	/*-- ここまで --*/
}



/*-- CSSのみのヘッダー動画テスト --*/
	/* ----- 背景用の動画ファイル ----- */
#bg-video{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 70%;
	height: 100%;
	z-index: -100;
	background: url('poster.jpg') no-repeat;
	background-size: cover;
}
	/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{
	position: relative; /*必ず必要*/
	z-index: 2; /*必ず必要*/
	display: flex;
	width: 50%;
	justify-content: center;
	align-items: center;
	text-align:center;
	margin: auto;
}