@charset "UTF-8";
/* CSS Document */

*{
	cursor:url("fuse.PNG"),auto;
	}

#fButton {
	top: 0;
    left: 0;
    position:absolute;
    z-index: 10000000000000000;
}

.back {
	max-width:100%;
	max-height:100vh;
    position: relative;
    background-size: cover;
    z-index: 0;
}

.exc {
	right:0;
	bottom:0;
	position: absolute;
	z-index: 200000;
}

.window {
    top: -90px;
    left: 0;
    position: absolute;
    z-index: 11000;
}

.can {
	max-width:100%;
	max-height:100vh;
    position: absolute;
    top: 0;
    right:  0;
    z-index: 3;
	transition:left 0.5s ease;
	transition:right 0.5s ease;
}

.protector {
    position: absolute;
    bottom: 0;
    right:  0;
    z-index: 50000;
}

.chair{
	position: absolute;
	bottom: 0;
	lite: 0;
    z-index: 3;
	transition:left 0.5s ease;
	transition:right 0.5s ease;
}
#myButton{
	top:-50px;
	left:0;
	position: absolute;
	z-index: 1000000;
}
	
.nextButton{
	bottom:0;
	right:10px;
	position: absolute;
	display:none;
	z-index: 100000;
}

.reloadbutton{
	right:0;
	bottom:-50px;
	position: absolute;
	display:none;
	z-index: 1000000000;
}

.drag-and-drop{
	transform-origin:center center 0;
	display:none;
	transition:left 0.5s ease;
	transition:right 0.5s ease;
}

.clear{
  display: block;
}



.drag-and-drop{
    cursor: move;
    position: absolute;
    z-index: 1000;
		}

.drag {
	display: block;
    z-index: 100000;
		}

.kk{
	display:none;
	top: 0;
    left: 0;
	z-index: 150000;
	position: absolute;
  	transition: all 5s ease; /* アニメーションの速さとタイミングを設定 */
	transform-origin: center left;
}

.kk.expanded {
  transform: scale(3.7); /* 100倍に拡大する */
}

.coment{
	max-width:100%;
	max-height:100vh;
display:none;
	top: 0;
    right: 0;
	position: absolute;
	z-index: 1600;
}

 .kuro {
	   		position: absolute;
	   		top:0;
			left:0;
            display: none;
	   		z-index: 30000000000;
        }

.eip{
  display: none;
}
.pie{
  display: block;
}

.pien{
  display: block;
}

.cur{
	position: absolute;
	top:0;
	left:0;
	z-index: 10000;
}

			#red-box{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-box{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-box{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-box{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-box{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-box{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-box{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-box{
				width: 50px;height: 50px;bottom:300px;left:520px;
			}


			#red-circle{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-circle{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-circle{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-circle{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-circle{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-circle{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-circle{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-circle{
				width: 50px;height: 50px;bottom:300px;left:520px;
					}


			#red-x{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-x{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-x{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-x{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-x{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-x{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-x{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-x{
				width: 50px;height: 50px;bottom:300px;left:520px;
			}


			#red-tri{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-tri{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-tri{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-tri{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-tri{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-tri{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-tri{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-tri{
				width: 50px;height: 50px;bottom:300px;left:520px;
					}


			#red-b{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-b{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-b{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-b{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-b{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-b{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-b{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-b{
				width: 50px;height: 50px;bottom:300px;left:520px;
			}


			#red-c{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-c{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-c{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-c{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-c{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-c{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-c{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-c{
				width: 50px;height: 50px;bottom:300px;left:520px;
					}


			#red-d{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-d{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-d{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-d{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-d{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-d{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-d{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-d{
				width: 50px;height: 50px;bottom:300px;left:520px;
			}


			#red-e{
				width: 50px;height: 50px;bottom:130px;left:30px;
					}
			#blue-e{
				width: 50px;height: 50px;bottom:300px;left:100px;
					}
			#yellow-e{
				width: 50px;height: 50px;bottom:130px;left:170px;
					}
			#green-e{
				width: 50px;height: 50px;bottom:300px;left:240px;
					}
			#pink-e{
				width: 50px;height: 50px;bottom:130px;left:310px;
					}
			#sky-e{
				width: 50px;height: 50px;bottom:300px;left:380px;
					}
			#black-e{
				width: 50px;height: 50px;bottom:130px;left:450px;
					}
			#white-e{
				width: 50px;height: 50px;bottom:300px;left:520px;
					}