/**************************新着商品******************************/
/*新着商品_全体*/
.sintyaku {
 margin: 10px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 border-bottom: 1px solid #978D86; /*下に線を引く*/
}
/*新着商品_タイトル*/
.sintyaku_taitoru{
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:130%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 border-bottom: 1px solid #978D86; /*下に線を引く*/
}
/*新着商品_単体枠*/
.sintyaku_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 width: 900px; /*横のサイズ指定*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
}
/*新着商品_単体枠中身*/
.sintyaku_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width: 160px; /*横のサイズ指定*/
}
/*新着商品_単体枠中身の名前と値段*/
.sintyaku_name_nedan{
 border-left: 1px solid #636363;/*左に線を引く*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*新着商品_単体枠中身の名前*/
.sintyaku_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の場合 */
}
/*新着商品_単体枠中身の値段*/
.sintyaku_nedan{
 padding: 0px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
}
/*新着商品_全て見る*/
.sintyaku_subete{
 padding: 0px 10px 8px 10px; /*アイコンなどの内側の幅を変える*/
 text-align: left; /*文字を左寄せ*/
 font-size:90%;　/*フォントサイズ*/
}

/**************************おすすめ欄******************************/
/*おすすめ欄_全体*/
.osusume {
 margin: 10px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 0px 4px 0px; /*アイコンなどの内側の幅を変える*/
 background:#d4d4d4;/*文字の所の背景*/
 border-radius: 8px;/*角の丸み*/
}
/*おすすめ欄_タイトル*/
.osusume_taitoru{
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:110%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 border-bottom: 1px solid #978D86; /*下に線を引く*/
}
/*おすすめ欄_単体枠*/
.osusume_waku{
 display: flex;/*フレックスボックス*/
 flex-wrap: wrap;/*フレックスボックスで折り返し*/ 
 justify-content: space-between;/*フレックスボックス残り余白の均等割り */
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
}
/*おすすめ欄_単体枠中身*/
.osusume_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width:17.4%;/*横のサイズ指定*/
}
/*おすすめ欄_単体枠中身の名前と値段*/
.osusume_name_nedan{
 border-left: 1px solid #636363;/*左に線を引く*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*おすすめ欄_単体枠中身の名前*/
.osusume_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: 2; /* 制限したい行数が2の場合 */
}
/*おすすめ欄_単体枠中身の値段*/
.osusume_nedan{
 padding: 0px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
}

/**************************ジャンルはフリーページ内のCSS PC/スマホ共通******************************/

/**************************最近の売れ筋******************************/
/*最近の売れ筋_全体*/
.uresuzi {
 margin: 10px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
}
/*最近の売れ筋_タイトル*/
.uresuzi_taitoru{
 margin: 15px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:100%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
 border-bottom: 1px solid #978D86; /*下に線を引く*/
}
/*最近の売れ筋_単体枠*/
.uresuzi_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
}
/*最近の売れ筋_単体枠中身*/
.uresuzi_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 10px 5px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
}
/*最近の売れ筋_単体枠中身の名前と値段*/
.uresuzi_name_nedan{
 border-left: 1px solid #636363;/*左に線を引く*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*最近の売れ筋_単体枠中身の名前*/
.uresuzi_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: 2; /* 制限したい行数が2の場合 */
}
/*最近の売れ筋_単体枠中身の値段*/
.uresuzi_nedan{
 padding: 0px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
}
/**************************フリーページ読み込み******************************/
.huriipeezi{
 margin: 5px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
}


/**************************特集ページベーシック******************************/
.meka15{/*全体*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 8px;/*角の丸み*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
 border: solid 1px #c6c6c6; /*アイコンなどの縁*/
}
.meka15 b{
 font-size:120%;　/*フォントサイズ*/
}
.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; /*アイコンなどの外側の幅を変える*/
 color:#a19b96; /*文字カラー*/
}
.meka0 a{
 margin: 10px 0px 0px 7px; /*アイコンなどの外側の幅を変える*/
 font-size:100%;　/*フォントサイズ*/
}
.meka{/*コンテナ*/
 display: flex;/*フレックスボックス*/
 flex-wrap: wrap;/*フレックスボックスで折り返し*/
 justify-content: center;/*フレックスボックス中央寄せ*/
}
.meka img{
 width:100%;/*横のサイズ指定*/
 margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/

}
.nakami{/*アイテム*/
 width:31.5%;/*横のサイズ指定*/
  padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}
