@charset "UTF-8";

/*-----design_index_area-----*/

#design_index_area{
	
}

#design_index_area>div{
	
}

@media only screen and (max-width:1023px){
	#design_index_area{
		padding:75px 0 0;
	}
	#design_index_area>div{
		border:none;
	}
}


/*key_area*/
#design_index_area #key_area{
	height:56.25vw;
	margin:0 0 50px;
	position:relative;
	overflow:hidden;
}

#design_index_area #key_area_ls{
	margin:0 0 50px;
	position:relative;
}

#design_index_area #key_area_ls video{
	width:100%;
}

#design_index_area #key_area h1{
	width:90%;
	margin:0;
	color:#fff;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	text-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);
	font-family:'Roboto', sans-serif;
	font-size:30px;
	font-weight:300;
	word-break:break-all;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#design_index_area #key_area_ls h1{
	width:90%;
	margin:0;
	color:#fff;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	text-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);
	font-family:'Roboto', sans-serif;
	font-size:30px;
	font-weight:300;
	word-break:break-all;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#design_index_area #key_area video{
	width:auto;
	height:auto;
	min-width:100vw;
	min-height:56.25vw;
	margin:auto;
	background-size:cover;
	z-index:-100;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#design_index_area #key_area:before,
#design_index_area #key_area_ls:before{
	content:"SCROLL";
	display:block;
	width:20px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	letter-spacing:0.5em;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-family:'Roboto', sans-serif;
	font-size:10px;
	line-height:20px;
	font-weight:300;
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	z-index:1;
}

#design_index_area #key_area:after,
#design_index_area #key_area_ls:after{
	content:"";
	display:block;
	width:1px;
	height:45px;
	margin:0 auto;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	animation-name:anime1;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
}

@keyframes anime1 {
	0% {
		height: 45px;
	}
	100% {
		height: 0px;
	}
}

@media only screen and (max-width:660px){
	#design_index_area #key_area{
		margin:0 0 25px;
	}
	#design_index_area #key_area h1{
		font-size:20px;
	}
	#design_index_area #key_area_ls{
		margin:0 0 25px;
	}
	#design_index_area #key_area_ls h1{
		font-size:20px;
	}
	
	#design_index_area #key_area:before,
	#design_index_area #key_area:after,
	#design_index_area #key_area_ls:before,
	#design_index_area #key_area_ls:after{
		display:none;
	}
}

/*intro_area*/
#design_index_area #intro_area{
	max-width:1200px;
	margin:0 auto 50px;
	padding:0 40px;
	overflow:hidden;
	position:relative;
}

#design_index_area #intro_area>div{
	box-sizing:border-box;
	width:55%;
	background-color:#fafafa;
	float:right;
}

#design_index_area #intro_area>div>div{
	padding:15% 15% 15% 22%;
}

#design_index_area #intro_area>div>div p{
	margin:0 0 20px;
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.8;
}

#design_index_area #intro_area>div>div p:first-child{
	margin:0 0 20px;
	font-size:20px;
	line-height:1.6;
	font-weight:normal;
}

#design_index_area #intro_area>img{
	width:48%;
	height:auto;
	margin:5% 0 0;
	vertical-align:bottom;
	position:absolute;
	top:0;
	left:40px;
}

@media only screen and (max-width:660px){
		#design_index_area #intro_area{
			padding:0 25px;
		}
		#design_index_area #intro_area>div{
			width:100%;
			margin:0 0 20px;
			float:none;
		}
		
		#design_index_area #intro_area>div>div{
			padding:20px;
		}
		
		#design_index_area #intro_area>div>div p{
			margin:0 0 10px;
			font-size:13px;
			line-height:1.6;
		}
		
		#design_index_area #intro_area>div>div p:first-child{
			margin:0 0 10px;
			font-size:16px;
		}
		
		#design_index_area #intro_area>img{
			width:100%;
			height:auto;
			margin:0;
			position:static;
		}
}

/*line_up_area*/
#design_index_area #line_up_area{
	padding:60px 40px 40px;
	background-color:#fafafa;
}

#design_index_area #line_up_area>div{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#design_index_area #line_up_area>div h2{
	margin:0 0 40px;
	text-align:center;
	font-family:'Roboto',sans-serif;
	font-size:25px;
	line-height:1;
	font-weight:400;
}

#design_index_area #line_up_area>div>div{
	margin:0 0 20px;
	overflow:hidden;
}

#design_index_area #line_up_area>div>div>p{
	margin:0 0 20px;
	padding:10px 0 15px 15px;
	border-bottom:1px solid #d1d1d1;
	border-left:4px solid #000;
	letter-spacing:0.1em;
	font-size:22px;
	line-height:1;
	font-weight:500;
}

#design_index_area #line_up_area>div article{
	width:calc(50% - 10px);
	margin:0 20px 40px 0;
	float:left;
}

#design_index_area #line_up_area>div article:nth-of-type(2n){
	margin:0 0 40px 0;
}

#design_index_area #line_up_area>div article a:link,
#design_index_area #line_up_area>div article a:visited{
	display:block;
	color:#000;
	text-decoration:none;
}

#design_index_area #line_up_area>div article a .pic{
	width:100%;
	height:300px;
	margin:0 0 10px;
	overflow:hidden;
	position:relative;
}

#design_index_area #line_up_area>div article a .pic img{
	width:auto;
	height:100%;
	vertical-align:bottom;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#design_index_area #line_up_area>div article a .text_area{
	padding:0 40px 0 0;
	background-image:url(../../pic/interface/right_arrow_black.svg);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:right 20px center;
	transition:.2s;
}

#design_index_area #line_up_area>div article a:hover .text_area,
#design_index_area #line_up_area>div article a:active .text_area{
	background-position:right 10px center;
}

#design_index_area #line_up_area>div article a .text_area{
	padding:0 40px 0 0;
}

#design_index_area #line_up_area>div article a .text_area h3{
	margin:0 0 5px;
	font-size:20px;
	line-height:1.4;
	font-weight:normal;
}

#design_index_area #line_up_area>div article a .text_area h3 span{
	display:inline-block;
	margin:0 0 0 5px;
	font-size:12px;
}

#design_index_area #line_up_area>div article a .text_area p{
	margin:0;
	font-size:13px;
	line-height:1.6;
}

@media only screen and (max-width:660px){
	#design_index_area #line_up_area{
		padding:60px 25px 40px;
	}
	#design_index_area #line_up_area>div>div>p{
		margin:0 0 10px;
		padding:8px 0 10px 10px;
		font-size:17px;
	}
	#design_index_area #line_up_area>div article{
		width:100%;
		margin:0 0 20px;
		float:none;
	}
	
	#design_index_area #line_up_area>div article:nth-of-type(2n){
		margin:0 0 20px 0;
	}
	
	#design_index_area #line_up_area>div article a .pic{
		height:150px;
	}
	
	#design_index_area #line_up_area>div article a .pic img{
		width:100%;
		height:auto;
	}
	
	#design_index_area #line_up_area>div article a .text_area{
		padding:0 30px 0 0;
	}
	
	#design_index_area #line_up_area>div article a .text_area h3{
		font-size:16px;
		line-height:1;
	}
	
	#design_index_area #line_up_area>div article a .text_area h3 span{
		font-size:11px;
	}
	
	#design_index_area #line_up_area>div article a .text_area p{
		font-size:12px;
	}
}

/*bnr_area*/
#bnr_area{
	padding:70px 30px 100px;
}

#bnr_area>div{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#bnr_area>div article{
	box-sizing:border-box;
	width:50%;
	margin:0 auto;
	padding:0 10px;
	float:left;
}

#bnr_area>div article a:link,
#bnr_area>div article a:visited{
	display:block;
	border:1px solid #000;
	color:#fff;
	text-decoration:none;
}

#bnr_area>div article a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#bnr_area>div article a div{
	padding:14px 40px 14px 26px;
	background-image:url(../../pic/interface/right_arrow.svg);
	background-repeat:no-repeat;
	background-size:20px 20px;
	background-position:right 30px center;
	background-color:#000;
	transition:.2s;
}

#bnr_area>div article a:hover div,
#bnr_area>div article a:active div{
	background-position:right 20px center;
}

#bnr_area>div article a div h2{
	display:inline-block;
	margin:0 25px 0 0;
	font-size:20px;
	font-weight:500;
	line-height:1;
}

#bnr_area>div article a div h2 span{
	display:inline-block;
	margin:0 0 0 5px;
	font-size:13px;
	font-weight:normal;
}

#bnr_area>div article a div p{
	display:inline-block;
	margin:0;
	font-size:13px;
	line-height:1;
}

@media only screen and (max-width:660px){
	#bnr_area{
		padding:50px 25px 80px;
	}
	
	#bnr_area>div article a div{
		padding:14px 30px 14px 15px;
		background-position:right 20px center;
	}
	
	#bnr_area>div article a:hover div,
	#bnr_area>div article a:active div{
		background-position:right 10px center;
	}
	
	#bnr_area>div article{
		box-sizing:border-box;
		width:100%;
		margin:0 auto;
		padding:10px 0;
		float:none;
	}
	#bnr_area>div article a div h2{
		display:block;
		margin:0 0 8px;
		font-size:16px;
		font-weight:500;
	}
	
	#bnr_area>div article a div h2 span{
		font-size:11px;
	}
	
	#bnr_area>div article a div p{
		display:block;
		font-size:12px;
	}
}


/*-----design_index_area END-----*/


/*-----design_detail_area -----*/

#design_detail_area{
	
}

#design_detail_area>div{
	
}

@media only screen and (max-width:1023px){
	#design_detail_area{
		padding:75px 0 0;
	}
	#design_detail_area>div{
		border-left:none;
	}
}


/*key_area*/
#design_detail_area #key_area{
	height:80Vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	position:relative;
}


/*2024新商品*/

#design_detail_area #marmo_glass #key_area{
	background-image:url(../hybrid_texture/marmo_glass/key_img.jpg);
}
#marmo_glass #img1{
	background-image:url(../hybrid_texture/marmo_glass/img_01.jpg);
}
#marmo_glass #img2{
	background-image:url(../hybrid_texture/marmo_glass/img_02.jpg);
}
#marmo_glass #img3{
	background-image:url(../hybrid_texture/marmo_glass/img_04.jpg);
}

#design_detail_area #pearl_mix_nx #key_area{
	background-image:url(../hybrid_texture/pearl_mix_nx/key_img.jpg);
}
#pearl_mix_nx #img1{
	background-image:url(../hybrid_texture/pearl_mix_nx/img_01.jpg);
}
#pearl_mix_nx #img2{
	background-image:url(../hybrid_texture/pearl_mix_nx/img_02.jpg);
}
#pearl_mix_nx #img3{
	background-image:url(../hybrid_texture/pearl_mix_nx/img_03.jpg);
}

#design_detail_area #drip_glass #key_area{
	background-image:url(../hybrid_texture/drip_glass/key_img.jpg);
}
#drip_glass #img1{
	background-image:url(../hybrid_texture/drip_glass/img_01.jpg);
}
#drip_glass #img2{
	background-image:url(../hybrid_texture/drip_glass/img_02.jpg);
}
#drip_glass #img3{
	background-image:url(../hybrid_texture/drip_glass/img_03.jpg);
}

