@charset "UTF-8";

/************************************************************
*
*　バトルガール ハイスクール（2016.12.xx）
*
************************************************************/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　MODULE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.wrap {
	position: relative;
	width:1059px;
	background: url(../img/bg.png) no-repeat;
}
.main_visual {
	text-align: center;
	background-repeat: no-repeat;
}

/* ------------------------------ イラストの切り替え */

#girl_popup01 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl01_bg_01.png);
}
#girl_popup01 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl01_bg_02.png);
}

#girl_popup02 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl02_bg_01.png);
}
#girl_popup02 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl02_bg_02.png);
}

#girl_popup03 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl03_bg_01.png);
}
#girl_popup03 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl03_bg_02.png);
}

#girl_popup04 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl04_bg_01.png);
}
#girl_popup04 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl04_bg_02.png);
}

#girl_popup05 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl05_bg_01.png);
}
#girl_popup05 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl05_bg_02.png);
}

#girl_popup06 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl06_bg_01.png);
}
#girl_popup06 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl06_bg_02.png);
}

#girl_popup07 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl07_bg_01.png);
}
#girl_popup07 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl07_bg_02.png);
}

#girl_popup08 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl08_bg_01.png);
}
#girl_popup08 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl08_bg_02.png);
}

#girl_popup09 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl09_bg_01.png);
}
#girl_popup09 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl09_bg_02.png);
}

#girl_popup10 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl10_bg_01.png);
}
#girl_popup10 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl10_bg_02.png);
}

#girl_popup11 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl11_bg_01.png);
}
#girl_popup11 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl11_bg_02.png);
}

#girl_popup12 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl12_bg_01.png);
}
#girl_popup12 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl12_bg_02.png);
}

#girl_popup13 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl13_bg_01.png);
}
#girl_popup13 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl13_bg_02.png);
}

#girl_popup14 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl14_bg_01.png);
}
#girl_popup14 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl14_bg_02.png);
}

#girl_popup15 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl15_bg_01.png);
}
#girl_popup15 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl15_bg_02.png);
}

#girl_popup16 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl16_bg_01.png);
}
#girl_popup16 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl16_bg_02.png);
}

#girl_popup17 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl17_bg_01.png);
}
#girl_popup17 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl17_bg_02.png);
}

#girl_popup18 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl18_bg_01.png);
}
#girl_popup18 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl18_bg_02.png);
}
#girl_popup19 .main_visual {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl19_bg_01_new.png);
}
#girl_popup19 .visual_on {
	background-image: url(/battlegirl-hs/chara/popup/img02/girl19_bg_02_new.png);
}


/* ------------------------------ ボタン関連 */

#change_btn {
	position: absolute;
	top: 42px;
	left: 52px;
	width: 65px;
	height: 88px;
	background: url(../img/change_btn_off.png) no-repeat;
	cursor: pointer;
}
#change_btn img {
	display: none;
}
#change_btn:hover img {
	display: block;
}
.voice_btn_area {
	position: absolute;
	top: 500px;
	left: 388px;
	width: 563px;
	height: 76px;
	background: url(../img/voice_btn_bg.png) no-repeat;
}
.voice_btn_area { display: none\9; }
/*:root .voice_btn_area { display:inherit\0; }*/

@media all and (-ms-high-contrast:none){
  .voice_btn_area {
    display:inherit !important;
  }
}

.voice_btn_area .voice_btn {
	overflow: hidden;
	padding:15px 0 0 30px;
}
.voice_btn_area .voice_btn li {
	float: left;
	cursor: pointer;
}
.voice_btn_area .voice_btn li a img {
	display: none;
}
.voice_btn_area .voice_btn li:hover a img {
	display: block;
}
.voice_btn_area .voice_btn li.btn01 {
	width: 126px;
	height: 46px;
	background: url(../img/voice_btn01_off.png) no-repeat;
}
.voice_btn_area .voice_btn li.btn02 {
	width: 123px;
	height: 46px;
	background: url(../img/voice_btn02_off.png) no-repeat;
}
.voice_btn_area .voice_btn li.btn03 {
	width: 125px;
	height: 46px;
	background: url(../img/voice_btn03_off.png) no-repeat;
}
.voice_btn_area .voice_btn li.btn04 {
	width: 123px;
	height: 46px;
	background: url(../img/voice_btn04_off.png) no-repeat;
}