.nakami66{/*アイテム*/
 width:15.3%;/*横のサイズ指定*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}


.nakamitaitoru{/*商品名*/
 text-align: left; /*文字を左寄せ*/
 display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
 overflow: hidden;
 border-left: solid 1px #999;
 padding: 0px 0px 0px 6px;
 font-size: 80%;
}
.nakamitaitoru a{
 color:#000000; /*文字カラー*/
}
.nakaminedan{/*商品金額*/
 text-align: left; /*文字を左寄せ*/
 overflow: hidden;
 height: 20px;
 font-size:70%;　/*フォントサイズ*/
}
.meka1{/*コンテナ*/
 display: flex;/*フレックスボックス*/
 flex-wrap: wrap;/*フレックスボックスで折り返し*/
 justify-content: center;/*フレックスボックス中央寄せ*/
 padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
}
.mekaaitemu1 {/*アイテム*/
 text-align:center; /*文字をセンタリング*/
 padding: 2px 2px 2px 2px; /*アイコンなどの内側の幅を変える*/
 width:31.5%;/*横のサイズ指定*/
 max-width:50%;/*横のサイズ指定*/
}








/**************************↓予備でコピーしたもの******************************/

/*新春セール商品クッションページのCSS　PC用*/
  .tokasyouhin2023zentai {
   background: linear-gradient(#79d1bf,#c567e5);　/*下方向にグラデーション*/
   border-radius: 10px;/*角の丸み*/
   padding: 10px 10px 10px 10px; /*アイコンなどの内側の幅を変える*/
   margin: 5px 3px 20px 3px; /*アイコンなどの外側の幅を変える*/
  }

  /************/

  .tokasyouhin2023taitoru{
   font-size:150%;/*フォントサイズ*/
   font-weight:bold;/*フォント太字*/
   text-align:center; /*文字をセンタリング*/
   border-radius: 10px 10px 0px 0px;/*角の丸み変則*/
  }

  /************/

  .tokasyouhin2023menyuy {/*コンテナ*/
   display: flex;/*フレックスボックス*/
   flex-wrap: wrap;/*フレックスボックスで折り返し*/
   justify-content: center;/*フレックスボックス中央寄せ*/
   margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
  }
  .tokasyouhinnakami1 {/*アイテム*/
    background:#e6ea72;/*文字の所の背景*/
    background-size:90%;
   text-align:center; /*文字をセンタリング*/
   padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
   margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
   width:45.8%;/*横のサイズ指定*/
   max-width:50%;/*横のサイズ指定*/
   border-radius: 5px;/*角の丸み*/
   font-size:130%;/*フォントサイズ*/
  }
  .tokasyouhinnakami1 img{
   width:100%;/*横のサイズ指定*/
   margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
  }
  .tokasyouhinnakami2 {/*アイテム*/
   background:#e6ea72;/*文字の所の背景*/
   background-size:120%;
   text-align:center; /*文字をセンタリング*/
   padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
   margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
   width:30%;/*横のサイズ指定*/
   max-width:50%;/*横のサイズ指定*/
   border-radius: 5px;/*角の丸み*/
   font-size:110%;/*フォントサイズ*/
  }
  .tokasyouhinnakami2 img{
   width:100%;/*横のサイズ指定*/
   background:#ffffff;/*文字の所の背景*/
   margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/
  }
  /**************/

  .mayosns{
   font-size:180%;/*フォントサイズ*/
   text-decoration: none;/*リンクの下の線を消す*/
   text-align: left;/*左寄せ*/
   font-weight:bold;/*フォント太字*/
   padding: 5px 0px 0px 10px;/*アイコンなどの内側の幅を変える*/
  }
  .akamozi{
    color:#e8332e; /*文字カラー*/
    font-weight:bold;/*フォント太字*/
    font-size:110%;/*フォントサイズ*/
  }
/*新春セール商品クッションページのCSS　PC用ここまで*/


/******************************
8周年逆オークションフリーページ用CSS
*****************************/
.gyakuoku1{
  background:#ffffff;/*文字の所の背景*/
  padding: 0px 0px 20px 0px; /*アイコンなどの内側の幅を変える*/
}
.gyakuokutaitoru{
  text-align:center; /*文字をセンタリング*/
  color:#f5597e; /*文字カラー*/
  font-size:110%;　/*フォントサイズ*/
  font-weight:bold;/*フォント太字*/
}
.gyakuokutaitoru b{
  font-size:200%;　/*フォントサイズ*/
}


.nakami10{
  display: flex;/*フレックスボックス*/
  align-items: center; /*縦方向に中央寄せ*/
  justify-content: center;/*フレックスボックス中央寄せ*/
  border: solid 1px #00bebb; /*アイコンなどの縁*/
  margin: 5px 20px 5px 20px; /*アイコンなどの外側の幅を変える*/
  background:#ffffff;/*文字の所の背景*/
  padding: 5px 10px 0px 15px; /*アイコンなどの内側の幅を変える*/
  box-shadow: 2px 2px 1px #ccc;/* 影の色 */
  border-radius: 6px;/*角の丸み*/
}

.nakami10 img{
  margin: 0px 50px 5px 0px; /*アイコンなどの外側の幅を変える*/
  width:43%;/*横のサイズ指定*/
}
.nakami10 b{
  color:#ec5633; /*文字カラー*/
}
.nedanhyou1{
  display: flex;/*フレックスボックス*/
  background:#f7f9e1;/*文字の所の背景*/
  margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
  width:100%;/*横のサイズ指定*/
  font-size:95%;　/*フォントサイズ*/
  box-shadow: 2px 2px 1px #cdd19e;/* 影の色 */
  border-radius: 6px;/*角の丸み*/
  border: solid 1px #cdd19e; /*アイコンなどの縁*/
  justify-content:center; /*横方向に中央寄せ*/
}
.waribiki1{
  margin: 4px 40px 0px 10px; /*アイコンなどの外側の幅を変える*/
  font-size:90%;　/*フォントサイズ*/
}
.kotirakara1 a{
  border: solid 1px #3461ff; /*アイコンなどの縁*/
  background:#b4e2ec;/*文字の所の背景*/
  font-size:110%;　/*フォントサイズ*/
  margin: 15px 10px 15px 10px; /*アイコンなどの外側の幅を変える*/
  padding: 3px 10px 3px 10px; /*アイコンなどの内側の幅を変える*/
  border-radius: 5px;/*角の丸み*/
  color:#fffff; /*文字カラー*/
}
.nedanhyou2{
  display: flex;/*フレックスボックス*/
  background:#2bdbbf;/*文字の所の背景*/
  color:#fffff; /*文字カラー*/
  margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
  width:60%;/*横のサイズ指定*/
  font-size:120%;　/*フォントサイズ*/
  border-radius: 6px;/*角の丸み*/
  border: solid 1px #cdd19e; /*アイコンなどの縁*/
  justify-content:center; /*横方向に中央寄せ*/
    margin-left: auto;
    margin-right: auto;
  text-align: right; /*文字を右寄せ*/

}
.waribiki2{
  margin: 4px 20px 0px 10px; /*アイコンなどの外側の幅を変える*/
  font-size:90%;　/*フォントサイズ*/
  width:80%;/*横のサイズ指定*/
}
.nedanhyou3{
  display: flex;/*フレックスボックス*/
  background:#f7f9e1;/*文字の所の背景*/
  margin: 0px 0px 10px 0px; /*アイコンなどの外側の幅を変える*/
  width:100%;/*横のサイズ指定*/
  font-size:95%;　/*フォントサイズ*/
  box-shadow: 2px 2px 1px #cdd19e;/* 影の色 */
  border-radius: 6px;/*角の丸み*/
  border: solid 1px #cdd19e; /*アイコンなどの縁*/
  justify-content:flex-start; /*横方向に左寄せ*/
}
/***注意事項**/
.syuui-tab2 {
 position: relative;
 margin:30px 0px 5px 0px;
 padding: 1em 1em 0em 1em;
 background-color: #fff; /*BOX背景色 */
 border: 2px solid #e2677d; /* 枠線の太さ・色 */
}
.title-tab2 {
 position: absolute;
 display: inline-block;
 top: -25px; /*タブ調整 */
 left: -2px; /*タブ調整 */
 padding: 1px 10px;
 color: #fff; /* タイトル色 */
 background-color: #e2677d; /* タイトル背景色 */
 border-radius: 8px 8px 0 0;
}
/******************************
8周年逆オークションフリーページ用CSSここまで
*****************************/

/******************************
8周年くじフリーページ用CSSここから
*****************************/
.kannbaisimasita{
 color: #ff5a13; /* 文字色 */
 background:#f4cb39;/*文字の所の背景*/
 padding: 5px 10px 5px 10px; /*アイコンなどの内側の幅を変える*/
 text-align:center; /*文字をセンタリング*/
}

.kuzibiki8{
 padding: 10px 10px 10px 10px; /*アイコンなどの内側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
}
.mozi1{
 padding: 5px 10px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-align:center; /*文字をセンタリング*/
 font-size:120%;　/*フォントサイズ*/
}
.mozi1 b{
 color: #e2677d; /* 文字色 */
}
/***販売期間**/
.hanbai-box1 {
 position: relative;
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 2px solid #8ebbb2; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
 font-size:110%;　/*フォントサイズ*/
}
.title-box1 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #8ebbb2; /* タイトル文字色 */
 font-size:110%;　/*フォントサイズ*/
}
/***選出方法**/
.sensyutu-box2 {
 margin: 1em auto;
 padding: 1em;
 width: 90%;
 color:#e26767; /*文字カラー*/
 border: 2px solid #fe8989; /* 枠線 */
 background-color: #ffe4e4; /* 背景色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
/***注意事項**/
.syuui-tab1 {
 position: relative;
 margin: 3em auto;
 padding: 1em 1em 0em 1em;
 width: 90%;
 background-color: #fff; /*BOX背景色 */
 border: 2px solid #e2677d; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.title-tab1 {
 position: absolute;
 display: inline-block;
 top: -25px; /*タブ調整 */
 left: -2px; /*タブ調整 */
 padding: 1px 10px;

 color: #fff; /* タイトル色 */
 background-color: #e2677d; /* タイトル背景色 */
 border-radius: 8px 8px 0 0;
}
/***商品一覧**/
.kakomi-tape3 {
 position:relative;
 padding: 35px 25px 25px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #d2b492; /*BOX背景色*/
 box-shadow: 0 2px 5px #999;
}
.title-tape3 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #000000; /*タイトル色*/
 font-weight: bold;
 font-size:130%;　/*フォントサイズ*/
 background: #ffffff;
 border-left: 2px dotted rgba(0, 0, 0, 0.38);
 border-right: 2px dotted rgba(0, 0, 0, 0.38);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.38);
 transform: rotate(-3deg);
}