#design_detail_area #hexa_mirror #key_area{
	background-image:url(../vintage_vibe/hexa_mirror/key_img.jpg);
}
#hexa_mirror #img1{
	background-image:url(../vintage_vibe/hexa_mirror/img_01.jpg);
}
#hexa_mirror #img2{
	background-image:url(../vintage_vibe/hexa_mirror/img_02.jpg);
}
#hexa_mirror #img3{
	background-image:url(../vintage_vibe/hexa_mirror/img_03.jpg);
}

#design_detail_area #retro_glaze #key_area{
	background-image:url(../yakimono_diversity/retro_glaze/key_img.jpg);
}
#retro_glaze #img1{
	background-image:url(../yakimono_diversity/retro_glaze/img_01.jpg);
}
#retro_glaze #img2{
	background-image:url(../yakimono_diversity/retro_glaze/img_02.jpg);
}
#retro_glaze #img3{
	background-image:url(../yakimono_diversity/retro_glaze/img_03.jpg);
}

#design_detail_area #mealapis #key_area{
	background-image:url(../super_real/mealapis/key_img.jpg);
}
#mealapis #img1{
	background-image:url(../super_real/mealapis/img_01.jpg);
}
#mealapis #img2{
	background-image:url(../super_real/mealapis/img_02.jpg);
}
#mealapis #img3{
	background-image:url(../super_real/mealapis/img_03.jpg);
}

#design_detail_area #wood_touch #key_area{
	background-image:url(../super_real/wood_touch/key_img.jpg);
}
#wood_touch #img1{
	background-image:url(../super_real/wood_touch/img_01.jpg);
}
#wood_touch #img2{
	background-image:url(../super_real/wood_touch/img_02.jpg);
}
#wood_touch #img3{
	background-image:url(../super_real/wood_touch/img_04.jpg);
}





#design_detail_area #marble_touch #key_area{
	background-image:url(../super_real/marble_touch/key_img.jpg);
}
#marble_touch #img1{
	background-image:url(../super_real/marble_touch/img_01.jpg);
}
#marble_touch #img2{
	background-image:url(../super_real/marble_touch/img_02.jpg);
}
#marble_touch #img3{
	background-image:url(../super_real/marble_touch/img_03.jpg);
}
#marble_touch #img4{
	background-image:url(../super_real/marble_touch/img_04.jpg);
}

#design_detail_area #trilogy_nx #key_area{
	background-image:url(../super_real/trilogy_nx/key_img.jpg);
}
#trilogy_nx #img1{
	background-image:url(../super_real/trilogy_nx/img_01.jpg);
}
#trilogy_nx #img2{
	background-image:url(../super_real/trilogy_nx/img_02.jpg);
}
#trilogy_nx #img3{
	background-image:url(../super_real/trilogy_nx/img_03.jpg);
}
#trilogy_nx #img4{
	background-image:url(../super_real/trilogy_nx/img_04.jpg);
}
#trilogy_nx #img5{
	background-image:url(../super_real/trilogy_nx/img_05.jpg);
}

#design_detail_area #triplet_glass #key_area{
	background-image:url(../hybrid_texture/triplet_glass/key_img.jpg);
}
#triplet_glass #img1{
	background-image:url(../hybrid_texture/triplet_glass/img_01.jpg);
}
#triplet_glass #img2{
	background-image:url(../hybrid_texture/triplet_glass/img_02.jpg);
}
#triplet_glass #img3{
	background-image:url(../hybrid_texture/triplet_glass/img_03.jpg);
}
#triplet_glass #img4{
	background-image:url(../hybrid_texture/triplet_glass/img_04.jpg);
}
#triplet_glass #img5{
	background-image:url(../hybrid_texture/triplet_glass/img_05.jpg);
}

#design_detail_area #losange #key_area{
	background-image:url(../hybrid_texture/losange/key_img.jpg);
}
#losange #img1{
	background-image:url(../hybrid_texture/losange/img_01.jpg);
}
#losange #img2{
	background-image:url(../hybrid_texture/losange/img_02.jpg);
}
#losange #img3{
	background-image:url(../hybrid_texture/losange/img_03.jpg);
}
#losange #img4{
	background-image:url(../hybrid_texture/losange/img_04.jpg);
}

#design_detail_area #fog_border #key_area{
	background-image:url(../yakimono_diversity/fog_border/key_img.jpg);
}
#fog_border #img1{
	background-image:url(../yakimono_diversity/fog_border/img_01.jpg);
}
#fog_border #img2{
	background-image:url(../yakimono_diversity/fog_border/img_02.jpg);
}
#fog_border #img3{
	background-image:url(../yakimono_diversity/fog_border/img_03.jpg);
}
#fog_border #img4{
	background-image:url(../yakimono_diversity/fog_border/img_04.jpg);
}


/*==========super_real==========*/

#design_detail_area #marmor #key_area{
	background-image:url(../super_real/marmor/key_img.jpg);
}
#design_detail_area #trilogy #key_area{
	background-image:url(../super_real/trilogy/key_img.jpg);
}
#design_detail_area #veneziane #key_area{
	background-image:url(../super_real/veneziane/key_img.jpg);
}
#design_detail_area #brit_stone #key_area{
	background-image:url(../super_real/brit_stone/key_img.jpg);
}
#design_detail_area #eucaly_wood #key_area{
	background-image:url(../super_real/eucaly_wood/key_img.jpg);
}
#design_detail_area #art_wood #key_area{
	background-image:url(../super_real/art_wood/key_img.jpg);
}
#design_detail_area #bitter_wood #key_area{
	background-image:url(../super_real/bitter_wood/key_img.jpg);
}
#design_detail_area #minerale #key_area{
	background-image:url(../super_real/minerale/key_img.jpg);
}
#design_detail_area #clothreve #key_area{
	background-image:url(../super_real/clothreve/key_img.jpg);
}
#design_detail_area #ceppodigre #key_area{
	background-image:url(../super_real/ceppodigre/key_img.jpg);
}
#design_detail_area #soapstone #key_area{
	background-image:url(../super_real/soapstone/key_img.jpg);
}
#design_detail_area #g_canyon #key_area{
	background-image:url(../super_real/g_canyon/key_img.jpg);
}
#design_detail_area #pulpis #key_area{
	background-image:url(../super_real/pulpis/key_img.jpg);
}
#design_detail_area #luxe #key_area{
	background-image:url(../super_real/luxe/key_img.jpg);
}
#design_detail_area #legnetti #key_area{
	background-image:url(../super_real/legnetti/key_img.jpg);
}
#design_detail_area #noble_wood #key_area{
	background-image:url(../super_real/noble_wood/key_img.jpg);
}
#design_detail_area #stile_marmi #key_area{
	background-image:url(../super_real/stile_marmi/key_img.jpg);
}
#design_detail_area #pregiato #key_area{
	background-image:url(../super_real/pregiato/key_img.jpg);
}
#design_detail_area #iconic #key_area{
	background-image:url(../super_real/iconic/key_img.jpg);
}
#design_detail_area #brazilian_slate #key_area{
	background-image:url(../super_real/brazilian_slate/key_img.jpg);
}
#design_detail_area #overcome #key_area{
	background-image:url(../super_real/overcome/key_img.jpg);
}
#design_detail_area #opus_stone #key_area{
	background-image:url(../super_real/opus_stone/key_img.jpg);
}
#design_detail_area #comodo_wood #key_area{
	background-image:url(../super_real/comodo_wood/key_img.jpg);
}
#design_detail_area #topfit #key_area{
	background-image:url(../super_real/topfit/key_img.jpg);
}
#design_detail_area #i_cocci #key_area{
	background-image:url(../super_real/i_cocci/key_img.jpg);
}
#design_detail_area #solid_cement #key_area{
	background-image:url(../super_real/solid_cement/key_img.jpg);
}


/*==========playful_colors==========*/

#design_detail_area #rhombus #key_area{
	background-image:url(../playful_colors/rhombus/key_img.jpg);
}
#design_detail_area #nouvelle_color #key_area{
	background-image:url(../playful_colors/nouvelle_color/key_img.jpg);
}
#design_detail_area #imaginate #key_area{
	background-image:url(../playful_colors/imaginate/key_img.jpg);
}
#design_detail_area #finestripe #key_area{
	background-image:url(../playful_colors/finestripe/key_img.jpg);
}
#design_detail_area #vulcanica #key_area{
	background-image:url(../playful_colors/vulcanica/key_img.jpg);
}
#design_detail_area #trapez #key_area{
	background-image:url(../playful_colors/trapez/key_img.jpg);
}
#design_detail_area #soft_falte #key_area{
	background-image:url(../playful_colors/soft_falte/key_img.jpg);
}
#design_detail_area #stick_glass #key_area{
	background-image:url(../playful_colors/stick_glass/key_img.jpg);
}
#design_detail_area #shine_leaf #key_area{
	background-image:url(../playful_colors/shine_leaf/key_img.jpg);
}
#design_detail_area #kanoko #key_area{
	background-image:url(../playful_colors/kanoko/key_img.jpg);
}
#design_detail_area #colored_grout #key_area{
	background-image:url(../playful_colors/colored_grout/key_img.jpg);
}
#design_detail_area #yukage #key_area{
	background-image:url(../playful_colors/yukage/key_img.jpg);
}


/*==========yakimono_diversity==========*/

#design_detail_area #deepglaze #key_area{
	background-image:url(../yakimono_diversity/deepglaze/key_img.jpg);
}
#design_detail_area #fragment #key_area{
	background-image:url(../yakimono_diversity/fragment/key_img.jpg);
}
#design_detail_area #kamashizuku #key_area{
	background-image:url(../yakimono_diversity/kamashizuku/key_img.jpg);
}
#design_detail_area #oriato #key_area{
	background-image:url(../yakimono_diversity/oriato/key_img.jpg);
}
#design_detail_area #sfumature #key_area{
	background-image:url(../yakimono_diversity/sfumature/key_img.jpg);
}
#design_detail_area #vestige #key_area{
	background-image:url(../yakimono_diversity/vestige/key_img.jpg);
}
#design_detail_area #torte #key_area{
	background-image:url(../yakimono_diversity/torte/key_img.jpg);
}
#design_detail_area #cozy_nest #key_area{
	background-image:url(../yakimono_diversity/cozy_nest/key_img.jpg);
}
#design_detail_area #kuroaya #key_area{
	background-image:url(../yakimono_diversity/kuroaya/key_img.jpg);
}
#design_detail_area #carina #key_area{
	background-image:url(../yakimono_diversity/carina/key_img.jpg);
}
#design_detail_area #ichiensou #key_area{
	background-image:url(../yakimono_diversity/ichiensou/key_img.jpg);
}

/*==========hybrid_texture==========*/

