@charset "utf-8";
/* CSS Document */
/* slicknav
==================================*/
.mainvisual{
	background-color:#000000;
}
.box.category1{
	overflow: hidden;
}
.title{
	text-align: center;
	margin-bottom: 40px;
}
.box{
	padding: 40px 0;
}
.box.search{
	padding: 40px 0 0 0;
}

.category{
	overflow: hidden;
	margin-bottom: 50px;
}

h2 {
  font-size: 140%;
}

select{
	margin-bottom: 20px;
	overflow: hidden;
  font-size: 16px;
}
.under{
	background: url(../img/arrow_icon01.jpg) no-repeat center;
	overflow: hidden;
	height: 50px;
}
/* .container.product
==================================*/
.container.product{
	border: 3px solid #b7c3dd;
	padding:20px;
	width: 900px;
}
.product{
	overflow: hidden;
}
.left-img{
	float: left;
}
.right-box{
	float: right;
	width: 530px;
	overflow: hidden;
}
.right-box .product-title {
	line-height: 1.7;
	margin-bottom: 10px;
}
.right-box .product-descr {
	line-height: 1.7;
	margin-bottom: 40px;
}
.product-btn{
	text-align: right;
}
.box.product{
	margin-bottom: 40px;
	padding: 0 0 40px 0;
}
@media screen and (max-width: 1120px) {
	.container.product{
		width:78%;
		padding: 5%;
		margin: 0 5%;
		max-width: 900px;
	}
.right-box {
	float: right;
	width: 50%;
	overflow: hidden;
	}
}
@media screen and (max-width: 765px) {
.left-img {
	float: none;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	}
.left-img img{
	max-width: 100%;
	height: auto;
	}

.right-box {
	float: none;
	width: 100%;
	overflow: hidden;
	}
.right-text {
	height: auto;
	margin-bottom: 30px;
	}
.product-btn {
	text-align: center;
	}
select {
	width: 100%;
	}
}