@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :gallery.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*----------------------------------------------------
	.con_intro
----------------------------------------------------*/
.con_intro {
	clear: both;
	overflow: hidden;
	margin: 3.125%;
	background: #f3efe3;
	padding: 3.125%;
}
.con_intro .title {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #574f30;
	margin-bottom: 4%;
}
.con_intro .title span {
	background: #8e8563;
	color: #FFF;
	display: inline-block;
	padding: 1% 2%;
	border-radius: 3px;
}
.con_intro .title h2 {
	font-size: 128%;
	margin: 1% 0 2%;
	font-weight: normal;
	color: #574f30;
}
.con_intro .box_contro {
	clear: both;
	overflow: hidden;
	margin-bottom: 5%;
}
.con_intro .box_contro .box_l {
	width: 44.64286%;
	float: left;
}
.con_intro .box_contro .box_r {
	float: left;
	width: 51.78571%;
	margin-left: 3.57143%;
	color: #574f30;
	font-size: 119%;
}
.con_intro .block_btn .btn_calendar {
	width: 70%;
	margin: 0 auto;
	padding: 2% 3%;
	background: #797154;
	box-shadow: 0px 5px 0 0px #524d39;
}

/*----------------------------------------------------
	.con_gallery
----------------------------------------------------*/
.con_gallery {
	border-top: 4px solid #d1cdb2;
	padding-top: 5%;
	margin: 5% 3.125%;
	clear: both;
	overflow: hidden;
}
.con_gallery h3 {
	text-align: center;
	font-weight: normal;
	margin-bottom: 5%;
}
.con_gallery h3 img {
	width: 4.66667%;
}
.con_gallery h3 p {
	font-size: 150%;
	color: #58502c;
}
.con_gallery .gal_wrap {
	clear: both;
	overflow: hidden;
}
.con_gallery .gal_wrap li {
	width: 31.66667%;
	margin-right: 2.5%;
	float: left;
	position: relative;
	margin-bottom: 2.5%;
}
.con_gallery .gal_wrap li a {
	display: block;
}
.con_gallery .gal_wrap li.last {
	margin-right: 0;
}
.con_gallery .gal_wrap li .ico_pict {
	width: 21.57895%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../search/images/ic_zoom.png) no-repeat 100% 100%;
	height: 42px;
	z-index: 999;
	background-size: 100% auto;
}

/*----------------------------------------------------
	.con_link
----------------------------------------------------*/
.con_link {
	border-top: 4px solid #d1cdb2;
	padding-top: 3%;
	margin: 3.125% 3.125% 10% 3.125%;
}
.con_link .btn_link {
	margin-bottom: 3%;
}