@charset "utf-8";
/* ============================================================ */
/* common */
/* ============================================================ */

#contents{
	padding-top: 0;
}

.brand_detail  section{
	margin-bottom: 70px;
}

.brand_detail .brand_img_box{
	position: relative;
}
.brand_detail .brand_img_box .img_copy{
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:normal;
	color: #ffffff;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0);
}

/* ============================================================ */
/* visual */
/* ============================================================ */
.brand_detail #visual{
	margin-bottom: 0;
}

.brand_detail .finecourt{
	margin-bottom: 0;
	background-image: url("/content/dam/31sumai/brand/finecourt/img/visual_finecourt01.png");
}

.brand_detail .parkcity{
	background-image: url("/content/dam/31sumai/brand/parkcity/img/visual_parkcity01.png");
}

.brand_detail .parkcourt{
	background-image: url("/content/dam/31sumai/brand/parkcourt/img/visual_parkcourt01.png");
}

.brand_detail .parkhomes{
	background-image: url("/content/dam/31sumai/brand/parkhomes/img/visual_parkhomes01.png");
}

.brand_detail .parkluxe{
	background-image: url("/content/dam/31sumai/brand/parkluxe/img/visual_parkluxe01.png");
}

.brand_detail .parkmansion{
	background-image: url("/content/dam/31sumai/brand/parkmansion/img/visual_parkmansion01.png");
}

.brand_detail .parkseasons{
	background-image: url("/content/dam/31sumai/brand/parkseasons/img/visual_parkseasons01.png");
}

.brand_detail .parktower{
	background-image: url("/content/dam/31sumai/brand/parktower/img/visual_parktower01.png");
}

/* ============================================================ */
/* lead */
/* ============================================================ */

.brand_detail .lead{
	background-color: #F6F6F6;
}

.brand_detail .lead .lead_block_inner{
	display:table;
	margin: 0 auto;
	padding: 42px 0;
	width: 870px;
}

.brand_detail .lead .lead_block_inner_img{
	display:table-cell;
	vertical-align:top;
	text-align:center;
	width: 217px;
}

.brand_detail .lead .lead_block_inner_img span{
	background:#FFF;
	display:block;
	padding: 70px 50px;
}

.brand_detail .lead .lead_block_inner_img img{
	max-width: 120px;
}

.brand_detail .lead .lead_block_inner_txt{
	display:table-cell;
	padding:0 0 0 40px;
}

.brand_detail .lead .lead_block_inner h1{
	padding: 0 0 5px;
	border-bottom: 3px solid #222c81;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}

.brand_detail .lead .lead_block_inner p {
	margin: 15px 0 0;
}

/* ============================================================ */
/* block */
/* ============================================================ */

.brand_detail .inner .block{
	width: 100%;
	display: block;
}

.brand_detail .inner .block div.text_area p{
	margin: 25px auto;
	width: 70%;
}
/* ============================================================ */
/* gallery_wrapper */
/* ============================================================ */

.brand_detail .gallery_wrapper{
	padding-bottom: 75px;
	width: 1000px;
	margin: 0 auto;
}
.brand_detail .gallery_wrapper .large_image{
	position: relative;
	overflow: hidden;
}
.brand_detail .gallery_wrapper .large_image ul{
	width: 10000%;
	transition: all 300ms 0s ease;
}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="0"]{margin-left: -0%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="1"]{margin-left: -100%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="2"]{margin-left: -200%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="3"]{margin-left: -300%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="4"]{margin-left: -400%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="5"]{margin-left: -500%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="6"]{margin-left: -600%;}
.brand_detail .gallery_wrapper .large_image ul[data-current_num="7"]{margin-left: -700%;}