#design_detail_area #slender_mirror #key_area{
	background-image:url(../hybrid_texture/slender_mirror/key_img.jpg);
}
#design_detail_area #graimix #key_area{
	background-image:url(../hybrid_texture/graimix/key_img.jpg);
}
#design_detail_area #pearl_mix #key_area{
	background-image:url(../hybrid_texture/pearl_mix/key_img.jpg);
}
#design_detail_area #terrazzo_look #key_area{
	background-image:url(../hybrid_texture/terrazzo_look/key_img.jpg);
}
#design_detail_area #luster_glass #key_area{
	background-image:url(../hybrid_texture/luster_glass/key_img.jpg);
}
#design_detail_area #piccolo_mix #key_area{
	background-image:url(../hybrid_texture/piccolo_mix/key_img.jpg);
}
#design_detail_area #profiles #key_area{
	background-image:url(../hybrid_texture/profiles/key_img.jpg);
}
#design_detail_area #mixstripe #key_area{
	background-image:url(../hybrid_texture/mixstripe/key_img.jpg);
}
#design_detail_area #metaglass #key_area{
	background-image:url(../hybrid_texture/metaglass/key_img.jpg);
}
#design_detail_area #gravel_glass #key_area{
	background-image:url(../hybrid_texture/gravel_glass/key_img.jpg);
}
#design_detail_area #hexa_glass #key_area{
	background-image:url(../hybrid_texture/hexa_glass/key_img.jpg);
}
#design_detail_area #innocent_marble #key_area{
	background-image:url(../hybrid_texture/innocent_marble/key_img.jpg);
}
/*==========light_and_shade==========*/

#design_detail_area #three_dimensional_pyramidal #key_area{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/key_img.jpg);
}
#design_detail_area #three_dimensional_cheops #key_area{
	background-image:url(../light_and_shade/three_dimensional_cheops/key_img.jpg);
}
#design_detail_area #three_dimensional_shapes #key_area{
	background-image:url(../light_and_shade/three_dimensional_shapes/key_img.jpg);
}
#design_detail_area #three_dimensional_recta #key_area{
	background-image:url(../light_and_shade/three_dimensional_recta/key_img.jpg);
}


/*==========vintage_vibe==========*/

#design_detail_area #grunge_concrete #key_area{
	background-image:url(../vintage_vibe/grunge_concrete/key_img.jpg);
}
#design_detail_area #metal_face #key_area{
	background-image:url(../vintage_vibe/metal_face/key_img.jpg);
}
#design_detail_area #cloudy_glass #key_area{
	background-image:url(../vintage_vibe/cloudy_glass/key_img.jpg);
}
#design_detail_area #ribbed_age #key_area{
	background-image:url(../vintage_vibe/ribbed_age/key_img.jpg);
}
#design_detail_area #rusty_edge #key_area{
	background-image:url(../vintage_vibe/rusty_edge/key_img.jpg);
}
#design_detail_area #crumple_glass #key_area{
	background-image:url(../vintage_vibe/crumple_glass/key_img.jpg);
}


#design_detail_area #key_video_area{
	height:100vh;
	position:relative;
	overflow:hidden;
}

#design_detail_area #key_video_area video{
	width:auto;
	height:100%;
	vertical-align:bottom;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-100;
}

#design_detail_area #key_area>div,
#design_detail_area #key_video_area>div{
	width:90%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#design_detail_area #key_area>div>span,
#design_detail_area #key_video_area>div>span{
	display:block;
	margin:0 0 20px;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 15px rgba(0,0,0,0.5);
	text-indent:0.3em;
	letter-spacing:0.3em;
	font-family:'Roboto',sans-serif;
	font-size:2.0vmin;
	line-height:1;
	font-weight:300;
}

#design_detail_area #key_area>div>span:after,
#design_detail_area #key_video_area>div>span:after{
	content:"";
	display:block;
	width:50px;
	height:15px;
	margin:0 auto;
	border-bottom:1px solid #fff;
}

#design_detail_area #key_area>div> h1,
#design_detail_area #key_video_area>div> h1{
	margin:0;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 15px rgba(0,0,0,0.5);
	text-indent:0.4em;
	letter-spacing:0.4em;
	line-height:1;
}

#design_detail_area #key_area>div> h1 span:first-of-type,
#design_detail_area #key_video_area>div> h1 span:first-of-type{
	display:block;
	margin:0 0 5px;
	font-family:'Roboto',sans-serif;
	font-size:6.0vmin;
	font-weight:300;
}

#design_detail_area #key_area>div> h1 span:last-of-type,
#design_detail_area #key_video_area>div> h1 span:last-of-type{
	display:block;
	font-size:2.0vmin;
	font-weight:normal;
}

#design_detail_area #key_area:before,
#design_detail_area #key_video_area:before{
	content:"SCROLL";
	display:block;
	width:20px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	letter-spacing:0.5em;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-family:'Roboto', sans-serif;
	font-size:10px;
	line-height:20px;
	font-weight:300;
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	z-index:1;
}

#design_detail_area #key_area:after,
#design_detail_area #key_video_area:after{
	content:"";
	display:block;
	width:1px;
	height:45px;
	margin:0 auto;
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	animation-name:anime1;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
}


@keyframes anime1 {
  0% {
    height: 45px;
  }
  100% {
    height: 0px;
  }
}

@media only screen and (max-width:660px){
	#design_detail_area #key_area{
		height:80Vh;
		background-attachment:initial;
	}
	
	#design_detail_area #key_video_area{
		height:80vh;
	}
}

/*intro_area*/
#design_discription #intro_area{
	padding:100px 25px;
}

#design_discription #intro_area h2{
	margin:0 0 20px;
	text-align:center;
	text-indent:0.1em;
	letter-spacing:0.1em;
	font-size:25px;
	line-height:1.4;
	font-weight:normal;
}

#design_discription #intro_area p{
	margin:0 0 40px;
	text-align:center;
	font-size:14px;
	font-weight:300;
	line-height:2;
}

#design_discription #intro_area a:link,
#design_discription #intro_area a:visited{
	display:table;
	margin:0 auto;
	color:#000;
	font-size:13px;
	line-height:1;
	text-decoration:none;
}

#design_discription #intro_area a:hover,
#design_discription #intro_area a:active{
	text-decoration:underline;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	
	#design_discription #intro_area h2{
		font-size:22px;
	}
	
	#design_discription #intro_area p{
		font-size:13px;
	}
}

@media only screen and (max-width:660px){
	#design_discription #intro_area{
		padding:40px 25px;
	}
	
	#design_discription #intro_area h2{
		margin:0 0 10px;
		text-indent:0;
		letter-spacing:initial;
		font-size:18px;
	}
	
	#design_discription #intro_area p{
		margin:0 0 20px;
		text-align:justify;
		text-justify:inter-ideograph;
		font-size:12px;
	}
}

/*text_area*/
#design_discription .text_area{
	padding:55px;
}

#design_discription .text_area.black{
	background-color:#000;
}

#design_discription .text_area p{
	margin:0;
	text-align:center;
	text-indent:0.1em;
	letter-spacing:0.1em;
	font-size:22px;
	font-weight:300;
	line-height:1.5;
}

#design_discription .text_area p span{
	display:inline-block;
	margin:0 20px 0 0;
	vertical-align:middle;
	font-family:'Roboto', sans-serif;
	font-size:70px;
	font-weight:100;
}

#design_discription .text_area.black{
	color:#fff;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	#design_discription .text_area{
		padding:40px;
	}
	
	#design_discription .text_area p{
		font-size:18px;
	}
	
	#design_discription .text_area p span{
		margin:0 10px 0 0;
		font-size:50px;
	}
}

@media only screen and (max-width:660px){
	#design_discription .text_area{
		padding:20px;
	}
	
	#design_discription .text_area p{
		font-size:16px;
	}
	
	#design_discription .text_area p span{
		margin:0 0 5px;
		font-size:30px;
	}
}

/*pic*/
#design_discription>.img_bg{
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

/*column1 100%*/
#design_discription .pic1_100{
	height:100vh;
	min-height:700px;
}

/*column1 80%*/
#design_discription .pic1_80{
	height:80vh;
	min-height:600px;
}

/*column1 50%*/
#design_discription .pic1_50{
	height:50vh;
	min-height:450px;
}

/*column1 30%*/
#design_discription .pic1_30{
	height:30vh;
	min-height:200px;
}

#design_discription .pic2{
	overflow:hidden;
}

#design_discription .pic2>div{
	width:50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	float:left;
}

/*column2 100%*/
#design_discription .pic2>div.pic2_100{
	height:100vh;
	min-height:700px;
}

/*column2 80%*/
#design_discription .pic2>div.pic2_80{
	height:80vh;
	min-height:600px;
}

/*column2 50%*/
#design_discription .pic2>div.pic2_50{
	height:40vh;
	min-height:450px;
}

/*text+pic*/
#design_discription .text_pic{
	overflow:hidden;
}

#design_discription .text_pic:last-child{
}

#design_discription .text_pic .text{
	width:40%;
	height:40vh;
	min-height:700px;
	background-color:#000;
	position:relative;
	float:left;
}

#design_discription .text_pic .text p{
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:55px;
	color:#fff;
	letter-spacing:0.1em;
	font-size:22px;
	line-height:1.5;
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
}

#design_discription .text_pic.white .text{
	background-color:#fff;
}

#design_discription .text_pic.white .text p{
	color:#000;
}

#design_discription .text_pic .text.comment p{
	color:#000;
	font-size:15px;
}


#design_discription .text_pic .img_bg{
	width:60%;
	height:50vh;
	min-height:700px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	float:left;
}

/*video+pic*/
#design_discription .video_pic{
	display:flex;
}

#design_discription .video_pic div{
	width:50%;
}

#design_discription .video_pic div video{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#design_discription .video_pic div.pic{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	#design_discription .text_pic .text p{
		font-size:18px;
	}
}

@media only screen and (max-width:660px){
	
	/*column1 100%*/
	#design_discription .pic1_100{
		height:60vh;
		min-height:300px;
	}
	
	/*column1 80%*/
	#design_discription .pic1_80{
		height:50vh;
		min-height:250px;
	}
	
	/*column1 50%*/
	#design_discription .pic1_50{
		height:40vh;
		min-height:200px;
	}
	
	/*column1 30%*/
	#design_discription .pic1_30{
		height:20vh;
		min-height:150px;
	}
	
	#design_discription .pic2>div{
		width:100%;
		float:none;
	}
	
	/*column2 100%*/
	#design_discription .pic2>div.pic2_100{
		height:60vh;
		min-height:300px;
	}
	
	/*column2 80%*/
	#design_discription .pic2>div.pic2_80{
		height:50vh;
		min-height:250px;
	}
	
	/*column2 50%*/
	#design_discription .pic2>div.pic2_50{
		height:40vh;
		min-height:200px;
	}
	
	/*text+pic*/
	#design_discription .text_pic .text{
		box-sizing:border-box;
		width:100%;
		height:auto;
		min-height:auto;
		padding:20px;
		float:none;
	}
	
	#design_discription .text_pic .text p{
		padding:0;
		text-align:center;
		text-indent:0.1em;
		font-size:16px;
		position:static;
		top:0;
		transform:translate(0,0);
	}
	
	#design_discription .text_pic .img_bg{
		width:100%;
		height:30vh;
		min-height:300px;
		float:none;
	}
	
	/*video+pic*/
	#design_discription .video_pic{
		display:block;
	}
	
	#design_discription .video_pic div{
		width:100%;
	}
	
	#design_discription .video_pic div video{
		width:100%;
		height:auto;
		vertical-align:bottom;
	}
	
	#design_discription .video_pic div.pic{
		height:40vh;
		min-height:200px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
	}
}


