@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;
	padding-bottom:80px;
	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:80%;
	margin:60px 0 80px;
}

.container .read2 {
	display:block;
	width:80%;
	margin:60px 0 0 20%;
}

.container .set_right,
.container .set_left {
	position:relative;
	width:100%;
	margin:30px auto 120px;
}

.container .set_left .menu {
	position:absolute;
	top:0;
	left:8%;
	display:block;
	width:20%;
	z-index:10;
}
.container .set_left .tx {
	float:right;
	display:block;
	width:58%;
	margin:30px 8% 40px 0;
}
.container .set_right .menu {
	position:absolute;
	top:0;
	right:8%;
	display:block;
	width:20%;
	z-index:10;
}
.container .set_right .tx {
	float:left;
	display:block;
	width:58%;
	margin:30px 0 40px 8%;
}
.container .info {

}
.container .ph {
	position:relative;
	display:block;
	width:100%;
	z-index:1;
}
.container .ph a {
	float:left;
	display:block;
	width:33.3%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;	
}
.container .ph a:hover {
	opacity:0.6;
	-webkit-filter: saturate(150%);
	-moz-filter: saturate(150%);
	-o-filter: saturate(150%);
	-ms-filter: saturate(150%);
	filter: saturate(150%);
}

.container .ph a img {
	display:block;
	width:100%;
}

.tx_sp {
	display:none;
}


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

	.container h1 {
		margin:0;
	
	}

	.container .inner {
	}

	.container .read {
		width:100%;
		margin:20px 0 30px;
	}
	.container .read2 {
		width:100%;
		margin:20px 0 0;
	}
	.container .set_right,
	.container .set_left {
		width:100%;
		margin:20px 0 40px;
	}
	.container .set_left .tx,
	.container .set_right .tx {
		display:none;
	}
	.tx_sp {
		display:block;
		width:66%;
		margin:0 0 50px;
		color:#fff;
		font-size:13px;
		line-height:1.7em;
	}
	.container .set_right .tx_sp {
		float:left;
	}
	.container .set_left .tx_sp {
		float:right;
	}

	.container .set_left .menu {
		left:2%;
		width:24%;
	}
	.container .set_right .menu {
		right:2%;
		width:24%;
	}

	.container .ph a {
		float:none;
		display:block;
		width:100%;
	}
	.container .ph a:hover {
		opacity:1;
		-webkit-filter: saturate(100%);
		-moz-filter: saturate(100%);
		-o-filter: saturate(100%);
		-ms-filter: saturate(100%);
		filter: saturate(100%);
	}

}

@media screen and (max-width: 580px) {
	.tx_sp {
		margin:0 0 40px;
	}
}

@media screen and (max-width: 520px) {
	.tx_sp {
		margin:0 0 30px;
	}
	.container .set_left .menu {
		width:26%;
	}
	.container .set_right .menu {
		width:26%;
	}
}

@media screen and (max-width: 460px) {
	.tx_sp {
		margin:0 0 20px;
	}
	.container .set_left .menu {
		width:28%;
	}
	.container .set_right .menu {
		width:28%;
	}
}

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