/* CSS Document */
* {
	padding:0;
	margin:0;
}
#check {
        transform-origin:38%;
        animation:jr 2s ease-out infinite;

/*        拡大と回転は同時進行できないのか？
        ⬆︎このように書くのじゃ。
        */
}
    
@keyframes jr {
        0% {
            transform:scale(0) rotate(90deg);
        }
        
        
        50% {
           transform:scale(1) rotate(0deg); 
        }
        
        100% {
           transform:scale(1) rotate(0deg); 
        }
}
.check {
        width:39%;
        padding:0;
        transform-origin:left;
/*        transform:rotate(45deg);*/
        animation:jr 2s infinite;
/*        border:solid 1px;*/

/*        拡大と回転は同時進行できないのか？
        ⬆︎このように書くのじゃ。
        
        */
}
    
    
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.spacertop {
	background-color: rgba(204,204,204,0.0);
	margin: 0px;
	padding: 0px;
	height: 60px;
	
	
}
svg {
	height:auto;
	width:96%;
	display:block;
	overflow:visible;
	margin:0 auto;
}

image {
height:100%;
width:100%;
transform-origin:center;
}

#leftimg image {
clip-path:url(#leftclip);
}

#rightimg image {
clip-path:url(#rightclip);
}
/*------mobile banish----------*/
.mbanish {
	display:inline-block;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*
.ftctrl {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 60px;
	width: 100%;
	background-color: rgba(180,255,255,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	word-spacing: 10px;
	//mix-blend-mode: hard-light;
	z-index: 2000;
	line-height: 1.5em;
}
.pips{
	display:inline-block;
}

*/
.numberdisp {
	height: 25px;
	font-size: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	color: rgba(0,0,0,1);
	width: 300px;
	text-align: center;
	line-height: 25px;
}




@media print {
.noprint{
	display: none;
}
}