@charset "utf-8";


/*
==============================

	住宅街

==============================
*/

.gzone-title,
.gzone-title1,
.gzone-title2,
.gzone-title3,
.gzone-title4 {
    height: 600px;
}

.gzone-title   {
	color:#fff;
}

.gzone-title2   {
	background-repeat:no-repeat;
	background-position: right;
	background-image:url(image1.jpg);
}
.gzone-title p  {
	background: rgba(0,0,0, 0.5)
}


@media screen and (min-width:900px) {
	.gzone-title3 {
		background: linear-gradient(to right, #000 calc(100% - 900px), transparent 250px); /* Standard syntax */
	}
}
@media screen and (min-width:556px) and (max-width:899px) {
	.gzone-title3 {
		background: linear-gradient(to right, #000, transparent 250px); /* Standard syntax */
	}
}
@media screen and (max-width:555px)	 { /* Smart Phone */
	.gzone-title2 {
		background-position: -370px bottom;
	}
}





/*  offset for narrow window  */

/* @media screen and (max-width:900px) {.gzone-title2 { background-position: calc(vw - 80px) bottom;}} */
/* @media screen and (min-width:710px) and (max-width:900px)	{.gzone-title2 { background-position: right bottom; width: 100%}}
@media screen and (max-width:709px)										{.gzone-title2 { background-position: right bottom; width: 100%}} */