.kakomi-tape2 {
 position:relative;
 padding: 35px 25px 25px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #d2d2d2;; /*BOX背景色*/
 box-shadow: 0 2px 5px #999;
}
.title-tape2 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #000000; /*タイトル色*/
 font-weight: bold;
 font-size:130%;　/*フォントサイズ*/
 background:  #ffffff;
 border-left: 2px dotted rgba(0, 0, 0, 0.38);
 border-right: 2px dotted rgba(0, 0, 0, 0.38);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.38);
 transform: rotate(-3deg);
}
.kakomi-tape2 img{
 margin: 3px 0px 3px 0px; /*アイコンなどの外側の幅を変える*/
}

.kakomi-tape1 {
 position:relative;
 padding: 35px 25px 25px;
 margin: 2.5em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #eedeb0; /*BOX背景色*/
 box-shadow: 0 2px 5px #999;
}
.title-tape1 {
 position: absolute;
 top: -15px;
 left: 30px;
 padding: 4px 20px;
 color: #000000; /*タイトル色*/
 font-weight: bold;
 font-size:130%;　/*フォントサイズ*/
 background:  #ffffff;
 border-left: 2px dotted rgba(0, 0, 0, 0.38);
 border-right: 2px dotted rgba(0, 0, 0, 0.38);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.38);
 transform: rotate(-3deg);
}
.kakomi-tape1 img{
 margin: 3px 0px 3px 0px; /*アイコンなどの外側の幅を変える*/
}


