.wp-box2{max-width: 640px; background:url(/haruka_bidanshi/game/img/main_bg.jpg); font-feature-settings : "palt";}
#mobile-head{max-width: 640px; width: 100%;}

.yesno { width: 100%; max-width: 640px; min-height: 300px; position:relative; margin:0 auto; clear: both; overflow: hidden;}
.yesno ul{ text-align: center; width: 95%; margin: 0 auto;}
.yesno li { list-style:none; text-align: center; display: block; width: 50%x; padding-bottom: 10px;}
.positionFit { position:absolute; left: 0px; width: 100%; padding-top: 24px;}
.positionFit p{ background:url(/haruka_bidanshi/game/img/q-bg.png) center left no-repeat; color: #fff; padding: 4% 5px 4% 50px; width: calc(95% - 55px); max-width: 554px; margin: 0 auto 24px auto; font-size: 30px;}
.yesno a { color: #fff; display: block; text-decoration: none; width: calc(100% - 10px); font-size: 20px; padding: 10px 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border: solid 5px #fff;}

.close_btn{ width: 100%; max-width: 640px; margin: 0 auto;}
.close_btn a{color: #fff; display: block; background: #a11727; padding: 5px;  width: calc(50% - 6px); margin: 10px auto 0 auto; text-align: center; box-shadow : 0 0 0 2px #fff, 0 0 0 4px  #a11727;}


.even a{ background: rgb(255,141,104); background: -moz-linear-gradient(top,  rgba(255,141,104,1) 0%, rgba(255,39,19,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,141,104,1) 0%,rgba(255,39,19,1) 100%); background: linear-gradient(to bottom,  rgba(255,141,104,1) 0%,rgba(255,39,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d68', endColorstr='#ff2713',GradientType=0 ); }
.even a:hover{ filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; }

.odd a{ background: rgb(131,199,244); background: -moz-linear-gradient(top,  rgba(131,199,244,1) 1%, rgba(9,126,205,1) 100%); background: -webkit-linear-gradient(top,  rgba(131,199,244,1) 1%,rgba(9,126,205,1) 100%); background: linear-gradient(to bottom,  rgba(131,199,244,1) 1%,rgba(9,126,205,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c7f4', endColorstr='#097ecd',GradientType=0 );}
.anime img{width: auto; max-width: 100%;}
#footerbox{color: #fff; text-align: center; margin: 0 auto; width: calc(100% - 20px); max-width: 620px; background: #8b152d; font-size: 12px; padding: 5px 10px;}

.result_title{width: 95%; max-width: 604px; margin: 0 auto 24px auto;}
.result_title img{width: 100%;}

.haruka6bg{ background:url(/haruka_bidanshi/game/img/haruka6bg.jpg) bottom center no-repeat;}
.haruka3bg{ background:url(/haruka_bidanshi/game/img/haruka3bg.jpg) bottom center no-repeat;}

.result_txt{background: #c40e81; color: #fff; width: calc(98% - 16px); max-width: 640px; margin: 0 auto 10px auto; padding: 8px; text-align: left;
 min-height: 135px;
}

.full_result_chara_box .result_txt{min-height: auto;}


.left_result_chara_box,
.right_result_chara_box{ width: 50%; float: left; padding-top: 10px;}
.left_result_chara_box img,
.right_result_chara_box img{ width: 100%;}

.full_result_chara_box{padding: 10px 0; text-align: center;}
.full_result_chara_box img{width: 100%; max-width: 400px; margin: 0 auto; text-align: center;}

.result_btn_box{width: 95%; margin: 0 auto; padding: 16px 0 0 0;}
.result_btn_box img{width: 100%;}
.result_left_btn{
	width: calc(50% - 4px);
	margin: 0 auto;
	float: left;
	padding: 2px;
}
.result_right_btn{
	width: calc(50% - 4px);
	margin: 0 auto;
	float: left;
	padding: 2px;
}

@media screen and (max-width: 640px) {
	.positionFit p{
	padding: 4% 10px 4% 20px;
	width: calc(95% - 30px);
	font-size:8.375vw;
	}
.yesno {
    min-height: 270px;
}


}



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

.left_result_chara_box,
.right_result_chara_box{ width: 100%; float: none; padding-bottom: 5px;}

}