@charset "utf-8";
/* CSS Document */
#main{width:100%;height:200px;background: url('../img/main.jpg') transparent no-repeat scroll center top;background-color:#000;}
.staybox{margin: 20px auto;}
.staybox ul{font-size: 0;}
.staybox li{display: inline-block;vertical-align: top;}
.staybox li .img{padding-top: 40px;}
.staybox li.li02{width: 235px;position:relative;padding-top:40px;}
.staybox li.li02 .txt{
	letter-spacing: 1px;
	line-height: 2;
	font-size: 16px;
	color:#7b928c;
	font-family :YuMincho, 'Yu Mincho', serif;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);
	height: 320px;
}

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が768px以下の場合*/
@media screen and (max-width: 768px) {
	#main{margin-top: 50px;}
	#section{width:93%;margin:0 auto;}
	.staybox li{display: block;width: 100%;position: relative;}
	.staybox li .title{position: absolute;z-index: 1;width:30%;}
	.staybox .img_l li .title{top: 0;right: 0;}
	.staybox .img_r li .title{top: 0;left: 0;}
	.staybox li .title img{width: 100%;}
	.staybox li .img{padding-top: 10px;width: 90%;}
	.staybox .img_r .img{margin-left: 10%;}
	.staybox li .img img{width: 100%;}
	.staybox li.li02{display:none;}
	.staybox  .txt{margin-top:10px;letter-spacing: 1px;line-height: 1.6;font-size: 12px;color:#7b928c;font-family :YuMincho, 'Yu Mincho', serif;}
}