@charset "utf-8";
/*product*/
.product  li{ width: 100%;}
.product li .pro_img a { display:block;}
.product  li .pro_img a:hover { box-shadow:0 0 0.5em rgba(0,0,0,0.5)  }
.product  li h1{  line-height: 1.06; color: #595959;  font-family: Sofia;}
.product  li h1 span{ display: block;}
.product  li h2{  color: #767676; font-weight: normal; margin:1em 0;}
.product  li p { color: #767676; line-height: 1.2; text-align: justify;}
a.pro_more { display: block;width: 1.682em; height: 1.773em; margin-top: 1.68em; background: url(../images/icon_pro_01.png) no-repeat center; background-size: cover;background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc); transition:0.3s all; -webkit-transition:0.3s  all;}
a.pro_more:hover{ background: url(../images/icon_pro_01_cur.png) no-repeat center; background-size: cover;background-size:cover;-ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);}
 .product  li.odd{ margin-top: 1.18em;}
 .product  li.odd  .pro_img{ width: 56%; float: left; box-shadow: -100px 130px 150px rgba(0, 0, 0, 0.3);}
 .product  li.odd  .pro_img a{ position: relative; bottom:-2.18em;}
 .product  li.odd  .pro_tit{ width: 44%; float: right;}
 .product  li.odd  .pro_tit .C{ padding:10.9%  33.8% 0 5.5%;}

 .product  li.even{background-color: #f7f7f7; }
 .product  li.even .pro_img{ float: right; width: 50%; }
 .product  li.even .pro_img .C{padding:25% 29.68%  23%  0}
 .product  li.even .pro_img img{ box-shadow:60px 60px 200px rgba(0, 0, 0, 0.3);}
.product li.even .pro_img a {  position: relative; left: -12%;}
 .product  li.even .pro_tit{ float: left; width: 49.9%; }
 .product  li.even .pro_tit .C{ padding:26.56% 20.6%  0  36%;}
 

 @media only screen and (max-width: 1700px) {


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

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


}
@media only screen and (max-width: 1400px) {
	
}
@media only screen and (max-width: 1300px) {


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

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

.product li.odd .pro_tit .C {padding: 10.9% 23.8% 5% 5.5%;}

}
@media only screen and (max-width: 1000px) {
a.pro_more{ margin-top: 1em;}
.product li.odd .pro_tit .C {padding: 10.9% 18.8% 5% 5.5%;}
}
@media only screen and (max-width: 900px) {
a.pro_more{ width: 1em; height: 1em; margin-top: 1em;}
.product li.odd .pro_tit .C {padding: 6% 5% 5% 5.5%;}
.product li h2{ margin:0.5em 0;}

.product li.even .pro_tit .C {padding: 23% 20.6% 0 20%;}
}
@media only screen and (max-width: 767px) {
 .product  li.odd  .pro_img{ width: 100%; float: none; }
 .product  li.odd  .pro_img a{ position: relative; bottom:0}
 .product  li.odd  .pro_tit{ width:100%; float: none;}
 .product  li.odd   .pro_tit .C{ padding: 5%;}

 .product  li.even  .pro_img{ width: 100%; float: none; }
 .product  li.even  .pro_img .C{ padding: 0;}
 .product  li.even  .pro_img a{ position: relative; left:0}
 .product  li.even  .pro_tit{ width:100%; float: none;}
 .product  li.even  .pro_tit .C{ padding: 5%;}
  .product  li.odd  .pro_img{ box-shadow: 60px 60px 200px rgba(0, 0, 0, 0.3);}
}
@media only screen and (max-width: 355px) {

}