/**************************商品検索結果******************************/
.result{
 margin: 10px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
}

/*商品検索結果_カテゴリー*/
.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_junban a{
 color: #b4b4b4; /*文字カラー*/
}

/*商品検索結果_単体枠*/
.syouhinkennsaku_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
 justify-content: center; /*フレックスボックス中央寄せ*/
}
.syouhinkennsaku_waku a{
 color: #000000; /*文字カラー*/
}
/*商品検索結果_単体枠中身*/
.syouhinkennsaku_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 8px 5px 8px 5px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width: 44%; /*横のサイズ指定*/
}
/*商品検索結果_単体枠中身の名前と値段*/
.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:100%;　/*フォントサイズ*/
}
/*商品検索結果_全て見る*/
.syouhinkennsaku_subete{
 padding: 0px 10px 8px 10px; /*アイコンなどの内側の幅を変える*/
 text-align: left; /*文字を左寄せ*/
 font-size:90%;　/*フォントサイズ*/
}
/**************************ページャー******************************/
.pejaja{
 text-align:center; /*文字をセンタリング*/
 margin: 0px 5px 30px 5px; /*アイコンなどの外側の幅を変える*/
}
.pejaja a{
 color: #f4f2f2; /*文字カラー*/
}
.pageNav{
 display: flex;/*フレックスボックス*/
 justify-content: center;/*フレックスボックス中央寄せ*/
 align-items: center; /*縦方向に中央寄せ*/
 margin: 10px 0px 20px 0px; /*アイコンなどの外側の幅を変える*/
 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: 30px; /*横のサイズ指定*/
 height: 30px; /*縦のサイズ指定*/
 font-size: 150%; /*フォントサイズ*/
} 
.pageNav a:hover{
 background:#ED8D49;/*文字の所の背景*/
}
.carent{/*現在のページ*/
 background:#ED8D49;/*文字の所の背景*/
 margin: 6px 6px 6px 6px; /*アイコンなどの外側の幅を変える*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 border-radius: 50%; /*角の丸み*/
 width: 30px; /*横のサイズ指定*/
 height: 30px; /*縦のサイズ指定*/
 font-size: 150%; /*フォントサイズ*/
 color: #f4f2f2; /*文字カラー*/
} 

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