.brand_detail .gallery_wrapper .large_image li{
	width: 1%;
	float: left;
}
.brand_detail .gallery_wrapper .btn_prev a,
.brand_detail .gallery_wrapper .btn_next a{
	position: absolute;
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 0;
}
.brand_detail .gallery_wrapper .btn_prev a{
	left: 25px;
}
.brand_detail .gallery_wrapper .btn_next a{
	right: 25px;
}
.brand_detail .gallery_wrapper .thumbnail_image{
	width: calc(100% + 4px);
	margin-top: 30px;
}
.brand_detail .gallery_wrapper .thumbnail_image li{
	width: 14.28%;
	float: left;
	padding-right: 4px;
	box-sizing: border-box;
}
.brand_detail .gallery_wrapper .thumbnail_image li img{
	max-width: 100%;
}

.brand_detail .gallery_wrapper .thumbnail_image li:last-of-type{
	margin-right: 0;
}
.brand_detail .gallery_wrapper .thumbnail_image li a{
	display: block;
}
.brand_detail .gallery_wrapper .thumbnail_image li a.thumb_current{
	opacity:.8;
}

/* ============================================================ */
/* link_box */
/* ============================================================ */

.brand_detail .inner .link_box{
	width: 63%;
	margin: 62px auto;
}

.brand_detail .inner .link_box .search{
	margin-bottom: 10px;
}

.brand_detail .inner .link_box .search li a{
	width: 100%;
}

.brand_detail .inner .link_box .link {
	display: table;
	width: 100%;
}

.brand_detail .inner .link_box .link li {
	display: table-cell;
	padding-right: 10px;
}

.brand_detail .inner .link_box .link li a{
	width: 100%;
}

.brand_detail .inner .link_box .link li:last-of-type {
	padding-right: 0;
}

/* ============================================================ */
/* smartphone */
/* ============================================================ */

@media screen and (max-width:640px) {
	/*----- common -----*/
	.brand_detail  section{
		margin-bottom: 30px;
	}
	.brand_detail .brand_img_box .img_copy{
		font-size: 8px;
	}
	/*----- lead -----*/
	.brand_detail .lead .lead_block_inner{
		width: 100%;
		display: block;
		padding: 0;
	}
	.brand_detail .lead .lead_block_inner h1{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.brand_detail .lead .lead_block_inner_img{
		display: block;
		width: 100%;
	}
	.brand_detail .lead .lead_block_inner_img span{
		padding: 12px 0 15px 0;
	}
	.brand_detail .lead .lead_block_inner_img img{
		max-width: 67px;
	}
	.brand_detail .lead .lead_block_inner_txt{
		display: block;
		padding: 30px 10px;
	}
	/*----- gallery_wrapper -----*/
	.brand_detail .gallery_wrapper{
		padding-bottom: 50px;
		width: 100%;
	}
	.brand_detail .gallery_wrapper .large_image .btn_prev a{
		left: 10px;
	}
	.brand_detail .gallery_wrapper .large_image .btn_next a{
		right: 10px;
	}
	.brand_detail .gallery_wrapper .thumbnail_image{
		width: 100%;
		width: calc(140% + 4px);
		margin-top:10px;
		transition: all 300ms 0s ease;
	}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="0"]{margin-left: -0%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="1"]{margin-left: -20%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="2"]{margin-left: -40%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="3"]{margin-left: -40%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="4"]{margin-left: -40%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="5"]{margin-left: -40%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="6"]{margin-left: -40%;}
	.brand_detail .gallery_wrapper .thumbnail_image[data-current_num="7"]{margin-left: -40%;}

	/*----- block -----*/
	.brand_detail .inner .block div.text_area p{
		width: 100%;
	}
	/*----- link_box -----*/
	.brand_detail .inner .link_box{
		width: 100%;
		margin:50px 0;
	}

	.brand_detail .inner .link_box .link {
		display: block;
	}

	.brand_detail .inner .link_box .link li{
		display: block;
		width: 100%;
		padding-right: 0px;
		margin-bottom: 10px;
	}

	.brand_detail .inner .link_box .link li:last-of-type {
		margin-bottom: 0px;
	}
}