/*更新履歴*/
.girl_con{
background:url(/game/bombergirl/bg/p/images/p/bg_middle.png); position:fixed; height:100%; width:100%; position: fixed; left:0; top:0;
}

.contents{
width:980px; margin:auto;
}

.bg_char_box_pc{
    position: relative;
    display: block;
    width: 980px;
  height:auto;
    margin-bottom: 20px;
}

.bg_char_box_sp{
    position: relative;
    display: none;
    width: 100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 77.54%;
    margin-bottom: 10px;
}


.bg_img_pc{
    display: block;
}
.bg_img_sp{
    display: none;
}

.pc_img{
 display:inline;
}
.sp_img{
 display:none;
}




/*ガール紹介*/
div#girl #an_l0{
  position: absolute;
  /*right: 0;*/
  top: 0px;
}
div#girl #an_l1{
  position: relative;
  top: 0px;
  right: 0;
}
div#girl #an_l2{
  position: relative;
  right: 0;
  top: 0px;
}
div#girl #an_l3{
  position: relative;
  right: 0;
  top: 0px;
}
div#girl #an_l4{
  position: relative;
  right: 0;
  top: 0px;
}
div#girl #an_l5{
  position: relative;
  right: 0;
  top: 0px;
}
div#girl #an_l6{
  position: relative;
  right: 0;
  top: 0px;
}
div#girl #an_r0{
  position: absolute;
  right: 0;
  top: 0px;
}
div#girl #an_r1{
  top: 0px;
  right: 0;
}




/*ガール紹介*/
div#girl #ansp_l0{
  z-index: 1;
  position: absolute;
}
div#girl #ansp_l1{
  z-index: 0;
  position: relative;
}
div#girl #ansp_l2{
  z-index: 0;
  position: relative;
}
div#girl #ansp_l3{
  z-index: 0;
  position: relative;
}
div#girl #ansp_l4{
  z-index: 0;
  position: relative;
}
div#girl #ansp_l5{
  z-index: 0;
  position: relative;
}
div#girl #ansp_l6{
  z-index: 0;
  position: relative;
}


div#girl #ansp_m0{
  z-index: 0;
  position: absolute;
}

div#girl #ansp_r0{
  z-index: 1;
  position: absolute;
}
div#girl #ansp_r1{
  z-index: 1;
  position: initial;
}

/*キャラ選択メニュー*/
div#girl .girl_select{
 background:url(/game/bombergirl/bg/p/images/p/girl/title_top.png),
 url(/game/bombergirl/bg/p/images/p/girl/title_top_re_r.png),
 url(/game/bombergirl/bg/p/images/p/girl/title_top_re_l.png),
 url(/game/bombergirl/bg/p/images/p/girl/title_bottom_re.png);
 background-repeat:no-repeat,repeat-x,repeat-x,repeat-x;
 background-position:center top,right top,left top,center bottom;
 background-size: auto,auto,auto,auto;
 padding-top: 40px;
 padding-bottom:15px;
 background-color: #ffc900;
 position: relative;
 z-index:2;
}

div#girl .girl_select .type{
  width:25%;
  float:left;
  text-align: center;
  background:url(/game/bombergirl/bg/p/images/p/girl/CharaSel_line.png);
  background-position:right;
  background-repeat:repeat-y;
}

div#girl .girl_select .type:first-child{
  background:url(/game/bombergirl/bg/p/images/p/girl/CharaSel_line.png),url(/game/bombergirl/bg/p/images/p/girl/CharaSel_line.png);
  background-position:right,left;
  background-repeat:repeat-y;
}

div#girl .girl_select .chara_box{
  position:relative;
}
div#girl .girl_select .chara_box a{
  cursor: pointer;
  cursor: hand;
}


a.prev_btn,a.next_btn{
  cursor: pointer;
  cursor: hand;
}

/*音声追加*/
.playbtn_area button{
  width:110px; height:111px; padding:10px; font-size:18px; position:relative; border: none;
}
#btn-play1,#btn-play1_sp{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_01.png');
  background-size: contain;
}
#btn-play2,#btn-play2_sp{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_02.png');
  background-size: contain;
}
#btn-play3,#btn-play3_sp{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_03.png');
  background-size: contain;
}
/*
#btn-play1:hover,#btn-play1_sp:hover{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_01_h.png');
}
#btn-play2:hover,#btn-play2_sp:hover{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_02_h.png');
}
#btn-play3:hover,#btn-play3_sp:hover{ 
  background:url('/game/bombergirl/bg/p/images/p/girl/btn_voice_03_h.png');
}*/



.playbtn_area{
  position:relative;
  z-index:1;
  margin-top: -55px;
}

@media screen and (max-width: 800px){


.contents{
width:100%;
}

.bg_img_pc {
  display:none; 
}
.bg_img_sp {
  display:block; 
  width:100%;
}

.bg_char_box_pc{
  display:none; 
}
.bg_char_box_sp{
  display:block; 
}

.pc_img{
 display:none;
}
.sp_img{
 display:inline;
}

.bg_char_box_sp.prof,.bg_char_box_sp.param,.bg_char_box_sp.skill{  
  position: initial;
  padding-top: 0;
  height: auto;
}

div#girl .girl_select .type .type_icon img{
  width:100%;
}

div#girl .girl_select .type .chara_box img{
  width: 90%;
}


div#girl .ansp_l1{
  top: 0px;
  opacity: 1;
  left: 0px;
  position: initial;
}
  
.girl_con{
background:#f2f2f2 url(./images/p/bg.jpg) center center; position:fixed; height:100%; width:100%;    z-index:-1; top:0;
}

.bg_img{
  width:100%;
}

.bg_img#an_l0{
  width:100%;
}

.bg_img#an_r0{
  width:100%;
}

div#girl .girl_select{
 background-size: 100%,auto,auto,auto;
}

/*音声追加*/
.playbtn_area button{
  width:55px; height:55px;
}


}