@charset "UTF-8";	

/* -------------------------- */
/* content */
/* -------------------------- */

#gallery {
	padding-bottom: 80px;
}
	/* list */
	.galleryList {
		margin-bottom: 40px;
	}
	.pageNavi {
		padding-top: 10px;
	}
	
	/* more */
	#gallery .galleryMore {
		overflow: hidden;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px dashed #d1d1d1;
	}
		#gallery .galleryMore .titleBox {
			float: left;
			width: 240px;
		}
			#gallery .galleryMore .titleBox .date {
				margin-left: 2px;
				font-size: 1.4em;
			}
			#gallery .galleryMore .titleBox h2 {
				margin: 12px 0 40px 0;
				font-size: 2.4em;
				line-height: 1.4em;
			}
			#gallery .galleryMore .titleBox dl {
				overflow: hidden;
				border-top: 1px dashed #d1d1d1;
				font-size: 1.6em;
			}
				#gallery .galleryMore .titleBox dl dt {
					clear: both;
					float: left;
					width: 60px;
					padding: 10px 0;
					font-weight: bold;
				}
				#gallery .galleryMore .titleBox dl dd {
					padding: 10px 0 10px 60px;
					border-bottom: 1px dashed #d1d1d1;
				}
		#gallery .galleryMore .sliderBox {
			float: right;
			width: 700px;
		}
			#gallery .galleryMore .sliderBox .flexslider .slides li {
				width: 100%;
				height: 467px;
			}
				#gallery .galleryMore .sliderBox .flexslider .slides li img {
					width: auto;
					height: 467px;
					margin: 0 auto;
				}
				.flex-control-thumbs {
					margin-top: 20px;
				}
					.flex-control-thumbs li:not(:last-child) {
						margin-right: 10px;
					}
					.flex-control-thumbs li {
						width: auto;
						height: 80px;
						margin-bottom: 10px;
					}
						.flex-control-thumbs li img {
							width: auto;
							height: 80px;
						}
				


/* ================================================================================================================================================================================== */
/* mobile */
/* ================================================================================================================================================================================== */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-768 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:481px) and (max-width:768px) {


/* -------------------------- */
/* content */
/* -------------------------- */

.pageNavi {
	padding-top: 35px;
}


/* more */
#gallery .galleryMore {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: 0;
}
	#gallery .galleryMore .titleBox {
		float: none;
		width: auto;
	}
		#gallery .galleryMore .titleBox h2 {
			margin: 12px 0 20px 0;
		}
	#gallery .galleryMore .sliderBox {
		float: none;
		width: 100%;
		margin-bottom: 25px;
	}


}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* max-480 */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:320px) and (max-width:480px) {

/* -------------------------- */
/* content */
/* -------------------------- */

#gallery {
	padding-bottom: 40px;
}
	.galleryList {
		border-bottom: 1px solid #ddd;
	}
	.pageNavi {
		padding-top: 25px;
	}


/* more */
#gallery .galleryMore {
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 0;
}
	#gallery .galleryMore .titleBox {
		float: none;
		width: auto;
	}
		#gallery .galleryMore .titleBox .date {
			font-size: 1.2em;
		}
		#gallery .galleryMore .titleBox h2 {
			margin: 5px 0 20px 0;
			font-size: 2.0em;
			line-height: 1.4em;
		}
		#gallery .galleryMore .titleBox dl {
			font-size: 1.4em;
		}
			#gallery .galleryMore .titleBox dl dt {
				float: none;
				width: auto;
				padding: 10px;
				background-color: #f1f1f1;
			}
			#gallery .galleryMore .titleBox dl dd {
				padding: 10px;
			}
	#gallery .galleryMore .sliderBox {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
		#gallery .galleryMore .sliderBox .flexslider .slides li {
			width: 100%;
			height: 200px;
		}
			#gallery .galleryMore .sliderBox .flexslider .slides li img {
				width: auto;
				height: 200px;
			}
			.flex-control-thumbs {
				margin-top: 10px;
			}
				.flex-control-thumbs li:not(:last-child) {
					margin-right: 5px;
				}
				.flex-control-thumbs li {
					width: auto;
					height: 50px;
					margin-bottom: 5px;
				}
					.flex-control-thumbs li img {
						width: auto;
						height: 50px;
					}

}