/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/* リセットボタン */

.reset-b { text-align : left ; }
.reset-b button{
	padding:5px;
	margin:10px 5px;
} 

/* チェックボックス */
.check01 input[type=checkbox] {
	display: none;
}
.checkbox01 {
	position: relative;
	line-height:2.6;
	padding: 0 20px 0 27px;
}
.checkbox01:hover:after {
	border-color: #0171bd;
}
.checkbox01:after, .checkbox01:before{
	position: absolute;
	content: ""; 
	display: block;
	top: 50%;
}
.checkbox01:after {
	left: 0;
	margin-top: -12px;
	width: 18px;
	height: 18px;
	border: 2px solid #d1d1d1;
}
.checkbox01:before {
	left: 6px;
	margin-top: -9px;
	width: 7px;
	height: 11px;
	border-right: 3px solid #0171bd;
	border-bottom: 3px solid #0171bd;
	transform: rotate(45deg);
	opacity: 0;
}
.check01 input[type=checkbox]:checked + .checkbox01:before {
	opacity: 1;
}
.check01 label{
	display: block;
	float:left;
}


/* 製品から探すのボタン */
img.imgon {
transition: 0.5s;
}

img.imgon:hover {
opacity: 0.5;
}

.input-bt {
font-size: 1em;
background-color: #fff;
border: 1px solid #000;
width:75%;
padding:5px;
}


/* カテゴリから探すのラインナップ表示用 */
div.lineup-item {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: #fff;
  margin-bottom: 10px;
  height: auto !important;
}

ul.lineup-list{
    padding: 0;
    margin: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

ul.lineup-list li {
    padding:5px 0;
    margin: 5px;
    float: left;
    width: 31.9%;
    box-sizing:border-box;
    display: block;
    text-align: left;
}

@media screen and (max-width: 980px){
/* 980px以下は2列 */
ul.lineup-list li {
    width: 48%;
}
}
@media screen and (max-width: 530px){
/* 530px以下は１列 */
ul.lineup-list li {
    width: 100%;
}