/***商品一覧テーブル表**/
table.anniv {
    width: 95%;
    border-collapse: separate;
    box-shadow: 0 2px 5px #999;
    margin-left: auto;
    margin-right: auto;
}
.anniv tr th{
    background:#dedede;
    color:#000000;
  text-align:center; /*文字をセンタリング*/
  font-weight:lighter;
}
.anniv .aclass td{
    background:#d5a02a;
    color:#fff;
}
.anniv .aclass td.a_lighter{
    background: #eedeb0;
    color:#000;
  　width: auto !important;
}
.anniv .bclass td{
    background:#949494;
    color:#fff;
}
.anniv .bclass td.b_lighter{
    background: #d2d2d2;
    color:#000;
}
.anniv .cclass td{
    background:#b88e5d;
    color:#fff;
}
.anniv .cclass td.c_lighter{
    background: #d2b492;
    color:#000;
}
.fw_b{

}
.ta_c{
    text-align: center;
}
table.anniv tr th {
    border: 1px solid #ffff;
}
table.anniv tr td {
    border: 1px solid #ffff;
}

/* セル幅を自動調整
table, th, td {
  width: auto !important;
}*/

/***最後コメント**/
.komennto-box4 {
 margin: 1em auto;
 padding: 1em 1em 1em 1em;
 width: 90%;
 color:#2d6560; /*文字カラー*/
 border: 1px solid #87c3be; /* 枠線 */
 background-color: #d0f7f4; /* 背景色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
/**ご購入はコチラ***/
.uenimodoru{
  background:#ed8282;/*文字の所の背景*/
  margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
  padding: 10px 10px 10px 10px; /*アイコンなどの内側の幅を変える*/
  margin: 3px 20px 3px 20px; /*アイコンなどの外側の幅を変える*/
  border-radius: 10px;/*角の丸み*/
  text-align:center; /*文字をセンタリング*/
   box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
.uenimodoru a{
  color:#454343; /*文字カラー*/
  font-size:100%;　/*フォントサイズ*/
}
.uenimodoru b{
  font-weight:bold;/*フォント太字*/
  font-size:140%;　/*フォントサイズ*/
}
/******************************
8周年くじフリーページ用CSSここまで
*****************************/

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

.col-lg-4{
  width: 25%;
}


/* ************************************************
*  リポバッテリーの説明
* ************************************************ */
.ripoo{
 font-size:110%;　/*フォントサイズ*/
}
.ripoo img{
  width:100%;/*横のサイズ指定*/
}
/*見出し*/
.midashi_boxbate {
   font-weight: bold;
   color: #0069bf;
   font-size: 120%;
   padding: 0.5em 1.5em;
   margin: 1em 0;

   border-left: solid 10px #0069bf;/*左ライン*/
}
.midashi_boxbate p {
   margin: 0;
   padding: 0;
}

.midaripo{
  color: #3fb1a1;/*文字色*/
  padding: 5px 0px 0px 0px;/*上下の余白*/
  margin: 0px 0px 10px 0px;
  border-bottom: solid 2px #3fb1a1;/*下線*/
  font-size:120%;　/*フォントサイズ*/

}

.boxripo1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffb3c0;
    border-radius: 4px;
}
.boxripo1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10px 12px 6px 12px;
    line-height: 1;
    font-size: 130%;
    background: #ffb3c0;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
}
.boxripo1 p {
    margin: 0;
    padding: 0;
}

