@charset "utf-8";
/* CSS Document */

/*動きなし　並びだけ　ブランド一覧部分*/



#brand2{
	width:100%;
	text-align:center;
	background-color:#fff;
}


#brand2 .title{
	text-align:left;
	max-width:1320px;
	margin:0 auto;
	width:90%;
}




.brand_box{
	width:auto;
	padding:20px 2%;
	vertical-align:top;
	margin:0 auto;


}


.brand_box .ttl_brand{
	width:200px;
	font-size:20px;
	font-family: 'Josefin Sans', sans-serif;
	color:#841604;
	margin-bottom:50px;
	text-align:left;

}

/*
#brand2 section{
	display:inline-block;
	width:15%;
	height:auto;
	vertical-align:top;
	margin:0 2%  0 2%;

}*/

#brand2 section{
	display:inline-block;
	width:18%;
	height:auto;
	vertical-align:top;
	margin:0 0%  0 1%;

}

#brand2 section dl{
	padding:0px;
}

/*
#brand2 section a:hover {
	opacity: 0.2;
	
 -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;


}
*/

/*ロゴ部分*/
#brand2 .hover:hover .in {
opacity: 0.7;
}
#brand2 .in {
opacity: 0;
color: red;
-moz-transition: opacity 0.9s ease;
-o-transition: opacity 0.9s ease;
-webkit-transition: opacity 0.9s ease;
transition: opacity 0.9s ease;
/*margin-top:-98%;
margin-left:auto;
margin-right:auto;
margin-bottom:20%;
width:80%;*/

margin-top:-102%;
margin-left:auto;
margin-right:auto;
margin-bottom:15%;
width:90%;


}


#brand2 section dt{
	font-size:18px;
	font-weight:500;
	font-family: 'Josefin Sans', sans-serif;
	margin:20px 0;

}
#brand2 section span{
	font-size:12px !important;
}

#brand2 section dd{
	text-align:left;
}




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

#brand2{
	text-align:left;
}


#brand2 .title{
	text-align:center !important;
padding:0 !important;

}



.brand_box{
	width:100%;
	padding:0;


}

.brand_box .ttl_brand{
	width:100%;
	text-align:left;
	font-size:24px;
	margin-bottom:30px;

}


#brand2 section{
	width:45%;
	margin:2%;

}






#brand2 section img{
	width:100%;
}



#brand2 section dl{
	padding:0px;
}

#brand2 section dd{
	display:none;
}

/**/
#brand2 .in {
	display:none;
}

/*サンプル*/
/*
#brand2 section#dc a:hover{
	opacity:0.0;
	 background-image:url(../img/logo/logo_dc.jpg) !important;
 	background-size:100%;
 	background-repeat:no-repeat;
}*/
.product_img a:hover img{
	opacity:0.2;
}


 .product_img a:hover{
	 	width:100%;
	height:auto;
 	background-size:100%;
 	background-repeat:no-repeat;
	display:block;
 }


#dc .product_img a:hover{
	width:100%;
	height:auto;
	 background-image:url(../img/logo/logo_dc.jpg) !important;
 	background-size:100%;
 	background-repeat:no-repeat;
	display:block;
}

#sc .product_img a:hover{/*ストキュア*/
 background-image:url(../img/logo/logo_sc.jpg);

}


#cross .product_img a:hover{/*クロス*/
 background-image:url(../img/logo/cross.jpg);

}


#str .product_img a:hover{/*STR*/
 background-image:url(../img/logo/str.jpg);

}



#ps .product_img a:hover{/*パワーソリューション*/
 background-image:url(../img/logo/ps.jpg);

}



#shp .product_img a:hover{/*SHP*/
 background-image:url(../img/logo/shp.jpg);

}

#jp .product_img a:hover{/*ジュエリーパーマ*/
 background-image:url(../img/logo/jp.jpg);

}



#ag .product_img a:hover{/*AG*/
 background-image:url(../img/logo/ag.jpg);

}



/*ユーザー*/
#cutech .product_img a:hover{/*キューテック*/
 background-image:url(../img/logo/cutech.jpg);

}
#cutech_mi{/*マイクロフォーム*/
 background-image:url(../img/logo/cutech_m.jpg);

}


#graysia .product_img a:hover{
 background-image:url(../img/logo/graysia.jpg);
 margin-top:0px;
}

#iromochi .product_img a:hover{
 background-image:url(../img/logo/logo_iromochi.jpg);
 margin-top:0px;
}

#curiot .product_img a:hover{
 background-image:url(../img/logo/logo_curiot.jpg);
 margin-top:0px;
}



#graysia .product_img a:hover{
 background-image:url(../img/logo/logo_graysia.jpg);
 margin-top:0px;
}
#graysia_bg .product_img a:hover{
 background-image:url(../img/logo/logo_graysiabg.jpg);
 margin-top:0px;
}
#carist .product_img a:hover{
 background-image:url(../img/logo/logo_careist.jpg);
 margin-top:0px;
}
#bijou .product_img a:hover{
 background-image:url(../img/logo/logo_bijou.jpg);
 margin-top:0px;
}
#vw .product_img a:hover{
 background-image:url(../img/logo/logo_venus.jpg);
 margin-top:0px;
}
#bvo .product_img a:hover{
 background-image:url(../img/logo/logo_bvo.jpg);
 margin-top:0px;
}
#relac .product_img a:hover{
 background-image:url(../img/logo/logo_rela.jpg);
 margin-top:0px;
}

#senketsu .product_img a:hover{
 background-image:url(../img/logo/logo_sou.jpg);
 margin-top:0px;
}
	
	
#bb-top .product_img a:hover{
 background-image:url(../img/logo/logo_bb.jpg);
 margin-top:0px;
}





}