/*--- super_real ---*/
/*marmor*/
#marmor #img1{
	background-image:url(../super_real/marmor/img_01.jpg);
}

#marmor #img2{
	background-image:url(../super_real/marmor/img_02.jpg);
}

#marmor #img3{
	background-image:url(../super_real/marmor/img_03.jpg);
}

#marmor #img4{
	background-image:url(../super_real/marmor/img_04.jpg);
}

#marmor #img5{
	background-image:url(../super_real/marmor/img_05.jpg);
}

#marmor #img6{
	background-image:url(../super_real/marmor/img_06.jpg);
}

/*trilogy*/
#trilogy #img1{
	background-image:url(../super_real/trilogy/img_01.jpg);
}

#trilogy #img2{
	background-image:url(../super_real/trilogy/img_02.jpg);
}

#trilogy #img3{
	background-image:url(../super_real/trilogy/img_03.jpg);
}

#trilogy #img4{
	background-image:url(../super_real/trilogy/img_04.jpg);
}

/*veneziane*/
#veneziane #img1{
	background-image:url(../super_real/veneziane/img_01.jpg);
}

#veneziane #img2{
	background-image:url(../super_real/veneziane/img_02.jpg);
}

#veneziane #img3{
	background-image:url(../super_real/veneziane/img_03.jpg);
}

/*brit_stone*/
#brit_stone #img1{
	background-image:url(../super_real/brit_stone/img_01.jpg);
}

#brit_stone #img2{
	background-image:url(../super_real/brit_stone/img_02.jpg);
}

#brit_stone #img3{
	background-image:url(../super_real/brit_stone/img_03.jpg);
}

#brit_stone #img4{
	background-image:url(../super_real/brit_stone/img_04.jpg);
}

#brit_stone #img5{
	background-image:url(../super_real/brit_stone/img_05.jpg);
}

/*noble_wood*/
#noble_wood #img1{
	background-image:url(../super_real/noble_wood/img_01.jpg);
}

#noble_wood #img2{
	background-image:url(../super_real/noble_wood/img_02.jpg);
}

#noble_wood #img3{
	background-image:url(../super_real/noble_wood/img_03.jpg);
}

#noble_wood #img4{
	background-image:url(../super_real/noble_wood/img_04.jpg);
}

/*eucaly_wood*/
#eucaly_wood #img1{
	background-image:url(../super_real/eucaly_wood/img_01.jpg);
}

#eucaly_wood #img2{
	background-image:url(../super_real/eucaly_wood/img_02.jpg);
}

#eucaly_wood #img3{
	background-image:url(../super_real/eucaly_wood/img_03.jpg);
}

#eucaly_wood #img4{
	background-image:url(../super_real/eucaly_wood/img_04.jpg);
}

/*art_wood*/
#art_wood #img1{
	background-image:url(../super_real/art_wood/img_01.jpg);
}

#art_wood #img2{
	background-image:url(../super_real/art_wood/img_02.jpg);
}

#art_wood #img3{
	background-image:url(../super_real/art_wood/img_03.jpg);
}

#art_wood #img4{
	background-image:url(../super_real/art_wood/img_04.jpg);
}

#art_wood #img5{
	background-image:url(../super_real/art_wood/img_05.jpg);
}

/*bitter_wood*/
#bitter_wood #img1{
	background-image:url(../super_real/bitter_wood/img_01.jpg);
}

#bitter_wood #img2{
	background-image:url(../super_real/bitter_wood/img_02.jpg);
}

#bitter_wood #img3{
	background-image:url(../super_real/bitter_wood/img_03.jpg);
}

#bitter_wood #img4{
	background-image:url(../super_real/bitter_wood/img_04.jpg);
}

/*minerale*/
#minerale #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../super_real/minerale/img_01.jpg);
}

#minerale #img2{
	background-image:url(../super_real/minerale/img_02.jpg);
}

#minerale #img3{
	background-image:url(../super_real/minerale/img_03.jpg);
}

/*clothreve*/
#clothreve #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../super_real/clothreve/img_01.jpg);
}

#clothreve #img2{
	background-image:url(../super_real/clothreve/img_02.jpg);
}

#clothreve #img3{
	background-image:url(../super_real/clothreve/img_03.jpg);
}

#clothreve #img4{
	background-image:url(../super_real/clothreve/img_04.jpg);
}

/*ceppodigre*/
#ceppodigre #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../super_real/ceppodigre/img_01.jpg);
}

#ceppodigre #img2{
	background-image:url(../super_real/ceppodigre/img_02.jpg);
}

#ceppodigre #img3{
	background-image:url(../super_real/ceppodigre/img_03.jpg);
}

#ceppodigre #img4{
	background-image:url(../super_real/ceppodigre/img_04.jpg);
}

/*soapstone*/
#soapstone #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../super_real/soapstone/img_01.jpg);
}

#soapstone #img2{
	background-image:url(../super_real/soapstone/img_02.jpg);
}

#soapstone #img3{
	background-image:url(../super_real/soapstone/img_03.jpg);
}

/*g_canyon*/
#g_canyon #img1{
	background-image:url(../super_real/g_canyon/img_01.jpg);
}

#g_canyon #img2{
	background-image:url(../super_real/g_canyon/img_02.jpg);
}

#g_canyon #img3{
	background-image:url(../super_real/g_canyon/img_03.jpg);
}

#g_canyon #img4{
	background-image:url(../super_real/g_canyon/img_04.jpg);
}

/*pulpis*/
#pulpis #img1{
	background-image:url(../super_real/pulpis/img_01.jpg);
}

#pulpis #img2{
	background-image:url(../super_real/pulpis/img_02.jpg);
}

#pulpis #img3{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../super_real/pulpis/img_03.jpg);
}

#pulpis #img4{
	background-image:url(../super_real/pulpis/img_04.jpg);
}

#pulpis #img5{
	background-image:url(../super_real/pulpis/img_05.jpg);
}

/*luxe*/
#luxe #img1{
	background-image:url(../super_real/luxe/img_01.jpg);
}

#luxe #img2{
	background-image:url(../super_real/luxe/img_02.jpg);
}

#luxe #img3{
	background-image:url(../super_real/luxe/img_03.jpg);
}

#luxe #img4{
	background-image:url(../super_real/luxe/img_04.jpg);
}

#luxe #img5{
	background-image:url(../super_real/luxe/img_05.jpg);
}

/*legnetti*/
#legnetti #img1{
	background-image:url(../super_real/legnetti/img_01.jpg);
}

#legnetti #img2{
	background-image:url(../super_real/legnetti/img_02.jpg);
}

#legnetti #img3{
	background-image:url(../super_real/legnetti/img_03.jpg);
}

#legnetti #img4{
	background-image:url(../super_real/legnetti/img_04.jpg);
}

/*stile_marmi*/
#stile_marmi #img1{
	background-image:url(../super_real/stile_marmi/img_01.jpg);
}

#stile_marmi #img2{
	background-image:url(../super_real/stile_marmi/img_02.jpg);
}

#stile_marmi #img3{
	background-image:url(../super_real/stile_marmi/img_03.jpg);
}

#stile_marmi #img4{
	background-image:url(../super_real/stile_marmi/img_04.jpg);
}

#stile_marmi #img5{
	background-image:url(../super_real/stile_marmi/img_05.jpg);
}

/*pregiato*/
#pregiato #img1{
	background-image:url(../super_real/pregiato/img_01.jpg);
}

#pregiato #img2{
	background-image:url(../super_real/pregiato/img_02.jpg);
}

#pregiato #img3{
	background-image:url(../super_real/pregiato/img_03.jpg);
}

#pregiato #img4{
	background-image:url(../super_real/pregiato/img_04.jpg);
}

/*iconic*/
#iconic #img1{
	background-image:url(../super_real/iconic/img_01.jpg);
}

#iconic #img2{
	background-image:url(../super_real/iconic/img_02.jpg);
}

#iconic #img3{
	background-image:url(../super_real/iconic/img_03.jpg);
}

#iconic #img4{
	background-image:url(../super_real/iconic/img_04.jpg);
}

#iconic #img5{
	background-image:url(../super_real/iconic/img_05.jpg);
}

/*brazilian_slate*/
#brazilian_slate #img1{
	background-image:url(../super_real/brazilian_slate/img_01.jpg);
}

#brazilian_slate #img2{
	background-image:url(../super_real/brazilian_slate/img_02.jpg);
}

#brazilian_slate #img3{
	background-image:url(../super_real/brazilian_slate/img_03.jpg);
}

#brazilian_slate #img4{
	background-image:url(../super_real/brazilian_slate/img_04.jpg);
}

#brazilian_slate #img5{
	background-image:url(../super_real/brazilian_slate/img_05.jpg);
}

/*overcome*/
#overcome #img1{
	background-image:url(../super_real/overcome/img_01.jpg);
}

#overcome #img2{
	background-image:url(../super_real/overcome/img_02.jpg);
}

#overcome #img3{
	background-image:url(../super_real/overcome/img_03.jpg);
}

#overcome #img4{
	background-image:url(../super_real/overcome/img_04.jpg);
}

#overcome #img5{
	background-image:url(../super_real/overcome/img_05.jpg);
}

#overcome #img6{
	background-image:url(../super_real/overcome/img_06.jpg);
}

#overcome #img7{
	background-image:url(../super_real/overcome/img_07.jpg);
}

/*opus_stone*/
#opus_stone #img1{
	background-image:url(../super_real/opus_stone/img_01.jpg);
}

#opus_stone #img2{
	background-image:url(../super_real/opus_stone/img_02.jpg);
}

#opus_stone #img3{
	background-image:url(../super_real/opus_stone/img_03.jpg);
}

#opus_stone #img4{
	background-image:url(../super_real/opus_stone/img_04.jpg);
}

/*comodo_wood*/
#comodo_wood #img1{
	background-image:url(../super_real/comodo_wood/img_01.jpg);
}

#comodo_wood #img2{
	background-image:url(../super_real/comodo_wood/img_02.jpg);
}

#comodo_wood #img3{
	background-image:url(../super_real/comodo_wood/img_03.jpg);
}

#comodo_wood #img4{
	background-image:url(../super_real/comodo_wood/img_04.jpg);
}

/*topfit*/
#topfit #img1{
	background-image:url(../super_real/topfit/img_01.jpg);
}

#topfit #img2{
	background-image:url(../super_real/topfit/img_02.jpg);
}

/*i_cocci*/
#i_cocci #img1{
	background-image:url(../super_real/i_cocci/img_01.jpg);
}

#i_cocci #img2{
	background-image:url(../super_real/i_cocci/img_02.jpg);
}

