@charset "utf-8";

.flex_wrapper{
display:flex;
flex-wrap:wrap;
justify-contentflex-start;
padding-top:20px;
margin-bottom:40px;
}



h1.page_title2{
 margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 30px;
  margin-left: 0pt;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 10px;
  border-left-width-value: 5px;
  border-left-style-value: solid;
  border-left-color-value: #1871b8;
  background-color: #1d8ade;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  color: #ffffff;
}


/*-商品詳細の商品説明分ロｇkgク---*/
article > h2,article > h3{
font-weight:bold;
}
article img{
margin-bottom:20px;
}




h1.page_title2 > small
{
  color: #ffffcc;
}


#lefter_col h3{
/*-メニュー左のメーカー名-*/
font-size:14px;
font-weight:bold;
color:#FFFFFF;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
		border:1px solid #ddd;
  background-color: #1d8ade;
		margin-bottom:0;
		border-bottom:none;
}

#lefter_col  .eng_name{
/*-メニュー左の英字メーカー名-*/
font-size:9px;
margin-left:55px;
margin-top:-3px;
}


#lefter_col .worm_group_pic_small,
#lefter_col .hard_lure_group_pic_small{
	/*-メニュー左のサムネイル-*/
	width:50px;
	}
#image_buttons{
float:none;
}
.bottom_image_buttons,
.worm_group_pic{

/*-画像メニューのサムネ-*/

box-shadow: none;
border:none;
}
.hook_group_pic1,
.sinker_group_pic1{
width:50%;
}

.hook_group_pic2,
.sinker_group_pic2
{
width:48%;
}

/*-画像メニューサムネ-*/
.card{
width:200px;
		border:1px solid #ddd;
		border-radius:4px;
		margin-right:6px;
				margin-bottom:6px;
		padding:3px;
		padding-top:10px;
		background-color:#FFFFFF;
text-align:center;
}

/*-HOOOK-*/
.eng_hook_name{
margin-top:-16px;
margin-left:55px;
font-size:9px;
}

.list-group-item
{
  padding-top: 3px;
		padding-bottom: 3px;
}



 div.card  p{
font-size:10px;
}


 div.card  h4{
font-size:14px;
font-weight:bold;
}

 a.this > p,
	 a.this > h4,
.this{
opacity:0.3;
}
article{
/*-詳細の文章部分-*/
background-color:#fff;
padding:10px;
margin-bottom:20px;
}

 article img{
	max-width:100%;
	height:auto;
	}


.one{
/*-個々のカラー-*/

background-color:#FFFFFF;
padding:6px;
margin:30px 10px 10px 0;
width:22%;
}
.one img.item_picture_m{
width:100%;
}
 div.one > p.jan{
	font-size:9px;
	margin-top:1em;
	}
div.one > h2{
font-size:14px;
height:3em;
}

#image_buttons > h2{
margin-top:20px;
}

ul.hidden-sm.hidden-xs.nav.nav-pills{
margin:40px 0;
}

ul.hidden-sm.hidden-xs.nav.nav-pills > li > a{
/*-サムネイル下のテキストリンク-*/
  padding-top: 6px;
  padding-right:7px;
  padding-bottom: 5px;
  padding-left: 7px;
		border:1px solid #ddd;
		margin:3px;
		background-color:#FFFFFF;
}



#image_buttons{

margin-bottom:20px;
}

/*-ラインの種別の背景-*/
.es{
background-color:#E91E63 !important;
}

.fl{
background-color:#3F51B5 !important;
}

.fll{
background-color:#039BE5 !important;
}

.ny{
background-color:#009688 !important;
}


.pe{
background-color:#F4511E !important;
}


 
div.card .pe,
div.card .es,
div.card .fl,
div.card .fll,
div.card .ny,
div.card .pe{
color:#FFFFFF;
display:inline-block;
padding:6px 0px 3px 6px;
border-radius:3px;
margin-bottom:6px;
}

@media (max-width:768px){

.card{
width:200px;

}



.one{
/*-個々のカラー-*/

width:31%;
margin:30px 0.5% 10px 0.5%;
}


}

@media (max-width:481px){

.card{
width:47%;
margin-right:2px;
}


.worm_group_pic{
width:100%;
}

.hook_group_pic1,
.hook_group_pic2,
.sinker_group_pic1,
.sinker_group_pic2{
width:45%;
}
.one{
/*-個々のカラー-*/

width:100%;
border-bottom:2px solid #ddd;

}


}