*{
	padding:0px;
	margin:0px;
/*	font-family:HGSeikaishotaiPRO; */
/*	white-space:nowrap;*/
	}
	
body{
	margin:auto;
	text-size-adjust:100%;
	background-color:#fff;
	}

#mokuji{
	background-color:#fff;
	position:fixed;
	z-index:1;
	padding-left:5px;
	}

.a{
	font-size:25px;
	padding:0px 2px;
	}
	
#calender{
/*	background-color:#bbb;*/
	border:none;
	width:300px;
	height:345px;
	position:fixed;
	margin-left:680px;
	}
	
.pastel{
	position:fixed;
	width:301px;
	height:42px;
	top:350px;
	left:678.5px;
	}
	
#pas1{
	width:43px;
	height:43px;
	background-color:#ffffee;
	float:left;
	}

#pas2{
	width:43px;
	height:43px;
	background-color:#eeffdd;
	float:left;
	}

#pas3{
	width:43px;
	height:43px;
	background-color:#eeffee;
	float:left;
	}
	
#pas4{
	width:43px;
	height:43px;
	background-color:#eeffff;
	float:left;
	}

#pas5{
	width:43px;
	height:43px;
	background-color:#ddeeff;
	float:left;
	}

#pas6{
	width:43px;
	height:43px;
	background-color:#ffeedd;
	float:left;
	}

#pas7{
	width:43px;
	height:43px;
	background-color:#fff9ff;
	float:left;
	}

.re{
	position:fixed;
	top:410px;
	left:680px;
	}
	
.log{
	padding-top:55px;
	padding-left:15px;
	}
	
.b{
	font-size:26px;
	}

.b2{
	font-size:26px;
	padding-top:30px;
	}

.c{
	font-size:16px;
	white-space:pre-line;
	width:500px;
	padding-left:1em;
	}

.c2{
	font-size:18px;
	white-space:pre-line;
	width:500px;
	padding-left:1em;
	}
	
.i{
	width:480px;
	}

hr{
	width:650px;
	margin-left:15px;
	}

#white{
	color:#fff;
	padding-top:370px;
	}

@keyframes rev1{
	from{opacity:0;}
	to{opacity:1;}
	}

@keyframes rev3{
	from{background-color:#ffffee;}
	15%{background-color:#eeffdd;}
	30%{background-color:#eeffee;}
	50%{background-color:#eeffff;}
	70%{background-color:#ddeeff;}
	85%{background-color:#ffeedd;}
	to{background-color:#fff9ff;}
	}

.rev1{
	animation-name:rev1;
	animation-duration:1.5s;
	animation-timing-fanction:ease;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	}

.rev2{
	animation-name:rev1;
	animation-duration:0.5s;
	animation-timing-fanction:ease;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	}

.rev3{
	animation-name:rev3;
	animation-duration:4s;
	animation-timing-fanction:ease;
	animation-iteration-count:infinite;
	animation-direction:nomal;
	}
	
#revCounter{
	position:fixed;
	z-index:1;
	right:0px;
	bottom:0px;
}

/*	テンプレ
	position:absolute;
	position:relative;
	position:fixed;
	z-index:1;
	display:flex;
	justify-content:center;
	border:1px solid #000;
*/