#i_cocci #img3{
	background-image:url(../super_real/i_cocci/img_03.jpg);
}

#i_cocci #img4{
	background-image:url(../super_real/i_cocci/img_04.jpg);
}

#i_cocci #img5{
	background-image:url(../super_real/i_cocci/img_05.jpg);
}

/*solid_cement*/
#solid_cement #img1{
	background-image:url(../super_real/solid_cement/img_01.jpg);
}

#solid_cement #img2{
	background-image:url(../super_real/solid_cement/img_02.jpg);
}

#solid_cement #img3{
	background-image:url(../super_real/solid_cement/img_03.jpg);
}



/*--- playful_colors_and_combination ---*/
/*nouvelle_color*/
#nouvelle_color #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../playful_colors/nouvelle_color/img_01.jpg);
}

#nouvelle_color #img2{
	background-image:url(../playful_colors/nouvelle_color/img_02.jpg);
}

#nouvelle_color #img3{
	background-image:url(../playful_colors/nouvelle_color/img_03.jpg);
}

#nouvelle_color #img4{
	background-image:url(../playful_colors/nouvelle_color/img_04.jpg);
}

/*rhombus*/
#rhombus #img1{
	background-image:url(../playful_colors/rhombus/img_01.jpg);
}

#rhombus #img2{
	background-image:url(../playful_colors/rhombus/img_02.jpg);
}

#rhombus #img3{
	background-image:url(../playful_colors/rhombus/img_03.jpg);
}

#rhombus #img4{
	background-image:url(../playful_colors/rhombus/img_04.jpg);
}

/*imaginate*/
#imaginate #img1{
	background-image:url(../playful_colors/imaginate/img_01.jpg);
}

#imaginate #img2{
	background-image:url(../playful_colors/imaginate/img_02.jpg);
}

#imaginate #img3{
	background-image:url(../playful_colors/imaginate/img_03.jpg);
}

/*finestripe*/
#finestripe #img1{
	background-image:url(../playful_colors/finestripe/img_01.jpg);
}

#finestripe #img2{
	background-image:url(../playful_colors/finestripe/img_02.jpg);
}

#finestripe #img3{
	background-image:url(../playful_colors/finestripe/img_03.jpg);
}

#finestripe #img4{
	background-image:url(../playful_colors/finestripe/img_04.jpg);
}

#finestripe #img5{
	background-image:url(../playful_colors/finestripe/img_05.jpg);
}

#finestripe #img6{
	background-image:url(../playful_colors/finestripe/img_06.jpg);
}

#finestripe #img7{
	background-image:url(../playful_colors/finestripe/img_07.jpg);
}

#finestripe #img8{
	background-image:url(../playful_colors/finestripe/img_08.jpg);
}

#finestripe #img9{
	background-image:url(../playful_colors/finestripe/img_09.jpg);
}

/*vulcanica*/
#vulcanica #img1{
	background-image:url(../playful_colors/vulcanica/img_01.jpg);
}

#vulcanica #img2{
	background-image:url(../playful_colors/vulcanica/img_02.jpg);
}

#vulcanica #img3{
	background-image:url(../playful_colors/vulcanica/img_03.jpg);
}

#vulcanica #img4{
	background-image:url(../playful_colors/vulcanica/img_04.jpg);
}

#vulcanica #img5{
	background-image:url(../playful_colors/vulcanica/img_05.jpg);
}

#vulcanica #img6{
	background-image:url(../playful_colors/vulcanica/img_06.jpg);
}

#vulcanica #img7{
	background-image:url(../playful_colors/vulcanica/img_07.jpg);
}

#vulcanica #img8{
	background-image:url(../playful_colors/vulcanica/img_08.jpg);
}

#vulcanica #img9{
	background-image:url(../playful_colors/vulcanica/img_09.jpg);
}

/*trapez*/
#trapez #img1{
	background-image:url(../playful_colors/trapez/img_01.jpg);
}

#trapez #img2{
	background-image:url(../playful_colors/trapez/img_02.jpg);
}

#trapez #img3{
	background-image:url(../playful_colors/trapez/img_03.jpg);
}

#trapez #img4{
	background-image:url(../playful_colors/trapez/img_04.jpg);
}

/*soft_falte*/
#soft_falte #img1{
	background-image:url(../playful_colors/soft_falte/img_01.jpg);
}

#soft_falte #img2{
	background-image:url(../playful_colors/soft_falte/img_02.jpg);
}

#soft_falte #img3{
	background-image:url(../playful_colors/soft_falte/img_03.jpg);
}

#soft_falte #img4{
	background-image:url(../playful_colors/soft_falte/img_04.jpg);
}

/*stick_glass*/
#stick_glass #img1{
	background-image:url(../playful_colors/stick_glass/img_01.jpg);
}

#stick_glass #img2{
	background-image:url(../playful_colors/stick_glass/img_02.jpg);
}

#stick_glass #img3{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../playful_colors/stick_glass/img_03.jpg);
}

#stick_glass #img4{
	background-image:url(../playful_colors/stick_glass/img_04.jpg);
}

#stick_glass #img5{
	background-image:url(../playful_colors/stick_glass/img_05.jpg);
}

/*shine_leaf*/
#shine_leaf #img1{
	background-image:url(../playful_colors/shine_leaf/img_01.jpg);
}

#shine_leaf #img2{
	background-image:url(../playful_colors/shine_leaf/img_02.jpg);
}

#shine_leaf #img3{
	background-image:url(../playful_colors/shine_leaf/img_03.jpg);
}

#shine_leaf #img4{
	background-image:url(../playful_colors/shine_leaf/img_04.jpg);
}

#shine_leaf #img5{
	background-image:url(../playful_colors/shine_leaf/img_05.jpg);
}

/*kanoko*/
#kanoko #img1{
	background-image:url(../playful_colors/kanoko/img_01.jpg);
}

#kanoko #img2{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../playful_colors/kanoko/img_02.jpg);
}

#kanoko #img3{
	background-image:url(../playful_colors/kanoko/img_03.jpg);
}

#kanoko #img4{
	background-image:url(../playful_colors/kanoko/img_04.jpg);
}

/*colored_grout*/
#colored_grout #img1{
	background-image:url(../playful_colors/colored_grout/img_01.jpg);
}

#colored_grout #img2{
	background-image:url(../playful_colors/colored_grout/img_02.jpg);
}

#colored_grout #img3{
	background-image:url(../playful_colors/colored_grout/img_03.jpg);
}

#colored_grout #img4{
	background-image:url(../playful_colors/colored_grout/img_04.jpg);
}

#colored_grout #img5{
	background-image:url(../playful_colors/colored_grout/img_05.jpg);
}

#colored_grout #img6{
	background-image:url(../playful_colors/colored_grout/img_06.jpg);
}

/*yukage*/
#yukage #img1{
	background-image:url(../playful_colors/yukage/img_01.jpg);
}

#yukage #img2{
	background-image:url(../playful_colors/yukage/img_02.jpg);
}

#yukage #img3{
	background-image:url(../playful_colors/yukage/img_03.jpg);
}

#yukage #img4{
	background-image:url(../playful_colors/yukage/img_04.jpg);
}

#yukage #img5{
	background-image:url(../playful_colors/yukage/img_05.jpg);
}


/*--- yakimono_diversity ---*/
/*sfumature*/
#sfumature #img1{
	background-image:url(../yakimono_diversity/sfumature/img_01.jpg);
}

#sfumature #img2{
	background-image:url(../yakimono_diversity/sfumature/img_02.jpg);
}

#sfumature #img3{
	background-image:url(../yakimono_diversity/sfumature/img_03.jpg);
}

/*deepglaze*/
#deepglaze #img1{
	background-image:url(../yakimono_diversity/deepglaze/img_01.jpg);
}

#deepglaze #img2{
	background-image:url(../yakimono_diversity/deepglaze/img_02.jpg);
}

#deepglaze #img3{
	background-image:url(../yakimono_diversity/deepglaze/img_03.jpg);
}

#deepglaze #img4{
	background-image:url(../yakimono_diversity/deepglaze/img_04.jpg);
}

#deepglaze #img5{
	background-image:url(../yakimono_diversity/deepglaze/img_05.jpg);
}

/*fragment*/
#fragment #img1{
	background-image:url(../yakimono_diversity/fragment/img_01.jpg);
}

#fragment #img2{
	background-image:url(../yakimono_diversity/fragment/img_02.jpg);
}

/*vestige*/
#vestige #img1{
	background-image:url(../yakimono_diversity/vestige/img_01.jpg);
}

#vestige #img2{
	background-image:url(../yakimono_diversity/vestige/img_02.jpg);
}

#vestige #img3{
	background-image:url(../yakimono_diversity/vestige/img_03.jpg);
}

/*kamashizuku*/
#kamashizuku #img1{
	background-image:url(../yakimono_diversity/kamashizuku/img_01.jpg);
}

#kamashizuku #img2{
	background-image:url(../yakimono_diversity/kamashizuku/img_02.jpg);
}

#kamashizuku #img3{
	background-image:url(../yakimono_diversity/kamashizuku/img_03.jpg);
}

/*oriato*/
#oriato #img1{
	background-image:url(../yakimono_diversity/oriato/img_01.jpg);
}

#oriato #img2{
	background-image:url(../yakimono_diversity/oriato/img_02.jpg);
}

/*torte*/
#torte #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../yakimono_diversity/torte/img_01.jpg);
}

#torte #img2{
	background-image:url(../yakimono_diversity/torte/img_02.jpg);
}

#torte #img3{
	background-image:url(../yakimono_diversity/torte/img_03.jpg);
}

#torte #img4{
	background-image:url(../yakimono_diversity/torte/img_04.jpg);
}

/*cozy_nest*/
#cozy_nest #img1{
	background-image:url(../yakimono_diversity/cozy_nest/img_01.jpg);
}

#cozy_nest #img2{
	background-image:url(../yakimono_diversity/cozy_nest/img_02.jpg);
}

#cozy_nest #img3{
	background-image:url(../yakimono_diversity/cozy_nest/img_03.jpg);
}

#cozy_nest #img4{
	background-image:url(../yakimono_diversity/cozy_nest/img_04.jpg);
}

#cozy_nest #img5{
	background-image:url(../yakimono_diversity/cozy_nest/img_05.jpg);
}

/*kuroaya*/
#kuroaya #img1{
	background-image:url(../yakimono_diversity/kuroaya/img_01.jpg);
}

#kuroaya #img2{
	background-image:url(../yakimono_diversity/kuroaya/img_02.jpg);
}

#kuroaya #img3{
	background-image:url(../yakimono_diversity/kuroaya/img_03.jpg);
}

/*carina*/
#carina #img1{
	background-image:url(../yakimono_diversity/carina/img_01.jpg);
}

#carina #img2{
	background-image:url(../yakimono_diversity/carina/img_02.jpg);
}

#carina #img3{
	background-image:url(../yakimono_diversity/carina/img_03.jpg);
}

#carina #img4{
	background-image:url(../yakimono_diversity/carina/img_04.jpg);
}

