.title_bar_text:after {
  content:"クイズマジックアカデミー 黄金の道標";
}

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

}
#pic_top_title_s {
  background: url("https://eacache.s.konaminet.jp/game/qma/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:200px;
  height:131px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_01.jpg?v0") no-repeat scroll transparent;
  margin:4px;
  box-sizing:border-box;
}
#image_02 {
  display:block;
  width:200px;
  height:131px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_02.jpg?v0") no-repeat scroll transparent;
  margin:4px;
  box-sizing:border-box;
}
#image_03 {
  display:block;
  width:200px;
  height:131px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_03.jpg?v0") no-repeat scroll transparent;
  margin:4px;
  box-sizing:border-box;
}
#image_04 {
  display:block;
  width:200px;
  height:131px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_04.jpg?v0") no-repeat scroll transparent;
  margin:4px;
  box-sizing:border-box;
}
}
@media (max-width:749px) {
#image_paseli {
  display:block;
  width:320px;
  height:101px;
  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;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_01.jpg?v0") no-repeat scroll transparent;
  background-size:100%;
  margin:4px;
  box-sizing:border-box;
}
#image_02 {
  display:block;
  width:84px;
  height:63px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_02.jpg?v0") no-repeat scroll transparent;
  background-size:100%;
  margin:4px;
  box-sizing:border-box;
}
#image_03 {
  display:block;
  width:84px;
  height:63px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_03.jpg?v0") no-repeat scroll transparent;
  background-size:100%;
  margin:4px;
  box-sizing:border-box;
}
#image_04 {
  display:block;
  width:84px;
  height:63px;
  float:left;
  background: url("https://eacache.s.konaminet.jp/game/qma/eacloud/p/images/common/title_qma_top_image_04.jpg?v0") no-repeat scroll transparent;
  background-size:100%;
  margin:4px;
  box-sizing:border-box;
}
}