body {background-image: url(img/backblue.gif); background-repeat: repeat; text-align: center; font-size: 16px;}

h1 {
font-size: 20px;
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
}

h1:before{ font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f02e";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 20px;/*サイズ*/
font-weight: 900;
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}

div {background: white; text-indent: 2em;}
p {background: white; text-indent: 1em;}
h2, h3, h4 {text-align: center; font-weight: bold; font-size: 18px;}
table {background: white; border: 2px solid orange;}

#reload {display: block;
	text-align: center;
	text-decoration: none;
	color: #FF5722;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border: double 4px #FF5722;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	transition: .6s;
}
#reload:hover {
	transform: rotateY(360deg);
}


#index > ul > li {color: black; display: none; font-size: 18px;}
#index > ul > li.visible {display: block;}
#clock {text-align: right; font-size: 16px; border: 4px black solid; background-color: white;}