/*ichiensou*/
#ichiensou #img1{
	background-image:url(../yakimono_diversity/ichiensou/img_01.jpg);
}

#ichiensou #img2{
	background-image:url(../yakimono_diversity/ichiensou/img_02.jpg);
}

#ichiensou #img3{
	background-image:url(../yakimono_diversity/ichiensou/img_03.jpg);
}


/*--- hybrid_texture ---*/
/*slender_mirror*/
#slender_mirror #img1{
	background-image:url(../hybrid_texture/slender_mirror/img_01.jpg);
}

#slender_mirror #img2{
	background-image:url(../hybrid_texture/slender_mirror/img_02.jpg);
}

#slender_mirror #img3{
	background-image:url(../hybrid_texture/slender_mirror/img_03.jpg);
}

/*graimix*/
#graimix #img1{
	background-image:url(../hybrid_texture/graimix/img_01.jpg);
}

#graimix #img2{
	background-image:url(../hybrid_texture/graimix/img_02.jpg);
}

#graimix #img3{
	background-image:url(../hybrid_texture/graimix/img_03.jpg);
}

/*pearl_mix*/
#pearl_mix #img1{
	background-image:url(../hybrid_texture/pearl_mix/img_01.jpg);
}

#pearl_mix #img2{
	background-image:url(../hybrid_texture/pearl_mix/img_02.jpg);
}

#pearl_mix #img3{
	background-image:url(../hybrid_texture/pearl_mix/img_03.jpg);
}

/*terrazzo_look*/
#terrazzo_look #img1{
	background-image:url(../hybrid_texture/terrazzo_look/img_01.jpg);
}

#terrazzo_look #img2{
	background-image:url(../hybrid_texture/terrazzo_look/img_02.jpg);
}

/*luster_glass*/
#luster_glass #img1{
	background-image:url(../hybrid_texture/luster_glass/img_01.jpg);
}

#luster_glass #img2{
	background-image:url(../hybrid_texture/luster_glass/img_02.jpg);
}

#luster_glass #img3{
	background-image:url(../hybrid_texture/luster_glass/img_03.jpg);
}

#luster_glass #img4{
	background-image:url(../hybrid_texture/luster_glass/img_04.jpg);
}

#luster_glass #img5{
	background-image:url(../hybrid_texture/luster_glass/img_05.jpg);
}

/*piccolo_mix*/
#piccolo_mix #img1{
	background-image:url(../hybrid_texture/piccolo_mix/img_01.jpg);
}

#piccolo_mix #img2{
	background-image:url(../hybrid_texture/piccolo_mix/img_02.jpg);
}

#piccolo_mix #img3{
	background-image:url(../hybrid_texture/piccolo_mix/img_03.jpg);
}

/*profiles*/
#profiles #img1{
	background-image:url(../hybrid_texture/profiles/img_01.jpg);
}

#profiles #img2{
	background-image:url(../hybrid_texture/profiles/img_02.jpg);
}

#profiles #img3{
	background-image:url(../hybrid_texture/profiles/img_03.jpg);
}

#profiles #img4{
	background-image:url(../hybrid_texture/profiles/img_04.jpg);
}

#profiles #img5{
	background-image:url(../hybrid_texture/profiles/img_05.jpg);
}

#profiles #img6{
	background-image:url(../hybrid_texture/profiles/img_06.jpg);
}

/*mixstripe*/
#mixstripe #img1{
	background-image:url(../hybrid_texture/mixstripe/img_01.jpg);
}

#mixstripe #img2{
	background-image:url(../hybrid_texture/mixstripe/img_02.jpg);
}

#mixstripe #img3{
	background-image:url(../hybrid_texture/mixstripe/img_03.jpg);
}

#mixstripe #img4{
	background-image:url(../hybrid_texture/mixstripe/img_04.jpg);
}

#mixstripe #img5{
	background-image:url(../hybrid_texture/mixstripe/img_05.jpg);
}

/*gravel_glass*/
#gravel_glass #img1{
	background-image:url(../hybrid_texture/gravel_glass/img_01.jpg);
}

#gravel_glass #img2{
	background-image:url(../hybrid_texture/gravel_glass/img_02.jpg);
}

#gravel_glass #img3{
	background-image:url(../hybrid_texture/gravel_glass/img_03.jpg);
}

/*hexa_glass*/
#hexa_glass #img1{
	background-image:url(../hybrid_texture/hexa_glass/img_01.jpg);
}

#hexa_glass #img2{
	background-image:url(../hybrid_texture/hexa_glass/img_02.jpg);
}

#hexa_glass #img3{
	background-image:url(../hybrid_texture/hexa_glass/img_03.jpg);
}

/*metaglass*/
#metaglass #img1{
	background-image:url(../hybrid_texture/metaglass/img_01.jpg);
}

#metaglass #img2{
	background-image:url(../hybrid_texture/metaglass/img_02.jpg);
}

#metaglass #img3{
	background-image:url(../hybrid_texture/metaglass/img_03.jpg);
}

/*innocent_marble*/
#innocent_marble #img1{
	background-image:url(../hybrid_texture/innocent_marble/img_01.jpg);
}

#innocent_marble #img2{
	background-image:url(../hybrid_texture/innocent_marble/img_02.jpg);
}

#innocent_marble #img3{
	background-image:url(../hybrid_texture/innocent_marble/img_03.jpg);
}

/*--- light_and_shade ---*/
/*three_dimensional_pyramidal*/
#three_dimensional_pyramidal #img1{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/img_01.jpg);
}

#three_dimensional_pyramidal #img2{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/img_02.jpg);
}

#three_dimensional_pyramidal #img3{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/img_03.jpg);
}

#three_dimensional_pyramidal #img4{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/img_04.jpg);
}

#three_dimensional_pyramidal #img5{
	background-image:url(../light_and_shade/three_dimensional_pyramidal/img_05.jpg);
}

/*three_dimensional_cheops*/
#three_dimensional_cheops #img1{
	background-image:url(../light_and_shade/three_dimensional_cheops/img_01.jpg);
}

#three_dimensional_cheops #img2{
	background-image:url(../light_and_shade/three_dimensional_cheops/img_02.jpg);
}

#three_dimensional_cheops #img3{
	background-image:url(../light_and_shade/three_dimensional_cheops/img_03.jpg);
}

#three_dimensional_cheops #img4{
	background-image:url(../light_and_shade/three_dimensional_cheops/img_04.jpg);
}

/*three_dimensional_shapes*/
#three_dimensional_shapes #img1{
	height:0;
	min-height:0;
	padding:30% 0 0;
	background-image:url(../light_and_shade/three_dimensional_shapes/img_01.jpg);
}

#three_dimensional_shapes #img2{
	background-image:url(../light_and_shade/three_dimensional_shapes/img_02.jpg);
}

#three_dimensional_shapes #img3{
	background-image:url(../light_and_shade/three_dimensional_shapes/img_03.jpg);
}

#three_dimensional_shapes #img4{
	background-image:url(../light_and_shade/three_dimensional_shapes/img_04.jpg);
}

/*three_dimensional_recta*/
#three_dimensional_recta #img1{
	background-image:url(../light_and_shade/three_dimensional_recta/img_01.jpg);
}

#three_dimensional_recta #img2{
	background-image:url(../light_and_shade/three_dimensional_recta/img_02.jpg);
}

#three_dimensional_recta #img3{
	background-image:url(../light_and_shade/three_dimensional_recta/img_03.jpg);
}

#three_dimensional_recta #img4{
	background-image:url(../light_and_shade/three_dimensional_recta/img_04.jpg);
}


/*--- vintage_vibe ---*/
/*grunge_concrete*/
#grunge_concrete #img1{
	background-image:url(../vintage_vibe/grunge_concrete/img_01.jpg);
}

#grunge_concrete #img2{
	background-image:url(../vintage_vibe/grunge_concrete/img_02.jpg);
}

#grunge_concrete #img3{
	background-image:url(../vintage_vibe/grunge_concrete/img_03.jpg);
}

#grunge_concrete #img4{
	background-image:url(../vintage_vibe/grunge_concrete/img_04.jpg);
}

/*metal_face*/
#metal_face #img1{
	background-image:url(../vintage_vibe/metal_face/img_01.jpg);
}

#metal_face #img2{
	background-image:url(../vintage_vibe/metal_face/img_02.jpg);
}

#metal_face #img3{
	background-image:url(../vintage_vibe/metal_face/img_03.jpg);
}

#metal_face #img4{
	background-image:url(../vintage_vibe/metal_face/img_04.jpg);
}

#metal_face #img5{
	background-image:url(../vintage_vibe/metal_face/img_05.jpg);
}

/*cloudy_glass*/
#cloudy_glass #img1{
	background-image:url(../vintage_vibe/cloudy_glass/img_01.jpg);
}

#cloudy_glass #img2{
	background-image:url(../vintage_vibe/cloudy_glass/img_02.jpg);
}

#cloudy_glass #img3{
	background-image:url(../vintage_vibe/cloudy_glass/img_03.jpg);
}

#cloudy_glass #img4{
	background-image:url(../vintage_vibe/cloudy_glass/img_04.jpg);
}

/*rusty_edge*/
#rusty_edge #img1{
	background-image:url(../vintage_vibe/rusty_edge/img_01.jpg);
}

#rusty_edge #img2{
	background-image:url(../vintage_vibe/rusty_edge/img_02.jpg);
}

#rusty_edge #img3{
	background-image:url(../vintage_vibe/rusty_edge/img_03.jpg);
}

#rusty_edge #img4{
	background-image:url(../vintage_vibe/rusty_edge/img_04.jpg);
}

/*ribbed_age*/
#ribbed_age #img1{
	background-image:url(../vintage_vibe/ribbed_age/img_01.jpg);
}

#ribbed_age #img2{
	background-image:url(../vintage_vibe/ribbed_age/img_02.jpg);
}

#ribbed_age #img3{
	background-image:url(../vintage_vibe/ribbed_age/img_03.jpg);
}

#ribbed_age #img4{
	background-image:url(../vintage_vibe/ribbed_age/img_04.jpg);
}

/*crumple_glass*/
#crumple_glass #img1{
	background-image:url(../vintage_vibe/crumple_glass/img_01.jpg);
}

#crumple_glass #img2{
	background-image:url(../vintage_vibe/crumple_glass/img_02.jpg);
}

#crumple_glass #img3{
	background-image:url(../vintage_vibe/crumple_glass/img_03.jpg);
}

#crumple_glass #img4{
	background-image:url(../vintage_vibe/crumple_glass/img_04.jpg);
}


/*spec_area*/
#spec_area{
	padding:80px 25px;
	background-color:#fafafa;
}

#spec_area>div{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
}

#spec_area>div h2{
	width:230px;
	margin:0 20px 0 0;
	font-size:25px;
	line-height:1;
	font-weight:normal;
	float:left;
}

#spec_area>div h2 span{
	display:block;
	margin:10px 0 0;
	font-size:12px;
}

#spec_area>div>div{
	width:calc(100% - 250px);
	float:left;
}

#spec_area>div>div section{
	margin:0 0 20px;
	overflow:hidden;
}

