/**************************★★★******************************/
/*スタッフ募集*/
.sutahuhuhu{
  padding: 7px 0px 7px 3px; /*アイコンなどの内側の幅を変える*/
  margin: 10px 15px 10px 15px; /*アイコンなどの外側の幅を変える*/
  border: solid 2px #a5bd15; /*アイコンなどの縁*/
  text-align:center; /*文字をセンタリング*/
  background:#fff;/*文字の所の背景*/
  border-radius: 5px;/*角の丸み*/
  font-size:120%;　/*フォントサイズ*/
}
.sutahuhuhu a{
  color:#7e756e; /*文字カラー*/
}
/**************************★★★******************************/

/**************************★★★******************************/
/*おすすめ商品*/
.osusume1{
  background:#e9e9e9;/*背景*/
  margin:10px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
  padding: 0px 0px 10px 0px; /*アイコンなどの内側の幅を変える*/
  border-radius: 8px;/*角の丸み*/
  border: solid 1px #cfcfcf; /*アイコンなどの縁*/
}
.osusume1 h2{
  margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
  padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
  font-size:100%;　/*フォントサイズ*/
}
.osusume1 img{
  background:#ffff;/*背景*/
}
.osusume1 a{ /*リンク*/
  color:#ED8D49; /*文字カラー*/
  font-size:90%;　/*フォントサイズ*/
}
.boxlist {
  list-style: none;
  padding: 0px 6px 0px 6px; /*アイコンなどの内側の幅を変える*/
  margin: 0;
}

