body{
	-webkit-text-size-adjust:100%;
	background-color:#DDDDDD;
}

.noselect{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	pointer-events: none;
	user-select:none;
}
.toggle-button{
	position: absolute;
	top: 0.5vw;
	left: 5vw;
	width: 8vw;
	height: 4vw;
	border-radius: 4vw;
	background-color: #EEEEEE;
	transition: background-color .4s;
}

.toggle-button:has(:checked) {
	background-color: #4BD865;
}

.toggle-button::after {
	position: absolute;
	width: 4vw;
	height: 4vw;
	border-radius: 4vw;
	box-shadow: 0 0 0.4vw rgb(0 0 0 / 20%);
	background-color: #FFFFFF;
	content: '';
	transition: left .4s;
}

.toggle-button:has(:checked)::after {
	left: 4vw;
}

.toggle-button input {
	display: none;
}

.backstart{
	position: absolute;
	top: 7vw;
	left: 12.5vw;
	width: 75vw;
	height: 31vw;
	background-color: #CCEEEE;
	z-index: 1000;
	border: solid 0.5vw #BBDDDD;
}
.backstartmsg{
	position: absolute;
	top: 12vw;
	left: 20vw;
	width: 60vw;
	height: 3.5vw;
	font-size: 3.5vw;
	line-height: 3.5vw;
	z-index: 1001;
	text-align: center;
}
.jumppage{
	position: absolute;
	top: 19vw;
	left: 30vw;
	width: 40vw;
	height: 7vw;
	font-size: 5vw;
	line-height: 5vw;
	z-index: 1001;
	text-align: center;
}
.backstartyes{
	position: absolute;
	top: 29vw;
	left: 30vw;
	width: 18.75vw;
	height: 4.5vw;
	font-size: 4.5vw;
	line-height:4.5vw;
	z-index: 1001;
	text-align: center;
}
.backstartno{
	position: absolute;
	top: 29vw;
	left: 53vw;
	width: 13.5vw;
	height: 4.5vw;
	font-size: 4.5vw;
	line-height:4.5vw;
	z-index: 1001;
	text-align: center;
}
.backstartback{
	position: fixed;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.postlogo{
	position: absolute;
	top:95vw;
	left:47vw;
	height:6vw;
	width:6vw;
	z-index:999;
}

.intro{
	background-color:#FFFFFF;
	position:relative;
	top:0vw;
	left:0vw;
	width:100%;
	height:170vw;
	z-index:1;
}

.intromsg{
	position:absolute;
	top:45vw;
	left:10vw;
	z-index:9999;
	width:80vw;
	height:14vw;
	font-size:3.5vw;
}

.intromsg2{
	position:absolute;
	top:75vw;
	left:10vw;
	z-index:9999;
	width:80vw;
	height:5vw;
	font-size:2.5vw;
}

.gotitle{
	position:absolute;
	top:90vw;
	left:13vw;
	z-index:9999;
	width:74vw;
	height:8vw;
	font-size:5vw;
}

.title{
	background-color:#FFFFFF;
	position:relative;
	top:0vw;
	left:0vw;
	width:100%;
	height:170vw;
	z-index:1;
}

.storytitle{
	position:absolute;
	top:5vw;
	left:5vw;
	height:120vw;
	width:90vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	user-select: none;
}

.gocharaintro{
	position:absolute;
	top:140vw;
	left:12vw;
	z-index:9999;
	width:72vw;
	height:8vw;
	font-size:5vw;
}

.goclearcharaintro{
	position:absolute;
	top:155vw;
	left:12vw;
	z-index:9999;
	width:72vw;
	height:8vw;
	font-size:5vw;
}

.charaintro{
	background-color:#FFFFFF;
	position:relative;
	top:0vw;
	left:0vw;
	width:100%;
	height:170vw;
	z-index:1;
}

.storytitle2{
	position:absolute;
	top:5vw;
	left:10vw;
	height:120vw;
	width:80vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	user-select:none;
}

.goall{
	position:absolute;
	top:140vw;
	left:12vw;
	z-index:9999;
	width:72vw;
	height:8vw;
	font-size:5vw;
}

.all{
	overflow-x: hidden;
	width:100%;
}

.soundtoggle{
	position:absolute;
	top:1.25vw;
	left:5vw;
	height:2.5vw;
	width:10vw;
	z-index:100;
	font-size:2.5vw;
	line-height:2.5vw;
}

.soundimg{
	position:absolute;
	top:0.5vw;
	left:15vw;
	height:4vw;
	width:4vw;
	opacity:1;
	z-index:100;
	user-select:none;
}

.soundvolume{
	position:absolute;
	top:0.75vw;
	left:20vw;
	width:16vw;
	height:2.5vw;
	z-index:100;
}

.count{
	position:absolute;
	top:0.5vw;
	left:76vw;
	height:3.5vw;
	width:22vw;
}

.currentpage{
	position:absolute;
	top:0vw;
	left:0vw;
	border:0.25vw solid #C0C0C0;
	background-color:#F8F8F8;
	height:3vw;
	width:10vw;
	text-align:right;
	line-height:3vw;
	font-size:3vw;
}

.totalpage{
	position:absolute;
	top:0vw;
	left:12vw;
	height:3.5vw;
	width:10vw;
	text-align:left;
	line-height:3vw;
	font-size:3vw;
	vertical-align:middle;
}

.backcolor{
	position:absolute;
	top:5vw;
	left:0vw;
	height:120vw;
	width:100%;
	opacity:1;
	background-color:#FFFFFF;
	z-index:1;
}

.backcolormiddle{
	position:absolute;
	top:5vw;
	left:0vw;
	height:120vw;
	width:100%;
	opacity:0;
	background-color:#FFFFFF;
	z-index:7;
}

.badendmsg{
	position:absolute;
	top:52vw;
	left:12vw;
	height:12vw;
	width:78vw;
	opacity:1;
	z-index:100;
	text-align:left;
	line-height:6vw;
	font-size:6vw;
}

.badendhint{
	position:absolute;
	top:80vw;
	left:10vw;
	height:3vw;
	width:80vw;
	opacity:1;
	z-index:100;
	text-align:center;
	line-height:3vw;
	font-size:3vw;
}

.goforward{
	position:absolute;
	top:128vw;
	left:30vw;
	height:10vw;
	width:10vw;
	opacity:1;
}

.goback{
	position:absolute;
	top:128vw;
	left:60vw;
	height:10vw;
	width:10vw;
	opacity:1;
}

.gobadforward{
	position:absolute;
	top:143vw;
	left:30vw;
	height:10vw;
	width:10vw;
	opacity:1;
}

.gobadforwardmsg{
	position:absolute;
	top:146.75vw;
	left:7vw;
	height:2.5vw;
	line-height:2.5vw;
	width:20vw;
	z-index:100;
	text-align:center;
	line-height:2.5vw;
	font-size:2.5vw;
}

.changestage{
	position:absolute;
	top:5vw;
	left:0vw;
	height:120vw;
	width:100%;
	background-color:#FFFFFF;
	z-index:50;
}

.hintlink{
	position:absolute;
	top:159vw;
	left:60.5vw;
	height:3.5vw;
	width:35vw;
	opacity:1;
	z-index:10;
	text-align:center;
	line-height:3.5vw;
	font-size:3.5vw;
}

.clearpage{
	overflow-x: hidden;
	position:relative;
	top:0vw;
	left:0vw;
	width:100%;
	height:170vw;
	background-color:#FFFFFF;
}

.postplacemsg{
	position:absolute;
	top:10vw;
	left:10vw;
	height:3.5vw;
	width:78vw;
	opacity:1;
	z-index:10;
	text-align:center;
	line-height:3.5vw;
	font-size:3.5vw;
}

.clearimg{
	position:absolute;
	top:25vw;
	left:27.5vw;
	height:60vw;
	width:45vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	user-select: none;
}

.clearimg2{
	position:absolute;
	top:25vw;
	left:27.5vw;
	height:60vw;
	width:45vw;
	z-index:3;
	background-color:#FFFFFF;
	user-select: none;
}

.themasong{
	position:absolute;
	top:105vw;
	left:15vw;
	height:3.5vw;
	width:70vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	font-size:3.5vw;
	line-height:3.5vw;
	text-align:center;
	text-decoration:underline;
	color:blue;
}

.credit{
	position:absolute;
	top:110vw;
	left:15vw;
	height:7.5vw;
	width:70vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	font-size:2.5vw;
	line-height:3.0vw;
	text-align:center;
}

.restart{
	position:absolute;
	top:121vw;
	left:15vw;
	height:3.5vw;
	width:70vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	font-size:3.5vw;
	line-height:3.5vw;
	text-align:center;
	text-decoration:underline;
	color:blue;
}

.cleargoforward{
	position:absolute;
	top:128vw;
	left:30vw;
	height:10vw;
	width:10vw;
}

.cleargoback{
	position:absolute;
	top:128vw;
	left:60vw;
	height:10vw;
	width:10vw;
}

.exclearpage{
	overflow-x: hidden;
	position:relative;
	top:0vw;
	left:0vw;
	width:100%;
	height:170vw;
	background-color:#FFFFFF;
}

.expostplacemsg{
	position:absolute;
	top:10vw;
	left:10vw;
	height:3.5vw;
	width:78vw;
	opacity:1;
	z-index:10;
	text-align:center;
	line-height:3.5vw;
	font-size:3.5vw;
}

.exmsg{
	position:absolute;
	top:52vw;
	left:35vw;
	height:12vw;
	width:30vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	font-size:12vw;
	line-height:12vw;
	text-align:center;
}

.exrestart{
	position:absolute;
	top:121vw;
	left:15vw;
	height:3.5vw;
	width:70vw;
	opacity:1;
	z-index:5;
	background-color:#FFFFFF;
	font-size:3.5vw;
	text-align:center;
	text-decoration:underline;
	color:blue;
}

.excleargoback{
	position:absolute;
	top:128vw;
	left:60vw;
	height:10vw;
	width:10vw;
	opacity:1;
}