@charset "utf-8";
/* CSS Document */

.gallery-fade {
	position: relative;
	/*width: 820px;*/
	margin: 0 auto;
	/*overflow: hidden;*/
}
	.gallery-fade .holder {
		position: relative;
		/*overflow: hidden;*/
		z-index: 2;
		width: 100%;
	}
		.gallery-fade .holder ul {
			width: 100%;
			height: 1150px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.gallery-fade .holder ul li {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 1050px;
				padding: 0;
			}
			.gallery-fade .holder ul li p {
				padding: 25px 0 0 224px;

				font-size: 16px;
				line-height: 32px;
				letter-spacing: 0.075em;
			}
			.gallery-fade .holder ul li div.navi {
				position: absolute;
				bottom: -60px;
				left:224px;
				/*width: 486px;*/
				height: auto;
				overflow: hidden;
			}
			.gallery-fade .holder ul li div.navi .prev {
				float: left;
			}
			.gallery-fade .holder ul li div.navi .top {
				float: left;
				padding-left: 60px;
				padding-top: 8px;
			}
			.gallery-fade .holder ul li div.navi .next {
				float: left;
				padding-left: 60px;
			}
			.gallery-fade .holder ul li div.navi .top2 {
				float: left;
				padding-left: 133px;
			}
				.gallery-fade .holder ul li img {
					display: block; 
				}
					.gallery-fade .holder ul li div.buttons {
						width: 880px;
						margin: 0 auto;
					}
						.gallery-fade .holder ul li div.buttons div.button {
							position: relative;
							/*float:left;*/
							display: inline-block;
							width: 180px;
							height: 190px;
							margin: 10px 15px 90px 15px;
						}
							.gallery-fade .holder ul li div.buttons div.button img {
								display: block;
							}
							.gallery-fade .holder ul li div.buttons div.next img {
								position: absolute;
								top: 60px;
								left: 50px;
							}
							div.next img,
							div.prev img,
							div.top img,
							div.top2 img,
							img.thumb {
								cursor: pointer;
							}
							img.thumb:hover {
								filter: alpha(opacity=60);
								-moz-opacity:0.60;
								opacity:0.60;
							}
		
#contents {
	width: 840px;
	margin: 0 auto;
}
	#contents .row {
		height: auto;
		overflow: hidden;
		margin-bottom: 70px;
	}
		#contents .row .left {
			float: left;
			width: 500px;
		}
		#contents .row .right {
			float: right;
			width: 500px;
		}
		#contents .row .left p,
		#contents .row .right p {
			padding-left: 27px;
		}
			#contents .row .left p.cap,
			#contents .row .right p.cap {
				padding-left: 0 !important;
				margin-top: 8px;
				color: #F4F4D6;
			}
		#contents .row .left h4,
		#contents .row .right h4 {
			margin: 40px 0 35px;
		}
		
	#contents .lineup {
		clear: both;
		height: auto;
		overflow: hidden;
		padding-top: 40px;
	}
		#contents .lineup li {
			float:left;
			padding: 0 20px;
		}
		#contents .lineup li.title {
			float:left;
			padding: 0 20px 0 0;
			padding-top: 20px;
		}
	#contents h1 img {
		margin-left: 100px;
	}
		



@media only screen and (max-width: 500px) {
	
	#contents {
		width: 100%;
	}
	
	.gallery-fade {
		width: 100%;
	}
	.gallery-fade .holder {
		margin-bottom: 40px;
	}
	.gallery-fade .holder ul {
		height: 800px;
	}
	.gallery-fade .holder ul li div.buttons {
		width: 100%;
	}
	.gallery-fade .holder ul li div.buttons div.button {
		position: relative;
		/*float:left;*/
		display: inline-block;
		width: 155px;
		 height: 160px; 
		margin-top: 0;
		margin-bottom: 0;
		  margin: 0 10px 20px 10px;
	}
	.gallery-fade .holder ul li div.buttons div.button img {
		 margin: 0;
     max-width: 100%;
	}
	.bigImg img{
		width: 100%;
	}
	.gallery-fade .holder ul li p {
		 padding: 25px 0 0 12px; 
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 0.075em;
	}
	.gallery-fade .holder ul li div.navi {
		position: relative; 
		bottom: -10px;
		left:5px;
		width: calc(100% - 10px);
		height: auto;
		margin: 0 auto;
	}
	.gallery-fade .holder ul li div.navi .prev {
		float: left;
	}
	.gallery-fade .holder ul li div.navi .top {
		float: left;
		padding-left: 20px;
		padding-top: 8px;
	}
	.gallery-fade .holder ul li div.navi .next {
		float: left;
		padding-left: 20px;
	}
	.gallery-fade .holder ul li.btnArea {
		position: relative;

		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.gallery-fade .holder ul li div.navi .top2 img {	
		text-align: center;
		margin: 0 auto;
	}
}