.box {
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box .box-inner {
  display: block;
  padding: 8px 4px 8px 4px;
}
.box .box-image {
  display: block;
  text-align: center;
}
.box .box-title {　/*商品の名前など*/
  margin: 0px 3px 5px 3px; /*アイコンなどの外側の幅を変える*/
  padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
  color: #212121; /*文字カラー*/
  color: #212121;
  font-size:70%;　/*フォントサイズ*/
  display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 制限したい行数が1の場合 */
  overflow: hidden;
}

.box--half {
  width: 33.3%;

  margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
      height: 182px;
}

.box--full {
  float: none;
  width: 100%;
  font-size:110%;　/*フォントサイズ*/
  margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
}
/**************************★★★******************************/


/**************************★★★******************************/

/**************************★★★******************************/
/*最近の売れ筋商品*/
.kinnitu1{
  background:#cae5e7;/*背景*/
  margin: 10px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
  padding: 0px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
  border-radius: 8px;/*角の丸み*/
  border: solid 1px #a9c8cb; /*アイコンなどの縁*/
}
.kinnitu1 h2{
  margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
  padding: 10px 0px 5px 10px; /*アイコンなどの内側の幅を変える*/
  font-size:100%;　/*フォントサイズ*/
}
.kinnitu1 img{
  background:#ffff;/*背景*/
}
.kinnitu1 li{
  width:49.9%;/*横のサイズ指定*/

  margin: 0 0 5px; /*アイコンなどの外側の幅を変える*/
  color: #212121; /*文字カラー*/

  overflow: hidden;/*はみ出した文字を・・・にする1*/
  white-space: normal;/*はみ出した文字を・・・にする2*/
  text-overflow: ellipsis; /*はみ出した文字を・・・にする3*/
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */

}
/**************************★★★******************************/
/*カテゴリ検索 */
.kategorikensaku h2{
  margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
  padding: 10px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
  font-size:100%;　/*フォントサイズ*/
}

.kokoko {
  display: flex;
  width:100%;
  margin: 0px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
}
.kokoko ul {
  display: flex;
  list-style: none;　/*点を消す*/
  text-decoration: none; /*リンクの下の線を消す*/
  margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
  padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
  flex-wrap:wrap /*折り返す*/
}
.kokoko li {
  border: solid 1px #dedede; /*アイコンなどの縁*/
  margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
  padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
  justify-content:center; /*並び方*/
  width:48%;
}
.kokoko a {
  text-decoration: none; /*リンクの下の線を消す*/
}

.kokoko img {
  vertical-align: top; /*画像の下の隙間を消す*/
  width:100%;
}
.kategoriri{
  background:#cdc6c0;/*文字の所の背景*/
  width:94%;/*横のサイズ指定*/
  padding: 1px 0px 1px 10px; /*アイコンなどの内側の幅を変える*/
  color:#ffffff; /*文字カラー*/
  font-size:110%;　/*フォントサイズ*/
  font-weight:bold;/*フォント太字*/
  border: solid 1px #978D86; /*アイコンなどの縁*/
}
.kategoriri a{
  color:#ffffff; /*文字カラー*/
}
/**************************★★★******************************/


/**************************★★★******************************/
/*特集ページベーシック*/
.meka15{/*全体*/
  background:#ffffff;/*文字の所の背景*/
  border-radius: 8px;/*角の丸み*/
  border: solid 1px #c6c6c6; /*アイコンなどの縁*/
}
.obiobi1 img{/*上の帯画像*/
  border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
}
.obiobi2 img{/*下の帯画像*/
  border-radius: 0px 0px 8px 8px;/*角の丸み変則*/
}
.huripetaitoru{/*タイトル*/
  background:#a19b96;/*文字の所の背景*/
  color: #ffffff;
  border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
  padding: 3px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
}
.meka0{/*サブタイトル*/
  display: flex;/*フレックスボックス*/
  margin: 7px 7px 5px 7px; /*アイコンなどの外側の幅を変える*/
  border-bottom: 1px solid #fbfbfb;/*下に線を引く*/
}
.meka0 a{
  margin: 5px 0px 5px 7px; /*アイコンなどの外側の幅を変える*/
  font-size:80%;　/*フォントサイズ*/
}
.meka{/*コンテナ*/
  display: flex;/*フレックスボックス*/
  flex-wrap: wrap;/*フレックスボックスで折り返し*/
  justify-content: center;/*フレックスボックス中央寄せ*/
}
.meka img{
  width:100%;/*横のサイズ指定*/
  margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/

}
.nakami{/*アイテム*/
  width:30%;/*横のサイズ指定*/
  padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}
.nakamitaitoru{/*商品名*/
  text-align: left; /*文字を左寄せ*/
  display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
  overflow: hidden;
  font-size:11px;　/*フォントサイズ*/
border-left: solid 1px #999;

}
.nakamitaitoru a{
  color:#000000; /*文字カラー*/

}
.nakaminedan{/*商品金額*/
  text-align: left; /*文字を左寄せ*/
  overflow: hidden;
  height: 20px;
  font-size:70%;　/*フォントサイズ*/
}
/**************************★★★******************************/
/*おすすめ内部パーツ*/
.naibupatu{/*タイトル*/
  background:#a19b96;/*文字の所の背景*/
  color: #ffffff;
  border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
  padding: 3px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
}
/**************************★★★******************************/
/*海外メーカー特集*/
.kaigaimeka{/*タイトル*/
  background:#a19b96;/*文字の所の背景*/
  color: #ffffff;
  border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
  padding: 3px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
}
.subete12{/*全て見る下に線付き*/
  padding: 0px 10px 8px 10px; /*アイコンなどの内側の幅を変える*/
  text-align: left; /*文字を左寄せ*/
  border-bottom: 1px solid #c6c6c6;/*下に線を引く*/
  margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
}
.subete13{/*全て見る*/
  padding: 0px 10px 8px 10px; /*アイコンなどの内側の幅を変える*/
  text-align: left; /*文字を左寄せ*/
  margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
}
.kaigaimeka55{
  text-align:center; /*文字をセンタリング*/
}
.kaigaimeka55 img{
  width:96%;/*横のサイズ指定*/
  text-align:center; /*文字をセンタリング*/
}
/**************************★★★******************************/
/*写真だけのピックアップ*/
.meka16{/*全体*/
  background:#a19b96;/*文字の所の背景*/
  border-radius: 8px;/*角の丸み*/
  border: solid 1px #c6c6c6; /*アイコンなどの縁*/
}
.pikuapu{
  background:#a19b96;/*文字の所の背景*/
  color: #ffffff;
  border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
  padding: 3px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
}
.nakami0{
  width:47%;/*横のサイズ指定*/
  padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}


/**************************★★★******************************/
/**************************★★★******************************/
/*バナーの隙間用*/  
.ggfgg img{
  margin: 3px 0px 3px 0px; /*アイコンなどの外側の幅を変える*/
 }




/**************************全体******************************/


/**************************スライド******************************/
.slider{
 margin: 7px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 max-width: 100%; /*横のサイズ指定*/
}

/**************************インフォメーション（メルマガないよ）******************************/
.osirase0{
  margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
}
.osirase{
  margin: 0px 7px 3px 10px; /*アイコンなどの外側の幅を変える*/
  padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
  border-top: 1px solid #a19b96; /*上に線を引く*/
  font-size:75%;　/*フォントサイズ*/
}
/**************************新着商品******************************/
/*新着商品*/
.newmmaku b{
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 background:#e1e600;/*文字の所の背景*/
 padding: 5px 6px 5px 6px; /*アイコンなどの内側の幅を変える*/
 margin: 3px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
 border-radius: 3px;/*角の丸み*/
 color: #303d54; /*文字カラー*/
}
/*簡易説明*/
.explanation_simple{
 font-size:75%;　/*フォントサイズ*/
 color:#7e756e !important; /*文字カラー*/
}
/*新着下の全て見る*/
.subete1{
 padding: 5px 10px 5px 10px; /*アイコンなどの内側の幅を変える*/
 text-align: left; /*文字を左寄せ*/
}
.sintyaku1{
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 border-top: 1px solid #a19b96;/*上に線*/
 border-bottom: 1px solid #a19b96;/*下に線*/
}
.sintyaku1 h2{
 margin: 0px 10px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 5px; /*アイコンなどの内側の幅を変える*/
 font-size:100%;　/*フォントサイズ*/
}
.sintyaku1 a{ /*リンク*/
 color:#000000; /*文字カラー*/
}

.product_section li{  
 padding: 10px;
 list-style: none;　/*リストの点を消す*/
 margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
}
.product_section li a:after{  
 content: '';
 display: block;
 clear: both;
}
.product_section ul{  
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
}
.product_section a {
 display:block;
 text-decoration:none;
 color:#333;
 line-height:1.2;
 width:100%;
 height:100%;
}
.product_section li:last-child {
 border: none;
}
.product_pict {  
 min-height: 80px;
 float: left;  
}  
.product_pict img{
 width:120px !important;/*!important;は最優先に適用してくれる*/;
 margin: 0px 8px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.product_price_regular{
 font-size:30px;
 font-weight:normal;
 text-decoration: line-through;
 color:#FF0000;
}
.product_price {
 font-size:90%;
 font-weight:bold;
 color:#ED8D49;
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
}
.product_price_discount{
 font-size:16px;
 font-weight:bold;
 color:#ED8D49;
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
}
.product_price_soldout {
 font-size:90%;
 font-weight:bold;
 color:#d61818;
 padding:3px 5px;
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
}
#product_detail form .product_price_soldout {
 width:auto;
 margin-bottom:5px;
 padding: 5px 0px 5px 0px; /*アイコンなどの内側の幅を変える*/
}
.taglist {
 padding: 20px 0 0;
}
.taglist p {
 margin: 0 0 10px;
}
.taglist a {
 margin: 0 6px 8px 0;
}

/**************************写真だけのピックアップ商品******************************/


/**************************おすすめ商品******************************/

/**************************最近の売れ筋商品******************************/
/*最近の売れ筋商品_全体*/
.uresuzi {
 margin: 10px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*最近の売れ筋商品_タイトル*/
.uresuzi_taitoru{
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:130%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
}
/*最近の売れ筋商品_単体枠*/
.uresuzi_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
 justify-content: center; /*フレックスボックス中央寄せ*/
}


/*最近の売れ筋商品_単体枠中身*/
.uresuzi_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 3px 5px 3px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width: 28.9%; /*横のサイズ指定*/
}
/*最近の売れ筋商品_単体枠中身の名前と値段*/
.uresuzi_name_nedan{
 border-left: 1px solid #636363;/*左に線を引く*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.uresuzi_name_nedan a{
 color: #000000; /*文字カラー*/
}
/*最近の売れ筋商品_単体枠中身の名前*/
.uresuzi_name{
 padding: 0px 5px 2px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:70%;　/*フォントサイズ*/
 width: 30px;
 overflow: hidden;
 display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
}
/*最近の売れ筋商品_単体枠中身の値段*/
.uresuzi_nedan{
 padding: 0px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:75%;　/*フォントサイズ*/
}

/**************************フリーページをトップページに読み込む******************************/
.huriipeezi{
  margin: 5px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
}