@charset "utf-8";

.container {
	padding-bottom:0;
	background:url(../img/bg.jpg) center top;
	background-size:cover;
	background-attachment:fixed;

}

.container .over {
	position:fixed;
	width:100%;
	height:100%;
	margin:-100px 0 0;
	background:rgba(0,22,85,0.7);
	z-index:1;
    -webkit-transition: 1.9s;
    -moz-transition: 1.9s;
    -o-transition: 1.9s;
    -ms-transition: 1.9s;
    transition: 1.9s;
}

.container .over.passive {
	opacity:0;
}

.container .inner {
	position:relative;
	z-index:2;
}

.container h1 {
	width:300px;
	height:18px;
	margin:40px 0 0;
	padding-left:calc((100% - 980px) / 2);
    text-align: left;
	background:#fff;
	position:relative;
	z-index:2;
}
.container h1 img {
	display:block;
	height:18px;
}

.container .read {
	display:block;
	width:100%;
	margin:60px 0 80px;
}

.container .set_right {
	width:90%;
	margin:30px 0 80px 10%;
}
.container .set_left {
	width:90%;
	margin:30px 10% 80px 0;
}

.container .tx1 {
	float:left;
	display:block;
	width:60%;
}
.container .ph1 {
	float:right;
	display:block;
	width:35%;
}
.container .ph1 img {
	display:block;
	width:100%;
}

.container .ph2 {
	float:left;
	display:block;
	width:35%;
}
.container .ph2 img {
	display:block;
	width:100%;
}
.container .tx2 {
	float:right;
	display:block;
	width:60%;
}

.container .ph1 a,
.container .ph2 a {
	display:block;
	margin:0 0 10px;
}

.container .scene {
	position:relative;
	z-index:2;
}

.container .scene a {
	float:left;
	display:block;
	width:20%;
}
.container .scene a img {
	display:block;
	width:100%;
}

.tx_sp {
	display:none;
}


@media screen and (max-width: 640px) {

	.container h1 {
		margin:0;
	
	}
	.container .read {
		margin:20px 0 30px;
	}
	.container .set_right,
	.container .set_left {
		width:100%;
		margin:20px 0 40px;
	}
	.container .tx1,
	.container .tx2 {
		display:none;
	}
	.tx_sp {
		display:block;
		margin:0 0 20px;
		color:#fff;
		font-size:13px;
		line-height:1.7em;
	}
	.container .ph1 {
		float:none;
		display:block;
		width:100%;
	}
	.container .ph2 {
		float:none;
		display:block;
		width:100%;
	}


	.container .scene a {
		width:50%;
	}
	.container .scene a:last-of-type {
		width:100%;
	}

	.photo {
		cursor:default;
	}
}

.fancybox-type-image .fancybox-close {
	top: 10px;
	right: 10px;
	background-color:rgba(0,0,0,0.3);
}