/**************************カテゴリー一覧******************************/
.syouhinkennsaku_kategori{
 display: flex; /*フレックスボックス*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
 list-style: none; /*点を消す*/
}
.syouhinkennsaku_kategori_waku{
 width: 17.5%; /*横のサイズ指定*/
 background: #ffffff; /*文字の所の背景*/
 border-radius: 5px; /*角の丸み*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 10px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
 text-align: center; /*文字をセンタリング*/
 font-size: 78%; /*フォントサイズ*/
}
.syouhinkennsaku_kategori_waku img{
 margin: auto; /*画像などをセンターに寄せる*/
}
/**************************商品検索結果******************************/
/*商品検索結果_カテゴリー*/
.syouhinkennsaku_kategori{
 margin: 15px 0px 0px 10px; /*アイコンなどの外側の幅を変える*/
}
/*商品検索結果_おすすめ順/価格順/新着順*/
.syouhinkennsaku_junban{
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:100%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 border-bottom: 1px solid #978D86; /*下に線を引く*/
}
/*商品検索結果_単体枠*/
.syouhinkennsaku_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
}
/*商品検索結果_単体枠中身*/
.syouhinkennsaku_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 8px 5px 8px 5px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width: 22.75%; /*横のサイズ指定*/
}
/*商品検索結果_単体枠中身の名前と値段*/
.syouhinkennsaku_name_nedan{
 border-left: 1px solid #636363;/*左に線を引く*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*商品検索結果_単体枠中身の名前*/
.syouhinkennsaku_name{
 padding: 0px 5px 2px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
 width: 30px;
 overflow: hidden;
 display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
}
/*商品検索結果_単体枠中身の値段*/
.syouhinkennsaku_nedan{
 padding: 0px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
}
/*商品検索結果_全て見る*/
.syouhinkennsaku_subete{
 padding: 0px 10px 8px 10px; /*アイコンなどの内側の幅を変える*/
 text-align: left; /*文字を左寄せ*/
 font-size:90%;　/*フォントサイズ*/
}
/**************************ページャー******************************/
.pejaja{
 text-align:center; /*文字をセンタリング*/
 margin: 0px 10px 30px 10px; /*アイコンなどの外側の幅を変える*/
}
.pageNav{
 display: flex;/*フレックスボックス*/
 justify-content: center;/*フレックスボックス中央寄せ*/
 align-items: center; /*縦方向に中央寄せ*/
 margin: 10px 10px 20px 10px; /*アイコンなどの外側の幅を変える*/
 flex-wrap: wrap;/*フレックスボックスで折り返し*/
}
.pageNav a{
 display: inline-block; /*ブロック化してpaddingやmarginを適用させる*/
 background:#c6c6c6;/*文字の所の背景*/
 margin: 6px 6px 6px 6px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 border-radius: 50%; /*角の丸み*/
 width: 20px; /*横のサイズ指定*/
 height: 20px; /*縦のサイズ指定*/
} 
.pageNav a:hover{
 background:#ED8D49;/*文字の所の背景*/
}
.carent{/*現在のページ*/
 background:#ED8D49;/*文字の所の背景*/
 margin: 6px 6px 6px 6px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 border-radius: 50%; /*角の丸み*/
 width: 20px; /*横のサイズ指定*/
 height: 20px; /*縦のサイズ指定*/
} 
.syouhinmeiitiran{
 border-left: solid 1px #999;
 padding: 0px 0px 0px 0px;
 font-size: 80%;
}
.syouhinmeiitiran2 b{
 border-left: solid 1px #ffffff;
 padding: 0px 0px 0px 0px;
 font-size: 80%;
}