


@media (min-width:980px){
#pic_top_title {
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/title.jpg") no-repeat scroll center top transparent;
  width: 100%;
  height:220px;
}
#pic_top_title_s {
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/title_s.jpg") no-repeat scroll center top transparent;
  width: 100%;
  height:120px;
}}

@media (max-width:979px){
#pic_top_title {
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/title.jpg") no-repeat scroll center top transparent;
  /*デフォルトは両端が切れていく*/
  // width: 100%;
  // height:220px;
  /*スケーラブルにしたい場合、calcの値は画像の縦横比*/
  width: 100%;
  padding-bottom: calc(100%*220/980);
  background-size: cover;
}
#pic_top_title_s {
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/title_s.jpg") no-repeat scroll center top transparent;
  /*デフォルトは両端が切れていく*/
  width: 100%;
  height:120px;
}}



@media (min-width:750px) {
#image_paseli {
  display:block;
  width:480px;
  height:130px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/cm/paseli_bank_cm2.png") no-repeat scroll transparent;
  background-size: 100%;
  margin:4px auto;
  box-sizing:border-box;
}
#image_01 {
  display:block;
  width:175px;
  height:131px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_01.jpg") no-repeat scroll transparent;
  margin:4px auto;
  box-sizing:border-box;
}
#image_02 {
  display:block;
  width:175px;
  height:131px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_02.jpg") no-repeat scroll transparent;
  margin:4px auto;
  box-sizing:border-box;
}
#image_03 {
  display:block;
  width:175px;
  height:131px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_03.jpg") no-repeat scroll transparent;
  margin:4px auto;
  box-sizing:border-box;
}
#image_04 {
  display:block;
  width:175px;
  height:131px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_04.jpg") no-repeat scroll transparent;
  margin:4px auto;
  box-sizing:border-box;
}}

@media (max-width:749px) {
#image_paseli {
  display:block;
  width:320px;
  height:100px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/cm/paseli_bank_cm2.png") no-repeat scroll transparent;
  background-size: 100%;
  margin:4px auto;
  box-sizing:border-box;
}
#image_01 {
  display:block;
  width:84px;
  height:63px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_01.jpg") no-repeat scroll transparent;
  background-size:100%;
  margin:4px auto;
  box-sizing:border-box;
}
#image_02 {
  display:block;
  width:84px;
  height:63px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_02.jpg") no-repeat scroll transparent;
  background-size:100%;
  margin:4px auto;
  box-sizing:border-box;
}
#image_03 {
  display:block;
  width:84px;
  height:63px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_03.jpg") no-repeat scroll transparent;
  background-size:100%;
  margin:4px auto;
  box-sizing:border-box;
}
#image_04 {
  display:block;
  width:84px;
  height:63px;
  background: url("https://eacache.s.konaminet.jp/game/mfc/eacloud/p/images/common/title_mfc_top_image_04.jpg") no-repeat scroll transparent;
  background-size:100%;
  margin:4px auto;
  box-sizing:border-box;
}}



