@charset "UTF-8";

#adviser04-title{
	background-color:rgba(203,82,24,0.8);
}

#page .pic-r{
	float:right;
	margin: 0 0 0.8em 1.6em;
}

#lacook-banner{
	width:100%;
	text-align:center;
	margin:5% 0 5%;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	line-height:1.3;
	display:block;
	color:#4c4c4c;
}

#lacook-banner img{
	border-radius:4px;
}

#lacook-banner p{
	padding:0.6em 0 0;
}

/*adviser04-01------------------------------------------------------------*/

.product.adviser04-01{
	width:100%;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #333333;
	border-radius:4px;
	overflow:hidden;
	margin:0 0 5%;
}

.product.adviser04-01 .product-pic{
	float:left;
	width:42%;
	margin:0 4% 0 0;
	border-radius:4px;
	font-size:15px;
}
.product.adviser04-01 .product-pic img{width:100%; height:auto;}

.product.adviser04-01 .product-title{
	float:right;
	width:54%;
	margin:0 0 0.4em;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	line-height:1.3;
}

.product.adviser04-01 .product-name{
	float:right;
	width:54%;
	margin:0 0 0.4em;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
}

.product.adviser04-01 .spec{
	float:right;
	width:54%;
	font-size:12px;
	line-height:1.3;
	text-align:center;
	padding:0 0 0.2em;
}
.product.adviser04-01 .price{
	float:right;
	width:54%;
	font-size:14px;
	line-height:1.3;
	text-align:center;
	padding:0 0 1.3em;
}
.product.adviser04-01 .price .l{
	font-size:18px;
}
.product.adviser04-01 .product-link{
	float:right;
	font-size:15px;
	line-height:1;
	color:#FFF;
	width:54%;
	display:block;
	border-radius:4px;
	background-color:#333333;
	text-align:center;
	padding:1em 0;
	text-decoration:none;
}
.product.adviser04-01 .product-link p{
	background-image:url(../img/interview/product_link.gif);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:1em;
	padding-left:1.8em;
	display:inline-block;
}

/*adviser04-02------------------------------------------------------------*/

.product.adviser04-02{
	width:100%;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #333333;
	border-radius:4px;
	overflow:hidden;
	margin: 0 0 5%;
}

.product.adviser04-02 .product-pic{
	float:left;
	width:30%;
	margin:0 4% 0 0;
	border-radius:4px;
	font-size:15px;
	padding:0 6%;
}
.product.adviser04-02 .product-pic img{width:100%; height:auto;}

.product.adviser04-02 .product-title{
	float:right;
	width:54%;
	margin:0 0 0.4em;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	line-height:1.3;
}

.product.adviser04-02 .product-name{
	float:right;
	width:54%;
	margin:0 0 0.4em;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.3;
}

.product.adviser04-02 .product-name .s{
	font-size:18px;
}

.product.adviser04-02 .spec{
	float:right;
	width:54%;
	font-size:12px;
	line-height:1.3;
	text-align:center;
	padding:0 0 0.2em;
}
.product.adviser04-02 .price{
	float:right;
	width:54%;
	font-size:14px;
	line-height:1.3;
	text-align:center;
	padding:0 0 1.3em;
}
.product.adviser04-02 .price .l{
	font-size:18px;
}
.product.adviser04-02 .product-link{
	float:right;
	font-size:15px;
	line-height:1;
	color:#FFF;
	width:54%;
	display:block;
	border-radius:4px;
	background-color:#333333;
	text-align:center;
	padding:1em 0;
	text-decoration:none;
}
.product.adviser04-02 .product-link p{
	background-image:url(../img/interview/product_link.gif);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:1em;
	padding-left:1.8em;
	display:inline-block;
}

.responsive-sp{
	display:none;
}

@media screen and (max-width: 1000px){
	
	
}

@media screen and (max-width: 800px){
	
	.responsive-sp{
		display:inherit;
	}
	
	#page .page-pic.pic-r{
		width:50%;
		height:auto;
	}
	
	#lacook-banner img{width:100%; height:auto;}
	
	#lacook-banner p{
		padding:0.6em 0 0;
	}
	
	/*adviser04-01------------------------------------------------------------*/
	
	.product.adviser04-01{
		padding:10% 5%;
		width:100%;
		margin:0 0 5%;
	}
	
	.product.adviser04-01 .product-pic{
		float:none;
		width:80%;
		margin:0 10% 6%;
	}
	
	.product.adviser04-01 .product-title{
		float:none;
		width:100%;
	}
	
	.product.adviser04-01 .product-name{
		float:none;
		width:100%;
	}
	
	.product.adviser04-01 .spec{
		float:none;
		width:100%;
	}
	.product.adviser04-01 .price{
		float:none;
		font-size:12px;
		width:100%;
		padding:0 0 6%
	}
	.product.adviser04-01 .product-link{
		float:none;
		width:80%;
		margin:0 10%;
	}
	
	/*adviser04-02------------------------------------------------------------*/
	
	.product.adviser04-02{
		padding:10% 5%;
		width:100%;
		margin:0 0 5%;
	}
	
	.product.adviser04-02 .product-pic{
		float:none;
		width:68%;
		margin:0 10% 6%;
		padding:0 6%;
	}
	
	.product.adviser04-02 .product-title{
		float:none;
		width:100%;
	}
	
	.product.adviser04-02 .product-name{
		float:none;
		width:100%;
	}
	
	.product.adviser04-02 .spec{
		float:none;
		width:100%;
	}
	.product.adviser04-02 .price{
		float:none;
		font-size:12px;
		width:100%;
		padding:0 0 6%
	}
	.product.adviser04-02 .product-link{
		float:none;
		width:80%;
		margin:0 10%;
	}
}