@charset "UTF-8";

body{font-family:Arial;margin:20px;}
h1 { font-weight:bold; font-size:24px; text-decoration: none; float:left; }
h1 a {text-decoration: none;}
fieldset{margin-bottom:26px;}
legend{font-weight:bold;}
.thumb{display:inline-block;margin:4px;position:relative;}
.thumb img{width:90px;height:60px;object-fit:cover;border:3px solid transparent;cursor:pointer;}
.thumb img.selected{
  border:3px solid red !important;
  outline:3px solid red;
  box-shadow:0 0 0 3px red inset !important;
}
.order{position:absolute;top:2px;left:2px;background:#ff3;color:#000;font-size:11px;width:18px;height:18px;line-height:18px;border-radius:50%;text-align:center;display:none;}
.numBox{margin-top:4px;}
#preview{margin-top:20px;border:1px solid #666;overflow:hidden;position:relative;}
#preview img{position:absolute;width:100%;height:100%;object-fit:fill;display:none;left:0;top:0;}
#stopBtn{display:none;margin-top:10px;}
.setContainer{display:flex;gap:20px;}
.setContainer fieldset{flex:1;min-width:0;}
.playingLabel{color:#fff;font-weight:bold;margin-bottom:10px;font-size:20px;background-color:#e00;padding:5px;width:5em;text-align:center;}
.realNow {
  display: inline-block;
  padding: 10px;
  background-color: #e00;
  color: #fff;
  font-weight: bold;
  margin: 20px auto; /* 上下20px、左右は自動（中央） */
  font-size: 14px;
  text-align: center;
}
input[type="number"] {
  font-size: 16px;
  padding: 6px 10px;
  line-height: 1.4;
  border:1px solid #000;
  margin-bottom:5px;
  width:5em;
}

input[type="time"] {
  font-size: 16px;
  padding: 6px 10px;
  line-height: 1.4;
  border:1px solid #000;
  margin-bottom:5px;
  width:5em;
}

input[type="radio"] {
  font-size: 16px;
  padding: 6px 2px;
  border:1px solid #000;
  margin-bottom:5px;
  zoom:180%;
}

select {
  font-size: 16px;
  padding: 6px 2px;
  border:1px solid #000;
  margin-bottom:5px;
  zoom:120%;
}

.label {
  display: inline-block;
  width: 80px; /* ラベル幅を統一、調整可能 */
}

.gs {
	margin-left:5em;
}

button { background-color:#ccc;color:#000;padding:5px 10px;text-align:center;zoom:120%;margin:auto; display:block;width:7em;}
button:hover { background-color:#79f;}

.hrp {margin-top:20px;margin-bottom:20px;}

.gw320 { width:320px; }

.gsc {display:none;}

#mobile-menu { display:none; }

#menu { float:left;margin-left:1em; }

footer {
	text-align:center;
	background-color:#aef;
	padding:5px;
	font-size:10px;
	margin-top:30px;
}