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



@media screen and (min-width: 641px) {
	

	
.Midashi {
    font-size: 65px;
    text-align: center;
    margin: 0 auto;
}
.koMidashi {
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
}
.count {
    font-size: 105px;
}
.unit {
    font-size: 50px;
}
.Title {padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    letter-spacing: 0.05em;
    font-weight: bold;
    background-color: #e8e8e8;
    text-align: center;
}
}
	
	
.unit{padding-left: 1%}

@media screen and (min-width: 641px) {	
	
.waku {width: 100%;
	}		}	

@media screen and (max-width: 640px) {
	
	
	
.waku {width: 95%;
	text-align: center;
	margin: 0 auto!important;
	}	
	
	
.Midashi {
    font-size: 40px;
    text-align: center;
    margin: 0 auto;
}
.koMidashi {
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
}
.count {
    font-size: 58px;
}
.unit {
    font-size: 25px;
}
.Title {    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: bold;
    background-color: #e8e8e8;
    text-align: center;
}
	
	
	
}
	
	
.waku {
    border: 3px solid #e8e8e8;
    margin: 0 10px;
}
	

.numbers {
    text-align: center;
    margin: 0 auto
}
.sukima {
    margin-top: 10%;
}
.Categorysukima {
    margin-top: 30%;
}
	
	
.Val { align-items:stretch;
    display: flex;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
	
	
	.syumi{padding: 45px;
    text-align: left;}
	
	.syumi2{padding: 45px;
    text-align: right;}
	
	
	.count{  
    font-weight: 600;
    color: #23a327;}
	
	
@media screen and (min-width: 641px) {
	
	.PC{display: block; }	
	.SP{display: none}
	
	.Gifanime {
    margin-top: -22px;
    width: 80%;
    margin-left: 10%;
    background-repeat: no-repeat;
}
	
	.Gifanime3 {
    margin-top: -22px;
    width: 80%;
    margin-left: 10%;
    background-repeat: no-repeat;
}
	
	
	
	.setumei{font-size: 18px;
    font-weight: 500;
    text-align: center;
    font-family: sans-serif;}
	
	.Gifanime5{width: 80%;text-align: center;margin: 0 auto;margin-left: 10%; margin-top: 5%; margin-bottom: 5%;}
	
	.Gifanime4{width: 80%;text-align: center;margin: 0 auto;margin-left: 10%;}
	
	.Gifanime6{width: 90%;text-align: center;margin: 0 auto;margin-left: 5%; margin-top: 3%;}
	
	.Gifanime7{width: 90%;text-align: center;margin: 0 auto;margin-left: 5%;margin-top: 9%; margin-bottom: 5%;}
	
	}	
	

@media screen and (max-width: 640px) {
	
	.Gifanime {    margin-top: -22px;
    width: 80%;
    background-repeat: no-repeat;
}
	
	.PC{display: none; }	
	.SP{display: block}
	
	.setumei{font-size: 13px;
    font-weight: 500;
    text-align: center;
    font-family: sans-serif;}
	
	.Gifanime5{width: 80%;text-align: center;margin: 0 auto; margin-top: 5%; margin-bottom: 5%;}
	
	.Gifanime4{width: 80%;text-align: center;margin: 0 auto;}
	
	.Gifanime6{width: 90%;text-align: center;margin: 0 auto; margin-top: 3%;}
	
	.Gifanime7{width: 90%;text-align: center;margin: 0 auto; margin-top: 9%; margin-bottom: 5%;}
	
	}		
	
	
	
	
@font-face {
            /*フォントの名前*/
            font-family: "Bold";
            /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
            src: url("font/Bold.otf") format("woff");
        }
        @import url('https://fonts.googleapis.com/css?family=Font+Name');
        .count {
            font-family: 'Font Name', sans-serif;
        }