#spec_area>div>div section h3{
	margin:0 0 15px;
	padding:0 0 12px;
	border-bottom:2px solid #ccc;
	font-size:15px;
	line-height:1;
	font-weight:500;
	position:relative;
}

#spec_area>div>div section h3:after{
	content:"";
	width:100px;
	border-bottom:2px solid #000;
	position:absolute;
	bottom:-2px;
	left:0;
}

#spec_area>div>div section.texture div.iframe{
	width:100%;
	height:0;
	padding:67% 0 0;
	position:relative;
}

#spec_area>div>div section.texture iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:0;
}

#spec_area>div>div section.texture iframe:hover{
	cursor: pointer;
}

#spec_area>div>div section.texture .wrap_icon{
	text-align:center;
	margin-top: -24px;
}
@keyframes move_hori_loop {
    0% {
        transform:translate(-50%,0);
    } 
    30% {
        transform:translate(-50%,0);
    } 
    100% {
        transform:translate(50%,0);
    }
}
#spec_area>div>div section.texture .icon_operation{
	display:inline-block;
	animation:move_hori_loop 1s linear alternate infinite;
	animation-play-state: running;
}
@keyframes action_move_hori_loop {
    0% {
        opacity:0;
    } 
    3% {
        opacity:0;
    } 
    4% {
        opacity:.7;
    } 
    30% {
        opacity:.7;
    }
    79% {
        opacity:.7;
    }
    80% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#spec_area>div>div section.texture .icon_operation:before{
	content: "";
	width:30px;
	height:30px;
    background-image: url(../../pic/interface/pointer_action.svg);
    background-size: cover;
    display: block;
    position: absolute;
    left: 47%;
    top: 13%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    	animation:action_move_hori_loop 2s linear infinite;
    	animation-play-state: running;

}
@keyframes finger_move_hori_loop {
    0% {
        opacity:0;
    } 
    3% {
        opacity:0;
    } 
    4% {
        opacity:.4;
    } 
    79% {
        opacity:.4;
    }
    80% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
#spec_area>div>div section.texture .icon_operation:after{
	content: "";
    width: 10px;
    height: 30px;
    background-image: url(../../pic/interface/pointer_fingar.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    left: 30%;
    z-index: 2;
    opacity: .7;
    	animation:finger_move_hori_loop 2s linear infinite;
    	animation-play-state: running;
}
#spec_area>div>div section.texture .icon_operation img{
	width:30px;
	height:32px;
	z-index: 1;
    position: relative;
}
#spec_area>div>div section.texture .icon_caption{
	font-size:12px;
	margin:0 0 30px;
}

#spec_area>div>div section>p{
	margin:0 0 10px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:12px;
	line-height:1.4;
}

#spec_area>div>div section ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:12px;
	line-height:1.4;
	overflow:hidden;
}

#spec_area>div>div section ul li{
	float:left;
}

#spec_area>div>div section ul li img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#spec_area>div>div section ul li .fig_caption {
    padding-top: 0.5em;
}

#spec_area>div>div section ul li a:link,
#spec_area>div>div section ul li a:visited{
	display:table;
	margin:5px 0;
	color:#000;
}

#spec_area>div>div section ul li a:link:first-child:last-child,
#spec_area>div>div section ul li a:visited:first-child:last-child{
	margin:0;
}

#spec_area>div>div section ul li p{
	margin:8px 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*list column 2*/
#spec_area>div>div section ul.list2 li{
	width:calc(50% - 10px);
	margin:0 20px 20px 0;
	float:left;
}

#spec_area>div>div section ul.list2 li.size{
	width:40%;
}

#spec_area>div>div section ul.list2 li:nth-of-type(2n){
	margin:0 0 10px 0;
}

/*list column 3*/
#spec_area>div>div section ul.list3 li{
	width:calc(33.33333333% - 12px);
	margin:0 18px 20px 0;
	float:left;
}

#spec_area>div>div section ul.list3 li:nth-of-type(3n){
	margin:0 0 10px 0;
}

/*list column 4*/
#spec_area>div>div section ul.list4 li{
	width:calc(25% - 15px);
	margin:0 20px 20px 0;
	float:left;
}

#spec_area>div>div section ul.list4 li:nth-of-type(4n){
	margin:0 0 10px 0;
}

/*list column 4_2*/
#spec_area>div>div section ul.list4_2 li:first-of-type,
#spec_area>div>div section ul.list4_2 li:nth-of-type(2n),
#spec_area>div>div section ul.list4_2 li:nth-of-type(3n){
	width:25%;
	margin:0 20px 10px 0;
	float:left;
}

#spec_area>div>div section ul.list4_2 li:nth-of-type(4n){
	width:calc(25% - 60px);
	margin:0 0 10px 0;
}

#spec_area>div>div section ul.list4_2 li:nth-of-type(4n) img{
	margin:0 0 10px;
}

#spec_area>div>div section ul.list4_2 li:nth-of-type(4n) span{
	display:block;
	text-align:center;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	#spec_area>div h2{
		width:200px;
		margin:0 10px 0 0;
		font-size:22px;
	}
	
	#spec_area>div h2 span{
		font-size:10px;
	}
	
	#spec_area>div>div{
		width:calc(100% - 210px);
	}
}

@media only screen and (max-width:660px){
	#spec_area{
		padding:80px 25px;
	}
	
	#spec_area>div h2{
		width:100%;
		margin:0 0 20px;
		text-align:center;
		font-size:18px;
		float:none;
	}
	
	#spec_area>div h2 span{
		font-size:10px;
	}
	
	#spec_area>div>div{
		width:100%;
		float:none;
	}
	
	/*list column 2*/
	#spec_area>div>div section ul.list2 li{
		width:100%;
		margin:0 0 20px;
		float:none;
	}
	
	#spec_area>div>div section ul.list2 li:nth-of-type(2n){
		margin:0 0 20px;
	}
	
	/*list column 3*/
	#spec_area>div>div section ul.list3 li{
		width:calc(50% - 10px);
		margin:0 20px 10px 0;
	}
	
	#spec_area>div>div section ul.list3 li:nth-of-type(3n){
		margin:0 20px 10px 0;
	}
	
	#spec_area>div>div section ul.list3 li:nth-of-type(2n){
		margin:0 0 10px 0;
	}
	
	/*list column 4*/
	#spec_area>div>div section ul.list4 li{
		width:calc(33.33333333% - 10px);
		margin:0 15px 15px 0;
	}
	
	#spec_area>div>div section ul.list4 li:nth-of-type(4n){
		margin:0 15px 10px 0;
	}
	
	#spec_area>div>div section ul.list4 li:nth-of-type(3n){
		margin:0 0 10px 0;
	}
	
	/*list column 4_2*/
	#spec_area>div>div section ul.list4_2 li:first-of-type,
	#spec_area>div>div section ul.list4_2 li:nth-of-type(2n){
		width:calc(33.33333333% - 10px);
		margin:0 15px 10px 0;
	}
	
	#spec_area>div>div section ul.list4_2 li:nth-of-type(3n){
		width:calc(33.33333333% - 10px);
		margin:0 0 10px 0;
	}
	
	#spec_area>div>div section ul.list4_2 li:nth-of-type(4n){
		width:100%;
	}
	
	#spec_area>div>div section ul.list4_2 li:nth-of-type(4n) img{
		width:25%;
		margin:0 5px 0 0;
		vertical-align:middle;
	}
	
	#spec_area>div>div section ul.list4_2 li:nth-of-type(4n) span{
		display:inline-block;
		text-align:left;
		vertical-align:middle;
	}
}

/*construction_area*/
#construction_area{
	max-width:1400px;
	margin:0 auto;
	padding:80px 15px;
}

#construction_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:25px;
	line-height:1;
	font-weight:normal;
}

#construction_area h2 span{
	display:block;
	margin:10px 0 0;
	font-size:12px;
}

#construction_area ul{
	display: flex;
	flex-wrap: wrap;
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
}

#construction_area ul li{
	box-sizing:border-box;
	width:50%;
	margin:0 auto 20px;
	padding:0 10px;
	float:left;
}

#construction_area ul li:first-of-type:last-of-type{
	float:none;
}

#construction_area ul.new{
	display: block;
	margin:0 0 50px;
	padding:0;
	list-style-type:none;
}

#construction_area ul.new li{
	width:100%;
	float:none;
}

#construction_area ul li>a:link,
#construction_area ul li>a:visited{
	position:relative;
	transition:0.2s;
}

#construction_area ul li>a:hover,
#construction_area ul li>a:active{
	opacity:0.9;
}

#construction_area ul li>a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	transition:0.2;
}

#construction_area ul li>a:after{
	content:"";
	box-sizing:border-box;
	display:block;
	width:15px;
	height:15px;
	padding:15px;
	border-radius:15px;
	background-color:#fff;
	background-image:url(../../pic/interface/plus.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:center center;
	position:absolute;
	right:20px;
	bottom:20px;
	transition:all 0.25s cubic-bezier(0.24, 0.8, 0.55, 0.94) 0s;
}

#construction_area ul li>a:hover:after,
#construction_area ul li>a:active:after{
	transform:rotate(90deg);
}

#construction_area ul li>p{
	margin:10px 0 0;
	font-size:14px;
	line-height:1.6;
	overflow:hidden;
}

#construction_area ul li>p span:first-child{
	display:block;
	width:6em;
	float:left;
}

#construction_area ul li>p span:last-child{
	display:block;
	width:calc(100% - 6em);
	float:left;
}

#construction_area ul li>p span:last-child a:link,
#construction_area ul li>p span:last-child a:visited{
	display:inline-block;
	margin:0 15px 0 0;
	color:#000;
}
#construction_area ul li .prod{
	padding:3px 0 5px;
	font-size:.8rem;
}
#construction_area ul li .prod a{
	text-decoration: none;
	color:#333;
}
#construction_area ul li .prod a:hover{
	text-decoration: underline;
}

#construction_area .link_area{
	margin:50px 0 0;
	text-align:center;
}

#construction_area .link_area a:link,
#construction_area .link_area a:visited{
	box-sizing:border-box;
	display:inline-block;
	margin:0 5px 10px;
	padding:12px 60px 15px 40px;
	background-color:#000;
	color:#fff;
	background-image:url(../../pic/interface/right_arrow.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:right 25px center;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	line-height:1;
	transition:.2s;
}

#construction_area .link_area a:hover,
#construction_area .link_area a:active{
	background-color:#333;
	background-position:right 20px center;
}

#construction_area .link_area p{
	margin:15px 0 0;
	text-align:center;
	font-size:12px;
	line-height:1;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	#construction_area h2{
		font-size:22px;
	}
	
	#construction_area h2 span{
		font-size:10px;
	}
}

@media only screen and (min-width:661px) and (max-width:900px){
	#construction_area .pic_area{
		width:70%;
		height:260px;
	}
	#spec_area>div>div section.texture iframe{
		width:100%;
	}
}

