/* 画像サイズパターン

■背景画像をレスポンシブに拡大縮小させるには以下の記述が正しい

  width: 100%; height: ○○px;
  background-size: contain;

 1、背景の高さをpxで指定する。(理由、指定させないと高さが0pxで表示され、背景画像が見えない）

 2、widthは100%で指定する。(理由、widthをpxで指定するとレスポンシブに拡大縮小しない）

 3、background-sizeはcontainで指定する。(理由、coverで指定すると背景画像が見切れる画面サイズがでる、レスポンシブに拡大縮小はする）
 
■背景画像のサイズを固定させる(拡大縮小させない)には以下の記述が正しい 

  width: ○○px; height: ○○px; (理由、widthをpxで指定するとレスポンシブに拡大縮小しない）
  background-size: cover;　または contain; (理由、背景画像サイズは固定なのでどっちでも変わらない）

------------------------------------------------------------------------*/
#brannock_device_cm_adlut_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_cm_adlut_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_mens_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_mens_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_womens_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_womens_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_combo_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_combo_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_uk_adult_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_uk_adult_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_euro_adult_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_euro_adult_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_mondo_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_mondo_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_cm_junior_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_cm_junior_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#brannock_device_euro_junior_450 {
  width: 100%; height: 450px;
  background: url(brannock_device_euro_junior_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

#floor_saver_adult {
  width: 100%; height: 450px;
  background: url(floor_saver_adult.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}

/* index用
-------------------------------------------------------------*/

#brannock_device {
  width: 130px; height: 150px;
  background: url(brannock_device_cm_adlut_450.jpg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  float: left;
}


/*__________________________________ */