@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
body {
	background: url(../img/gallery/body_bg.jpg) no-repeat center top;
	background-size: cover;
}

#main h2 {
	position: absolute;
	left: 34%;
	top: 1.3%;
	width: 26%;
	color: #fff;
	font-size: 1vw;
	text-align: center;
}

#main h2 span {
	margin-top: -7.2%;
	display: block;
	text-shadow: 0 0 6px #000;
}

#main .phoList {
	position: absolute;
	left: 9%;
	top: 15.5%;
	width: 72%;
	text-align: center;
	z-index: 10;
}

#main .phoList li {
	margin: 0 1% 1%;
	display: inline-block;
	width: 13%;
}

#main .phoList li a {
	display: block;
	position: relative;
}

#main .phoList li .btn {
	position: absolute;
	right: 15%;
	bottom: 15%;
	display: block;
	width: 25%;
}

#main .phoList li a:hover {
	opacity: 0.7;
}

#main .bgBox {
	position: absolute;
	left: -4.5%;
	top: 55.5%;
	width: 99.5%;
	z-index: 10;
}

#main .bgBox .photo a:hover img {
	opacity: 0.7;
}

#main .bgBox .btn {
	display: block;
	position: absolute;
	right: 14.5%;
	bottom: 12.5%;
	width: 3.2%;
}

#main .bgBox .txtBox {
	position: absolute;
	left: 15%;
	top: 22%;
	width: 46%;
}

#main .bgBox .txtBox .ttl {
	padding-bottom: 0.5%;
	width: 70%;
	color: #c2e29c;
	font-size: 1.55vw;
	background: url(../img/common/line01.png) repeat-x left bottom;
	text-shadow: 0 0 4px #000;
}

#main .bgBox .txtBox p {
	margin: 0 0 1.5% 1%;
	padding-left: 1%;
	color: #fff;
	font-size: 0.8vw;
	line-height: 1.6;
	text-shadow: 0 0 8px #000,0 0 8px #000;
}

#main .bgBox .txtBox .txt {
	margin-top: 3.5%;
	font-size: 0.72vw;
	text-shadow: 2px 2px 5px #527633,-2px 2px 5px #527633,2px -2px 5px #527633,-2px -2px 5px #527633;
}

#main .bgBox .txtBox p a {
	color: #fff;
}

@media all and (min-width: 0) and (max-width: 1920px) {
	#main .phoList {
		width: 65%;
		top: 17%;
		left: 13%
	}
	
	#main .bgBox {
		left: -2.5%;
		width: 97.5%;
		top: 59%;
	}
	
	#main .bgBox .txtBox {
		top: 17%;
		width: 50%;
	}
}

@media all and (min-width: 2001px) {
	#main h2 {
		font-size: 20px;
	}
	
	#main .bgBox .txtBox .ttl {
		font-size: 30px;
	}
	
	#main .bgBox .txtBox p {
		font-size: 16px;
	}
	
	#main .bgBox .txtBox .txt {
		font-size: 14px;
	}
	
	#main .phoList {
		width: 63%;
		top: 18%;
		left: 13%
	}
	
	#main .bgBox {
		left: -2.5%;
		width: 97.5%;
		top: 59%;
	}

	#main .bgBox .txtBox {
		width: 48%;
	}
}