body {background-color: #ffffff; background-image: radial-gradient(#87cefa 30%, transparent 33%), radial-gradient(#87cefa 30%, transparent 33%); background-position: 0 0, 30px 30px; background-size: 60px 60px; font-size: 18px; text-align: center;}

h1 {font-weight: bold; font-size: 20px; background: white; border: 2px double yellow; border-radius: 10px;}
div {background: white; text-align: center; margin-left: 10%; margin-right: 10%;}
p {text-indent: 1em; background: white; margin-left: 10%; margin-right: 10%;}
h2, h3, h4 {font-weight: bold; font-size: 18px; background: white; text-decoration: underline orange wavy;}
table {font-size: 18px; background: white; table-layout: fixed; border: 2px solid blue; margin-left: auto; margin-right: auto;}
td {width: 50%; text-align: left; font-size: 18px;}
a {font-size: 16px; color: blue;}
#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);
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  text-align: center;
  font-size: 14px;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
#mainmenu {font-weight: bold; color: black; font-size: 18px; text-align: center; border: 3px red outset; background: white;}
#mainmenu:active {border: 3px red inset;}
#clock {text-align: right; font-size: 18px; border: 4px black solid; background-color: white;}
.player {border: 2px orange double; background: white; border-radius: 8px;}

/* フィルタ全体のブロック */
#keyword-filter-wrapper {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: left;          /* 本文と同じく左寄せ */
}

/* ラベル（「キーワードで絞り込み:」の部分） */
#keyword-filter-wrapper label[for="keyword-filter"] {
  font-size: 18px;
  font-weight: bold;
  margin-right: 0.5em;
}

/* セレクトボックス本体 */
#keyword-filter {
  font-size: 18px;
  padding: 0.2em 0.6em;
  border-radius: 6px;
  border: 2px solid #668ad8;  /* 既存の.btn-squareと同系色 */
  background-color: #ffffff;
  max-width: 100%;
}

/* 狭い画面で折り返しやすく */
#keyword-filter-wrapper label[for="keyword-filter"],
#keyword-filter {
  display: inline-block;
  vertical-align: middle;
}