@charset "utf-8";


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

山の日

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

header h2 {
	text-shadow: rgba(0,64,32, 0.5) 1px 1px 3px, rgba(0,64,32, 0.5) -1px 1px 3px, rgba(0,64,32, 0.5) 1px -1px 3px, rgba(0,64,32, 0.5) -1px -1px 3px;
}

.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,64,32, 0.5)
}


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