/* layout sp
--------------------------------------------------*/
@media screen and (max-width: 640px) {

html{
	overflow-x:hidden;
}

html,body {
	position:relative;
	width:100%;
	min-width:320px;
	height:100%;
	text-align:left;
	-webkit-text-size-adjust: none;
}


.main{
	position:relative;
	width:100%;
	min-width:320px;
	height:74vh;
	overflow:hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.chara_set{
	position: relative;
	width: 46vw; /* 必要に応じて調整 */
	height: auto; /* 必要に応じて調整 */
	margin-top:-66vw;
}


  .bar-container {
    width: 80vw;       /* バーの幅 */
    height: 3px;       /* バーの高さ */
    background-color: white;
    border-radius: 15px; /* 角丸 */
    position: absolute;
    overflow: hidden;
	margin-top:50vw;
  }
  .bar-black {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: black;
    border-radius: 15px 0 0 15px; /* 左側だけ角丸 */
  }
  
  
  .text01{
    position: absolute;
	margin-top:35vw;
	width:24vw;
	height:auto;
  
  }











/* SP/PC用 */
.rps_del{
	display:none;
}
.rps_visible{
	display:block;
}




}