#dialog_text{font-size:20px;}

spbr{display:block;}


#header{display:none;}
#logo{background-size:auto 90%;
		height:calc(50vh - 60px);}


split,split>div{display:block;padding:0;}
[sponly]{display:block;}
[spnone]{display:none;}

section:first-child{padding-top:80px;}

#play_area{bottom:15%;}
.play_btn{display:block;
			width:280px;
			height:120px;}
/*--------ABOUT---------*/
.textarea{font-size:4vw;
			text-align:center;
			padding:20px;}
h1>span{display:block;
		padding:0;}
/*---------CHARA----------*/
#chara_list{display:none;}
#chara_area{position:absolute;
			min-height:auto;height:calc(100% - 80px);}
.chara_image{width:100%;}
.chara_info{left:0;
			width:100%;
			text-align:center;
			padding:0px 48px;
			top:0;
			height:100%;
			background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
			}
.chara_info>hr{margin:auto;
				background:linear-gradient(to left,rgba(255,255,255,0),#fff,rgba(255,255,255,0));}
.chara_serif{display:none;
			background-size:auto 85%;}
			
#chara_area[active] .chara_info{opacity:0;}
#chara_area[active] .chara_serif{display:block;}

#chara_detail{display:block;}

.chara_luby{display:block;
			padding:0;
			margin-bottom:5px;
			vertical-align:top;}
.chara_text{font-size:3.6vw;
			padding:10px 0;}
.chara_text p{line-height:23px;}
#chara_prev,#chara_next{display:block;}
#chara_zoom{display:block;}
.chara[name="07"] .chara_image{background-size:auto 100%;}

/*--------GALLERY---------*/
.gallery_area{height:180px;}
.gallery_item{	border-width:0 5px;}

/*---------SYSTEM---------*/
#toup{	bottom:20px;
		right:20px;}
#spmenu_btn{display:block;}
#spmenu{display:block;}

#play_sp{display:block;}
/*------------ALERT--------*/
#alert{font-size:4vw;}

#view{width:90%;
		height:67.5vw;
		margin-left:-45%;
		margin-top:-33.75vw;}