@charset "utf-8";


/*メイン画像
---------------------------------------------------------------------------*/
#mainimg {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}

/*all main pics*/
.slide {
	width: 100%;height: 100%;
	position: absolute;right: 0px;top: 0px;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: opacity 1s;	
}

/*１*/
.slide1 {
	background: url('../img/bhr_header.png') no-repeat center center / cover;	/*１枚目の背景画像の読み込み*/
}

/*２
.slide2 {
	background: url('../images/2-yoko.jpg') no-repeat center center / cover;	
}*/

/*３
.slide3 {
	background: url('../images/3-yoko.jpg') no-repeat center center / cover;	
}*/


	/*rorate*/
	@media (orientation: portrait) {
	
	/*１*/
	.slide1 {
		background-image: url('../img/bhr_header.png');	
	}

	/*2
	.slide2 {
		background-image: url('../images/2-tate.jpg');	
	}*/

	/*3
	.slide3 {
		background-image: url('../images/3-tate.jpg');	
	}

	}*/