* {
	margin: 0;
	padding: 0;
}
.vertical-align input,
.vertical-align select{
	vertical-align:middle;
}
.poscenter div{
	margin: 0 auto;
	text-align: center;
}

body{
	-webkit-text-size-adjust:100%;
	background-color: #FFFFFF;
	font-family: sans-serif;
	-webkit-touch-callout: none;
}
.bodyclear{
	background-color: #FFCCCC;
}
.displaynone{
	display: none;
}

img{
	vertical-align:top;
}

.active {
	animation: fadein-keyframes 0.5s ease-in 0s 1 forwards;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 30vw;;
  transform: translate(-50%,-50%);
  width: 80%;
  background-color: #fff;
  z-index: 2;
}
.popup-inner img {
  width: 50%;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

select{
	color: #000000;
	background-color: #FFFFFF;
	opacity: 1;
	border: #000000 solid 0.25vw;
}

select:disabled{
	color: #000000;
	background-color: #FFFFFF;
	opacity: 1;
	border: #000000 solid 0.25vw;
}

.fontset{
	font-family: 'Klee One', cursive;
	font-family: 'Noto Sans JP', sans-serif;
}



@media (min-aspect-ratio: 1/1) {
.settinginfo{
	text-align:left;
	width:50vw;
	left:25vw;"
}



.content{
	color:#000000; font-size: 1.8vw;
	margin: 0;
	padding: 0;
}
.contentbigger{
	color:#000000; font-size: 3.0vw;
	margin: 0;
	padding: 0;
}

.img11{
	width:36vw;
	height:27vw;
}

.postlogo{
	height:4.8vw;
	width:4.8vw;
	z-index:999;
}

.coveritem{
	position:absolute;
	width:16.2vw;
	height:4.2vw;
	left:36.5vw;
	top:2.1vw;
	z-index:10;
}
.test2{
	position:absolute;
	width:12vw;
	height:3.3vw;
	left:27.2vw;
	top:3vw;
	z-index:1;
	font-size:3vw;
}
.test{
	position:absolute;
	width:16.8vw;
	height:4.2vw;
	left:36.5vw;
	top:2.1vw;
	z-index:1;
	font-size:3vw;
}
.moviespeed{
	font-size:3vw;
	height:4.2vw;
	width:16.2vw;
}
.ugoku{
	position:absolute;
	width:24vw;
	height:3.3vw;
	left:54.5vw;
	top:3vw;
	z-index:1;
	font-size:3vw;
}
.ugokuafter{
	position:absolute;
	width:24vw;
	height:3.3vw;
	left:36.2vw;
	top:3vw;
	z-index:1;
	font-size:3vw;
}
.underlinespan{
	position:absolute;
	width:48.4vw;
	height:0.6vw;
	left:27.2vw;
	top:6.12vw;
	z-index:1;
	border-bottom:solid 0.18vw #000000;
}
.underlinespanafter{
	position:absolute;
	width:30.5vw;
	height:0.6vw;
	left:27.2vw;
	top:6.12vw;
	z-index:1;
	border-bottom:solid 0.18vw #000000;
}
.clock{
	position:absolute;
	width:9vw;
	height:9vw;
	left:65vw;
	top:9.6vw;
	z-index:10;
}
.question{
	position:absolute;
	width:48vw;
	height:36vw;
	left:26vw;
	top:9vw;
	z-index:1;
}

.q1msg01{
	position:absolute;
	height:3.6vw;
	left:34.7vw;
	top:18.2vw;
	width:2.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg02{
	position:absolute;
	height:3.6vw;
	left:41.9vw;
	top:18.2vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg04{
	position:absolute;
	height:3.6vw;
	left:38.3vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg05{
	position:absolute;
	height:3.6vw;
	left:45.5vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg09{
	position:absolute;
	height:3.6vw;
	left:31.1vw;
	top:33.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg10{
	position:absolute;
	height:3.6vw;
	left:38.3vw;
	top:40.8vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg11{
	position:absolute;
	height:3.6vw;
	left:45.5vw;
	top:33.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg15{
	position:absolute;
	height:3.6vw;
	left:60.2vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q1msg16{
	position:absolute;
	height:3.6vw;
	left:63.8vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q1msg17{
	position:absolute;
	height:3.6vw;
	left:60.2vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q1msg18{
	position:absolute;
	height:3.6vw;
	left:63.8vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}

.q2msg01{
	position:absolute;
	height:3.6vw;
	left:34.1vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg02{
	position:absolute;
	height:3.6vw;
	left:37.7vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg04{
	position:absolute;
	height:3.6vw;
	left:34.1vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg05{
	position:absolute;
	height:3.6vw;
	left:37.7vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg07{
	position:absolute;
	height:3.6vw;
	left:34.1vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg08{
	position:absolute;
	height:3.6vw;
	left:37.7vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg10{
	position:absolute;
	height:3.6vw;
	left:54.2vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg11{
	position:absolute;
	height:3.6vw;
	left:57.8vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg12{
	position:absolute;
	height:3.6vw;
	left:61.4vw;
	top:20.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg13{
	position:absolute;
	height:3.6vw;
	left:54.2vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg14{
	position:absolute;
	height:3.6vw;
	left:57.8vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q2msg15{
	position:absolute;
	height:3.6vw;
	left:61.4vw;
	top:27.6vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}

.q3imgall{
	width:6vw;
}
.q3img01{
	position:absolute;
	left:32vw;
	top:18vw;
	z-index:10;
	font-size:5vw;
}
.q3img02{
	position:absolute;
	left:50vw;
	top:32.4vw;
	z-index:10;
	font-size:5vw;
}
.q3img03{
	position:absolute;
	left:50vw;
	top:18vw;
	z-index:10;
	font-size:5vw;
}
.q3img04{
	position:absolute;
	left:59vw;
	top:18vw;
	z-index:10;
	font-size:5vw;
}
.q3img05{
	position:absolute;
	left:36.8vw;
	top:25.2vw;
	z-index:10;
	font-size:5vw;
}
.q3img06{
	position:absolute;
	left:41vw;
	top:32.4vw;
	z-index:10;
	font-size:5vw;
}
.q3img07{
	position:absolute;
	left:54.8vw;
	top:25.2vw;
	z-index:10;
	font-size:5vw;
}
.q3img08{
	position:absolute;
	left:32vw;
	top:32.4vw;
	z-index:10;
	font-size:5vw;
}
.q3img09{
	position:absolute;
	left:45.8vw;
	top:25.2vw;
	z-index:10;
	font-size:5vw;
}
.q3img10{
	position:absolute;
	left:41vw;
	top:18vw;
	z-index:10;
	font-size:5vw;
}
.q3img11{
	position:absolute;
	left:59vw;
	top:32.4vw;
	z-index:10;
	font-size:5vw;
}

.q4msg04{
	position:absolute;
	height:3.6vw;
	left:56.9vw;
	top:21vw;
	width:3.6vw; 
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q4msg05{
	position:absolute;
	height:3.6vw;
	left:56.9vw;
	top:28.38vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}


.q5escapebutton{
	position:absolute;
	width:18vw;
	height:18vw;
	left:41vw;
	top:16.2vw;
	z-index:10;
}
.pushtime{
	position:absolute;
	width:18vw;
	height:3vw;
	left:41.6vw;
	top:13.8vw;
	z-index:10;
	text-align:center;
	color:#FF0000;
}
.q5msg01{
	position:absolute;
	height:3.6vw;
	left:35vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg02{
	position:absolute;
	height:3.6vw;
	left:38.6vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg03{
	position:absolute;
	height:3.6vw;
	left:42.2vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg04{
	position:absolute;
	height:3.6vw;
	left:45.8vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg05{
	position:absolute;
	height:3.6vw;
	left:49.4vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg06{
	position:absolute;
	height:3.6vw;
	left:53vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg07{
	position:absolute;
	height:3.6vw;
	left:56.6vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}
.q5msg08{
	position:absolute;
	height:3.6vw;
	left:60.2vw;
	top:35.4vw;
	width:3.6vw;
	z-index:10;
	font-size:3vw;
	text-align:center;
}

.skippos{
	position:absolute;
	width:35vw;
	height:3.3vw;
	left:24.2vw;
	top:48vw;
	z-index:1;
}
.moviepos{
	height:3.3vw;
	font-size:3vw;
}
.startpos{
	font-size:3vw;
	height:3.6vw;
}
.playbutton{
	position:absolute;
	width:30vw;
	left:47vw;
	top:48vw;
	z-index:1;
	font-size:3vw;
	height:4.8vw;
}

}





@media (max-aspect-ratio: 1/1) {
.settinginfo{
	text-align:left;
	width:70vw;
	left:15vw;"
}



.content{
	color:#000000; font-size: 3.0vw;
	margin: 0;
	padding: 0;
}
.contentbigger{
	color:#000000; font-size: 5.0vw;
	margin: 0;
	padding: 0;
}

.img11{
	width:60vw;
	height:45vw;
}
.postlogo{
	height:8vw;
	width:8vw;
	z-index:999;
}

.coveritem{
	position:absolute;
	width:27vw;
	height:7vw;
	left:27.5vw;
	top:3.5vw;
	z-index:10;
}
.test2{
	position:absolute;
	width:20vw;
	height:5.5vw;
	left:12vw;
	top:5vw;
	z-index:1;
	font-size:5vw;
}
.test{
	position:absolute;
	width:28vw;
	height:7vw;
	left:27.5vw;
	top:3.5vw;
	z-index:1;
	font-size:5vw;
}
.moviespeed{
	font-size:5vw;
	height:7vw;
	width:27vw;
}
.ugoku{
	position:absolute;
	width:40vw;
	height:5.5vw;
	left:55.9vw;
	top:5vw;
	z-index:1;
	font-size:5vw;
}
.ugokuafter{
	position:absolute;
	width:40vw;
	height:5.5vw;
	left:27vw;
	top:5vw;
	z-index:1;
	font-size:5vw;
}
.underlinespan{
	position:absolute;
	width:79vw;
	height:1vw;
	left:12vw;
	top:10.2vw;
	z-index:1;
	border-bottom:solid 0.3vw #000000;
}
.underlinespanafter{
	position:absolute;
	width:50vw;
	height:1vw;
	left:12vw;
	top:10.2vw;
	z-index:1;
	border-bottom:solid 0.3vw #000000;
}
.clock{
	position:absolute;
	width:15vw;
	height:15vw;
	left:75vw;
	top:16vw;
	z-index:10;
}
.question{
	position:absolute;
	width:80vw;
	height:60vw;
	left:10vw;
	top:15vw;
	z-index:1;
}

.q1msg01{
	position:absolute;
	height:6vw;
	left:24.5vw;
	top:31vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg02{
	position:absolute;
	height:6vw;
	left:36.5vw;
	top:31vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg04{
	position:absolute;
	height:6vw;
	left:30.5vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg05{
	position:absolute;
	height:6vw;
	left:42.5vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg09{
	position:absolute;
	height:6vw;
	left:18.5vw;
	top:56vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg10{
	position:absolute;
	height:6vw;
	left:30.5vw;
	top:68vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg11{
	position:absolute;
	height:6vw;
	left:42.5vw;
	top:56vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
	color:#B0B0B0;
}
.q1msg15{
	position:absolute;
	height:6vw;
	left:67vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q1msg16{
	position:absolute;
	height:6vw;
	left:73vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q1msg17{
	position:absolute;
	height:6vw;
	left:67vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q1msg18{
	position:absolute;
	height:6vw;
	left:73vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}


.q2msg01{
	position:absolute;
	height:6vw;
	left:23.5vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg02{
	position:absolute;
	height:6vw;
	left:29.5vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg04{
	position:absolute;
	height:6vw;
	left:23.5vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg05{
	position:absolute;
	height:6vw;
	left:29.5vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg07{
	position:absolute;
	height:6vw;
	left:23.5vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg08{
	position:absolute;
	height:6vw;
	left:29.5vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg10{
	position:absolute;
	height:6vw;
	left:57vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg11{
	position:absolute;
	height:6vw;
	left:63vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg12{
	position:absolute;
	height:6vw;
	left:69vw;
	top:34vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg13{
	position:absolute;
	height:6vw;
	left:57vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg14{
	position:absolute;
	height:6vw;
	left:63vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q2msg15{
	position:absolute;
	height:6vw;
	left:69vw;
	top:46vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}

.q3imgall{
	width:10vw;
}
.q3img01{
	position:absolute;
	left:20vw;
	top:30vw;
	z-index:10;
	font-size:5vw;
}
.q3img02{
	position:absolute;
	left:50vw;
	top:54vw;
	z-index:10;
	font-size:5vw;
}
.q3img03{
	position:absolute;
	left:50vw;
	top:30vw;
	z-index:10;
	font-size:5vw;
}
.q3img04{
	position:absolute;
	left:65vw;
	top:30vw;
	z-index:10;
	font-size:5vw;
}
.q3img05{
	position:absolute;
	left:28vw;
	top:42vw;
	z-index:10;
	font-size:5vw;
}
.q3img06{
	position:absolute;
	left:35vw;
	top:54vw;
	z-index:10;
	font-size:5vw;
}
.q3img07{
	position:absolute;
	left:58vw;
	top:42vw;
	z-index:10;
	font-size:5vw;
}
.q3img08{
	position:absolute;
	left:20vw;
	top:54vw;
	z-index:10;
	font-size:5vw;
}
.q3img09{
	position:absolute;
	left:43vw;
	top:42vw;
	z-index:10;
	font-size:5vw;
}
.q3img10{
	position:absolute;
	left:35vw;
	top:30vw;
	z-index:10;
	font-size:5vw;
}
.q3img11{
	position:absolute;
	left:65vw;
	top:54vw;
	z-index:10;
	font-size:5vw;
}

.q4msg04{
	position:absolute;
	height:6vw;
	left:61.5vw;
	top:35vw;
	width:6vw; 
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q4msg05{
	position:absolute;
	height:6vw;
	left:61.5vw;
	top:47.3vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}


.q5escapebutton{
	position:absolute;
	width:30vw;
	height:30vw;
	left:35vw;
	top:27vw;
	z-index:10;
}
.pushtime{
	position:absolute;
	width:30vw;
	height:5vw;
	left:36vw;
	top:23vw;
	z-index:10;
	text-align:center;
	color:#FF0000;
}
.q5msg01{
	position:absolute;
	height:6vw;
	left:25vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg02{
	position:absolute;
	height:6vw;
	left:31vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg03{
	position:absolute;
	height:6vw;
	left:37vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg04{
	position:absolute;
	height:6vw;
	left:43vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg05{
	position:absolute;
	height:6vw;
	left:49vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg06{
	position:absolute;
	height:6vw;
	left:55vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg07{
	position:absolute;
	height:6vw;
	left:61vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}
.q5msg08{
	position:absolute;
	height:6vw;
	left:67vw;
	top:59vw;
	width:6vw;
	z-index:10;
	font-size:5vw;
	text-align:center;
}

.skippos{
	position:absolute;
	width:35vw;
	height:5.5vw;
	left:7vw;
	top:80vw;
	z-index:1;
}
.moviepos{
	height:5.5vw;
	font-size:5vw;
}
.startpos{
	font-size:5vw;
	height:6vw;
}
.playbutton{
	position:absolute;
	width:50vw;
	left:45vw;
	top:80vw;
	z-index:1;
	font-size:5vw;
	height:8vw;
}



}