@charset "utf-8";
/*ブランド（ピックアップ）4ｘ2　マウスオーバーで表示*/


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





.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;

}




#pick_wrap{
	width:100%;
	max-width:1400px;
	text-align:center;
	margin:0 auto;
}



#pick_wrap .pick {
	width:			280px;
	height:			auto;
	overflow:		hidden;
	margin:			1%;
	position:		relative;
	cursor: pointer;
	display:inline-block;
	vertical-align:top;
	margin-bottom:20px;
}

#pick_wrap .pick_big {
	width:			280px;
	height:			auto;
	overflow:		hidden;
	margin:			1%;
	position:		relative;
	cursor: pointer;
	display:inline-block;
	vertical-align:top;
	margin-bottom:50px;

}



#pick_wrap .pick a{
	text-decoration:none;
	color:#000;
	display:block;
	padding-bottom:0px;
}



#pick_wrap .pick img{
	width:100%;
}


#pick_wrap .pick .caption {
	/*font-size:		12px;
	text-align: 		center;
	color:			#fff;*/
	text-align:center;
	vertical-align:top !important;
}

#pick_wrap .pick .caption img{/*ロゴサイズ*/
	width:70%;
	height:auto;
	margin-top:-20px;
}


#pick_wrap .pick .caption dl,#pick_wrap .pick .caption dt,#pick_wrap .pick .caption dd{
	padding:0px !important;
	
}
#pick_wrap .pick .caption dt{
	font-size:14px;
	font-weight:bold;
	font-family: 'Josefin Sans', sans-serif;

	
}

#pick_wrap .pick .caption dt span{
	font-size:12px;
	font-weight:normal;
}


#pick_wrap .pick .caption dd{
	font-size:11px;
	text-align:left;
	margin:0px;
	padding:10px !important;
	
}



#pick_wrap .pick .mask {
	width:			80%;
	height:			70%;
	position:		absolute;
	top:			10%;
	left:			10%;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0.9);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
#pick_wrap .pick:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:	30px;	/* ホバーで下にずらす */
}


#pick_wrap .btn_b{
	width:/*40%*/500px;
	margin-top:30px;
}


#pick_wrap .pick_big  p.pick_name{
	font-weight:bold;
	margin:10px 0 0 0;
	font-size:14px;
	font-family: 'Josefin Sans', sans-serif;

}

#pick_wrap .pick_big  p.pick_name2{
	font-size:10px;

}





#pick_wrap .pick_big  p.pick_name span{
	font-size:10px;
	color:#666;
	border:1px solid #ccc;
	font-weight:normal;
	padding:0 20px;
	margin-top:0px;
	line-height:12px;
	
}

#pick_wrap .pick_big  p.icon{/*NEWアイコン*/
	font-size:10px;
/*	color:#FFFFFF;
	background-color:rgb(51, 51, 51, 0.8);*/
	/*color:#841604;
	background-color:rgb(255, 255, 255, 0.8);*/
	background-color:rgb(132, 22, 22, 0.9);
	color:#fff;
border-radius: 30px;
  height: 50px;
  width: 50px;
  line-height:50px;
  position:absolute;
  top:15px;
  left:15px;
}




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


#pick_wrap{
	padding-bottom:30px;
}
/*アンカーテキスト無しバージョン
#pick_wrap .pick {
	width:48%;
	height:	auto;
	margin:	0 auto;
	cursor: pointer;
	vertical-align:top !important;

}*/


#pick_wrap .pick_big {
	width:48%;
	height:	auto;
	margin:	0 auto;
	cursor: pointer;
	vertical-align:top !important;

}

#pick_wrap .pick {
	width:98%;
	padding-left:1% !important;
}



#pick_wrap .pick_big  p.pick_name,#pick_wrap .pick_big  p.pick_name2{

	display:none !important;
	margin:10px 0 10px 0;

}

#pick_wrap .pick .caption {
	/*font-size:		12px;
	text-align: 		center;
	color:			#fff;*/
	text-align:center;
	vertical-align:top !important;
}

#pick_wrap .pick .caption img{
	width:50%;
	margin-bottom:0px !important;
	display:none;
}


#pick_wrap .pick .caption dt{
	font-size:11px;
	margin:0px;
}





#pick_wrap .pick .caption dt span{
	font-size:11px;
	font-weight:normal;
}



#pick_wrap .pick .caption dd{
	font-size:10px;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px 10px !important;
	
}





#pick_wrap .pick .mask {
	width:			100%;
	height:			auto;
	position:relative;
	top:			0;
	left:			0;
	opacity:		1;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0.6);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
	margin-top:10px;
	margin-bottom:30px;
}
#pick_wrap .pick:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:	0px;	/* ホバーで下にずらす */
}



#pick_wrap .btn_b{
	width:90% !important;
	margin:30px 0 30px;
}



}