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

#contents_image {
background: url(../images/main01.jpg) no-repeat center center;
background-size: cover;
height: 360px;
position: relative;
}
.transmission {background:rgba(0,0,0,0.5);height:360px;}

#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 54px;
line-height: 64px;
letter-spacing: 5px;
font-weight: 700;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.construction-detail {
width: 960px;
margin: 40px auto 60px;
display:table;
}



#main_copy {
	width:260px;
	float:right;}
#main_copy dl {
	text-align:left;}
#main_copy dl dt {
	font-size:18px;
	line-height:28px;
	font-weight:700;
	color:#29a53e;
	margin:0 0 30px;}
#main_copy dl dd {
	font-size:14px;
	line-height:24px;
	margin:0 0 30px;}
#outline {width:260px;
	float:right;}

#outline table {
	width:100%;}
#outline table th {
	font-size:12px;
	line-height:18px;
	font-weight:700;
	text-align:left;
	border-bottom:1px solid #29a53e;
	padding:10px;
	vertical-align:top;}
#outline table td {font-size:14px;
	line-height:20px;
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px;
	vertical-align:top;}

#inquiry {
	clear: both;
}
#inquiry .btn a {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #29a53d;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	padding: 20px 0;
	text-shadow: 2px 1px 5px #2f6627;
	border-radius: 6px;
	box-sizing: border-box;
}
#inquiry .btn a br {
	display: none;
}
@media screen and (min-width:961px) {
#inquiry .btn a:hover {
    background-color: #5cbf2a;
}
}

#detail {
	float:left;
	width:660px;
	margin:0 0 40px;
	padding:0 0 30px;
	background:#ffffff;
	position: relative;
	/*box-shadow*/
	box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
}


#detail .body_text {width:600px;
	padding: 30px 0 0;
	margin:0 auto;
	}
#detail .body_text dl {
	text-align:left;}
#detail .body_text dl dt {
	font-size:18px;
	line-height:32px;
	font-weight:700;
	color:#29a53e;}
#detail .body_text dl dd {
	padding:20px 0 0;
	font-size:14px;
	line-height:24px;}




.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	top:-235px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 20px;
	top:-235px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}

.thumb-item {
	max-width: 600px;
	margin: 0 auto 5px;
	padding: 30px 5px 5px;
}
.thumb-item-nav {
	max-width: 600px;
	margin: 0 auto;
}

.thumb-item-nav li {width:50px;height:50px;overflow:hidden;position:relative;float:left;margin-right:5px;margin-bottom:5px;}
.thumb-item-nav li img {position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto; max-height:50px;}



@media screen and (max-width:767px) {
#contents_image {
background: url(../images/main01.jpg) no-repeat center center;
background-size: cover;
height: 180px;
position: relative;
}
.transmission {background:rgba(0,0,0,0.5);height:180px;}
#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.construction-detail {
width: auto;
margin: 0 10px 40px;
}






#main_copy {
	width:100%;
	float: inherit;
	margin:0 auto;}
#main_copy dl {
	text-align:left;}
#main_copy dl dt {
	font-size:18px;
	line-height:28px;
	font-weight:700;
	color:#29a53e;
	margin:0 0 30px;}
#main_copy dl dd {
	font-size:14px;
	line-height:24px;
	margin:0 0 30px;}
#outline {width:100%;
	float: inherit;
	margin:10px auto 30px;}

#outline table {
	width:100%;}
#outline table th {
	font-size:12px;
	line-height:18px;
	font-weight:700;
	text-align:left;
	width:15%;
	border-bottom:1px solid #29a53e;
	padding:10px;
	vertical-align:top;}
#outline table td {font-size:14px;
	line-height:20px;
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px;
	vertical-align:top;}

#inquiry .btn a {
	font-size: 14px;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 10px 0;
}
#inquiry .btn a br {
	display: inline;
}

#detail {
	width:100%;
	overflow:hidden;
	float: inherit;
	margin:0 auto;
	padding:0 0 30px;
background:#ffffff;
position: relative;
/*box-shadow*/
box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
-webkit-box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
-moz-box-shadow:0 0 5px #fff, 0 0 5px #aaa, 0 0 1px #aaa;
}


#detail .body_text {width:86%;
	padding: 30px 0 0;
	margin:0 auto;
	}
#detail .body_text dl {
	text-align:left;}
#detail .body_text dl dt {
	font-size:18px;
	line-height:32px;
	font-weight:700;
	color:#29a53e;}
#detail .body_text dl dd {
	padding:20px 0 0;
	font-size:14px;
	line-height:24px;}










.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	top:-60px;
	z-index: 99;
	display:block;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 20px;
	top:-60px;
	z-index: 100;display:block;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.thumb-item {
	width:300px;
	max-width: 300px;
	margin: 0  auto 5px;
	padding: 30px 0 5px;
	overflow:hidden;
}
.thumb-item li {}
.thumb-item li img {
	width:100%;}
ul.thumb-item-nav {
	display:none;
}

.thumb-item-nav li {display:none;}
.thumb-item-nav li img {display:none;}



}