.boxripo2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #799cf5;
    border-radius: 4px;
}
.boxripo2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10px 12px 6px 12px;
    line-height: 1;
    font-size: 130%;
    background: #799cf5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
}
.boxripo2 p {
    margin: 0;
    padding: 0;
}
.maitririnku {
  color:#e56527; /*文字カラー*/
}


/* マーカーピンク */
.marker12{
background:linear-gradient(transparent 45%, #ffe2e2 45%);
font-weight:bold;
}
/* マーカー紫 */
.marker13{
background:linear-gradient(transparent 45%, #cecae9 45%);
font-weight:bold;
}
/* マーカー黄緑 */
.marker14{
background:linear-gradient(transparent 70%, #a7e2af 45%);
font-weight:bold;
}

.ripookuwasiku0{
 background: #ec6ea6;
 border-radius: 4px;/*角の丸み*/
 color:#ffffff; /*文字カラー*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}
.ripookuwasiku{
 background: #7bbdb3;
 border-radius: 4px;/*角の丸み*/
 color:#ffffff; /*文字カラー*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}

.osirase{
  display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
  font-size:85%;　/*フォントサイズ*/
  padding: 0px 0px 5px 0px;
  justify-content:flex-start; /*横方向に左寄せ*/
  color:#ffffff; /*文字カラー*/
}

}