@media only screen and (max-width:660px){
	#construction_area{
		padding:80px 0;
	}
	
	#construction_area h2{
		margin:0 0 20px;
		font-size:18px;
	}
	
	#construction_area h2 span{
		font-size:10px;
	}
	/*
	#construction_area ul li{
		width:80%;
		margin:0 auto 20px;
		padding:0;
		float:none;
	}
	#construction_area ul li:nth-of-type(2n){
		margin:0 auto 20px;
	}
	*/
	#construction_area ul li>p{
		font-size:12px;
	}
	
	#construction_area .link_area a:link,
	#construction_area .link_area a:visited{
		width:280px;
		max-width:100%;
		margin:0 5px 10px;
		padding:12px 60px 15px 40px;
		font-size:12px;
	}
	
	#construction_area .link_area p{
		margin:10px 0 0;
	}
}

@media only screen and (max-width:400px){
	#construction_area ul li{
		width:100%;
	}
	
	#construction_area .link_area a:link,
	#construction_area .link_area a:visited{
		margin:0 0 10px;
	}
}


/*feature_area*/
#feature_area{
	max-width:1220px;
	margin:0 auto;
	padding:100px 20px;
}

#feature_area h2{
	margin:0 0 40px;
	text-align:center;
	font-size:25px;
	line-height:1;
	font-weight:normal;
}

#feature_area h2 span{
	display:block;
	margin:10px 0 0;
	font-size:12px;
}

#feature_area ul{
	display: flex;
	flex-wrap: wrap;
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
}

#feature_area ul li{
	box-sizing:border-box;
	width:50%;
	margin:0 auto 20px;
	padding:0 10px;
	float:left;
}

#feature_area ul li:first-of-type:last-of-type{
	float:none;
}

#feature_area ul li>a:link,
#feature_area ul li>a:visited{
	position:relative;
	transition:0.2s;
}

#feature_area ul li>a:hover,
#feature_area ul li>a:active{
	opacity:0.9;
}

#feature_area ul li>a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	transition:0.2;
}

#feature_area ul li p{
	text-align:center;
	font-size:14px;
}

#feature_area>a{
	display:block;
	text-align:center;
	font-size:14px;
	color:#000;
	text-decoration:none;
}

#feature_area>a:hover{
	text-decoration:underline;
}

@media only screen and (min-width:661px) and (max-width:1000px){
	#feature_area h2{
		font-size:22px;
	}
	
	#feature_area h2 span{
		font-size:10px;
	}
}

@media only screen and (min-width:661px) and (max-width:900px){
	#feature_area .pic_area{
		width:70%;
		height:260px;
	}
	#spec_area>div>div section.texture iframe{
		width:100%;
	}
}

@media only screen and (max-width:660px){
	#feature_area{
		padding:80px 20px;
	}
	
	#feature_area h2{
		margin:0 0 20px;
		font-size:18px;
	}
	
	#feature_area h2 span{
		font-size:10px;
	}
	
	#feature_area ul li{
		width:80%;
		margin:0 auto 20px;
		padding:0;
		float:none;
	}
	#feature_area ul li:nth-of-type(2n){
		margin:0 auto 20px;
	}
	
	#feature_area ul li>p{
		font-size:12px;
	}
	
	#feature_area .link_area a:link,
	#feature_area .link_area a:visited{
		width:280px;
		max-width:100%;
		margin:0 5px 10px;
		padding:12px 60px 12px 40px;
		font-size:12px;
	}
	
	#feature_area .link_area p{
		margin:10px 0 0;
	}
}

@media only screen and (max-width:400px){
	#feature_area ul li{
		width:100%;
	}
	
	#feature_area .link_area a:link,
	#feature_area .link_area a:visited{
		margin:0 0 10px;
	}
}


/*modal*/
.lity{
	z-index:9999;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	white-space:nowrap;
	background:#0b0b0b;
	background:rgba(0,0,0,0.9);
	outline:none !important;
	opacity:0;
	transition:opacity 0.3s ease;
}

.lity.lity-opened{
	opacity:1;
}

.lity.lity-closed{
	opacity:0;
}

.lity *{
	box-sizing:border-box;
}

.lity-wrap{
	z-index:9999;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
	outline:none !important;
}

.lity-wrap:before{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
}

.lity-loader{
	z-index:10000;
	color:#fff;
	position:absolute;
	top:50%;
	margin-top:-0.8em;
	width:100%;
	text-align:center;
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	opacity:0;
	transition:opacity 0.3s ease;
}

.lity-loading .lity-loader{
	opacity:1;
}

.lity-container{
	z-index:10001;
	position:relative;
	text-align:left;
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
	max-width:100%;
	max-height:100%;
	outline:none !important;
}

.lity-content{
	z-index:10002;
	width:100%;
	transform:scale(1);
	transition:transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content{
	transform:scale(0.8);
}

.lity-content:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	display:block;
	right:0;
	width:auto;
	height:auto;
	z-index:-1;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.lity-close{
	z-index:10003;
	width:35px;
	height:35px;
	position:fixed;
	right:0;
	top:0;
	-webkit-appearance:none;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	padding:0;
	color:#fff;
	font-style:normal;
	font-size:35px;
	font-family:Arial,Baskerville,monospace;
	line-height:35px;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);
	border:0;
	background:none;
	outline:none;
	box-shadow:none;
}

.lity-close::-moz-focus-inner{
	border:0;
	padding:0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited{
	text-decoration:none;
	text-align:center;
	padding:0;
	color:#fff;
	font-style:normal;
	font-size:35px;
	font-family:Arial,Baskerville,monospace;
	line-height:35px;
	text-shadow:0 1px 2px rgba(0,0,0,0.6);
	border:0;
	background:none;
	outline:none;
	box-shadow:none;
}
.lity-close:active {
	top:1px;
}

.lity-image img{
	max-width:100%;
	display:block;
	line-height:0;
	border:0;
}


/*-----design_index-----*/

#design_index{
	padding:100px 20px;
	background-color:#fafafa;
}

#design_index section{
	max-width:1200px;
	margin:0 auto 50px;
	overflow:hidden;
}

#design_index section h2{
	width:170px;
	margin:0;
	text-align:right;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:1.3;
	font-weight:400;
	float:left;
}

#design_index section h2 a:link,
#design_index section h2 a:visited{
	color:#000;
	text-decoration:none;
	font-size:16px;
	transition:.2s;
}

#design_index section h2 a:hover,
#design_index section h2 a:active{
	opacity:0.9;
}

#design_index section ul{
	box-sizing:border-box;
	width:calc(100% - 190px);
	margin:0;
	padding:0 0 0 20px;
	border-left:1px solid #ddd;
	list-style-type:none;
	float:right;
}

#design_index section ul li{
	width:calc(33.33333333% - 40px);
	float:left;
	margin:0 60px 20px 0;
}

#design_index section ul li:nth-of-type(3n){
	margin:0 0 20px 0;
}

#design_index section ul li:last-child{
	margin:0;
}

#design_index section ul li:nth-last-child(2):nth-of-type(1+3n),
#design_index section ul li:nth-last-child(2):nth-of-type(2+3n){
	margin:0 60px 0 0;
}

#design_index section ul li:nth-last-child(3):nth-of-type(1+3n),
#design_index section ul li:nth-last-child(3):nth-of-type(2+3n){
	margin:0 60px 0 0;
}

#design_index section ul li a:link,
#design_index section ul li a:visited{
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#000;
	text-decoration:none;
	transition:.2s;
}

#design_index section ul li a:hover,
#design_index section ul li a:active{
	opacity:0.9;
}

#design_index section ul li a img{
	width:100px;
	height:50px;
	vertical-align:bottom;
}

#design_index section ul li a p{
	width:calc(100% - 110px);
	margin:0;
	font-size:12px;
	line-height:1.3;
}

#design_index section ul li a p span{
	display:block;
	word-break:break-all;
}

#design_index section ul li a p span.en{
	font-family:'Roboto', sans-serif;
	font-size:13px;
	font-weight:400;
}

@media only screen and (min-width:661px) and (max-width:1300px){
	#design_index section ul li{
		width:calc(50% - 10px);
		margin:0 20px 20px 0;
	}
	
	#design_index section ul li:nth-of-type(3n){
		margin:0 20px 20px 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(1+3n),
	#design_index section ul li:nth-last-child(2):nth-of-type(2+3n){
		margin:0 20px 20px 0;
	}
	
	#design_index section ul li:nth-last-child(3):nth-of-type(1+3n),
	#design_index section ul li:nth-last-child(3):nth-of-type(2+3n){
		margin:0 20px 20px 0;
	}
	
	#design_index section ul li:nth-of-type(2n){
		margin:0 0 20px 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(1+2n){
		margin:0 20px 0 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(2+2n){
		margin:0 0 20px 0;
	}
}

@media only screen and (max-width:660px){
	#design_index{
		padding:60px 20px;
	}
	#design_index section{
		margin:0 0 40px;
	}
	
	#design_index section h2{
		width:100%;
		margin:0 0 10px;
		padding:0 0 10px;
		border-bottom:1px solid #ddd;
		text-align:left;
		font-size:14px;
		line-height:1;
		float:none;
	}
	
	#design_index section h2 a:link,
	#design_index section h2 a:visited{
		font-size:14px;
	}
	
	#design_index section ul{
		width:100%;
		margin:10px 0 0;
		padding:0;
		border-left:none;
		float:none;
	}
	
	#design_index section ul li{
		width:calc(50% - 10px);
		margin:0 20px 10px 0;
	}
	
	#design_index section ul li:nth-of-type(3n){
		margin:0 20px 10px 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(1+3n),
	#design_index section ul li:nth-last-child(2):nth-of-type(2+3n){
		margin:0 20px 10px 0;
	}
	
	#design_index section ul li:nth-last-child(3):nth-of-type(1+3n),
	#design_index section ul li:nth-last-child(3):nth-of-type(2+3n){
		margin:0 20px 10px 0;
	}
	
	#design_index section ul li:nth-of-type(2n){
		margin:0 0 10px 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(1+2n){
		margin:0 20px 0 0;
	}
	
	#design_index section ul li:nth-last-child(2):nth-of-type(2+2n){
		margin:0 0 10px 0;
	}
	
	#design_index section ul li a:link,
	#design_index section ul li a:visited{
		align-items:flex-start;
	}
	
	#design_index section ul li a img{
		width:70px;
		height:35px;
	}
	
	#design_index section ul li a p{
		width:calc(100% - 75px);
		font-size:11px;
	}
	
	#design_index section ul li a p span.en{
		font-size:12px;
	}
}

#design_index div.designindex_link{
	text-align:center;
}

#design_index div.designindex_link a:link,
#design_index div.designindex_link a:visited{
	box-sizing:border-box;
	display:inline-block;
	margin:0 5px 10px;
	padding:12px 60px 15px 40px;
	background-color:#fff;
	border:2px solid #000;
	color:#000;
	background-image:url(../../pic/interface/up_arrow.svg);
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:right 25px top 12px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	line-height:1;
	transition:.2s;
}

#design_index div.designindex_link a:hover,
#design_index div.designindex_link a:active{
	background-position:right 25px top 9px;
}


/*-----design_index END-----*/


/*-----design_detail_area END-----*/