/*  -------------------------------HEADER------------------------------- */
header{
	height:60px;
	background:rgba(255,255,255,0.9);
}
.nisshojp{
	height:auto;
	background:none;
}
.nisshojp a{
	width:130px;
	height:25px;
	background-size:auto 25px;
	opacity:0.8;
	margin:15px 15px 0;
}
h1{
	width:220px;
	height:105px;
	margin:-22px auto 0;
	background-image:url(../svg/svg_androom_logo.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 105px;
}

/*  -------------------------------TOP_IMAGE------------------------------- */
#stage{
	position:static;
	display:flex;
	width:100vw;
	height:600px;
	overflow:hidden;
	margin-top:-45px;
	background:#000;
}
#stage ul{
	min-width:9750px; /* （物件数 × 750）px */
	height:600px;
	overflow:hidden;
}
.pic{
	position:static;
	width:750px;
	height:600px;
	overflow:hidden;
	float:left;
}
.pic img{
	width:750px;
	height:600px;
	opacity:1;
	animation:none;
}
#stage ul:first-child{
	animation: loop 390s -195s linear infinite; /* （物件数 × 30）s・（その半分をマイナス） */
}
#stage ul:last-child{
	display:block;
	animation: loop2 390s linear infinite; /* （物件数 × 30）s */
}
@keyframes loop{
	0%{transform:translateX(100%);}
	to{transform:translateX(-100%);}
}
@keyframes loop2{
	0%{transform:translateX(0);}
	to{transform:translateX(-200%);}
}

/*  -------------------------------TOP_LINK------------------------------- */
#toplink, #topicon{
	display:none;
}

/*  -------------------------------CONCEPT------------------------------- */
#concept{
	position:relative;
	margin-top:-100px;
	padding:200px 0 0;
	height:260px;
	box-sizing:border-box;
}
#concept h2{
	display:none;
}
#concept p{
	height:100px;
	background:rgba(0,0,0,0.5);
	margin:-200px 0 0;
	padding:25px 0;
	color:#fff;
	box-sizing:border-box;
}
#concept p::after{
	content:"";
	display:block;
	height:28px;
	background:url(../svg/svg_concept.svg) no-repeat center;
	background-size:auto 28px;
	margin-top:60px;
}
#concept .about_btn{
	margin:72px auto 0;
	cursor: pointer;
	transition:0.2s;
}
#concept .about_btn:hover{
	opacity:0.5;
}

/*  -------------------------------ROOM_LIST------------------------------- */
.arch{
	display:none;
}
#rooms{
	background-image:url(../svg/svg_bg_rooms.svg);
	background-size:22px 11px;
	background-repeat:no-repeat;
	background-position:center top;
	padding:40px 10px 20px;
}	
.rooms_wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#rooms section{
	width:420px;
	margin:0 12px 24px 12px;
	box-shadow:4px 4px 0 rgba(0,0,0,0.2);
}
#rooms section:hover{
	margin:1px 11px 23px 13px;
	box-shadow:3px 3px 0 rgba(0,0,0,0.2);
}
#rooms p{
	background:rgba(0,0,0,0.5);
	padding:12px 10px 10px;
	box-sizing:border-box;
	height:85px;
}
#rooms a{
	transition:0.4s;
}
#rooms a:hover{
	background:none;
}
.new, .update{
	position:relative;
	float:right;
	margin-left:-50px;
}
.collection{
	position:relative;
	float:left;
	margin:0 0 -10px 0;
	border-radius: 0 0 3px 0;
	background:rgba(0,0,0,0.4);
}

/*  -------------------------------ABOUT------------------------------- */
.about{
	background:rgba(50,50,50,0.9);
	display: flex;
	justify-content:center;
	align-items:center;
}

.about_content{
	width:550px;
	min-height:600px;
	max-height:700px;
	background-size:350px auto;
	background-position:center 170px;
	color:#444;
	box-shadow:0 0 8px rgba(255,255,255,0.1);
}
.about_content h3{
	background-position:center 25px;
	background-size:auto 45px;
	padding:70px 0 5px;
	margin:0 0 25px;
}
.about_content h3 object{
	width:auto;
	height:60px;
}
.about_content p{
	font-size:14px;
	line-height:1.75;
}
.about_content p strong{
	color:#c00;
}
.about_content .about_btn{
	width:150px;
	margin:35px auto 0;
	cursor: pointer;
	transition:0.2s;
}
.about_content .about_btn:hover{
	opacity:0.5;
}

/*  -------------------------------LINE------------------------------- */
.pc_index_line{
	background:#fff;
	padding-top:10px;
}