@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}



h8{
	position: absolute;
	z-index: 2;
	top: 35%;
	left: 80%;
	transform: translate(-50%, -50%);
	text-align: top;
	font-size:47px;

	text-transform: uppercase;
	color: #FFFFFF;
 writing-mode: vertical-rl; 
 -ms-writing-mode: tb-rl;

}

.wrapper{
	    width: 100%;
}/*画面幅全表示のため追加指定*/

/*画面幅600px以下の追加指定*/
@media screen and (max-width:600px) {

h8{
	position: absolute;
	z-index: 2;
	top: 30%;
	left: 70%;
	transform: translate(-50%, -50%);
	text-align: top;
	font-size:34px;

	text-transform: uppercase;
	color: #FFFFFF;
writing-mode: vertical-rl; 
}

#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}


}




/*========= レイアウトのためのCSS =======

a{
	color: #fff;
}

a:hover,
a:active{
	text-decoration: none;
}




.container{
	background:#555;
}

.container p{
	padding: 300px 0;	
	text-align: center;
	color: #fff;
}

========*/