/* かけっこ１番 */
/* 難易度選択エリア */
.clsmenu { 
	margin: 0 auto; 
	text-align: center;
	padding: 5px;
	font-family: sans-serif;
	user-select: none;
}
select { 
	font-size: 16px; 
	padding: 5px 10px; 
	border-radius: 5px; 
	border: 2px solid #333; 
}

#id_imgK2026 {
	//position:relative; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width:100%; 
	height:100%; 
	border-radius:30px; 
	background:url(../images/kenminsai_2026/school_koutei2.webp) no-repeat center center; 
	background-size:100% 100%;
	font-family: sans-serif; 
	text-align: center; 
	opacity:0.8;

}

/* コース（トラック）の設定：左側をゴール線（赤破線）にする */
#track { 
	//max-width: 500px; 
	width: 90%; 
	//border-left: 5px dashed red; /* 左側をゴールに変更 */
	//background: #fff; 
	margin: 20px auto; 
	//margin: 20px 50px; 
	padding: 10px 0; 
	text-align: right; /* 初期配置を右側にするため */
	//position: relative; 
	position: absolute; 
	left:5%;
	top:140px;
	//box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	//border:3px solid #ff0000;
}
#id_goalline {
	position:absolute; 
	left:5%; 
	top:53px; 
	width:5px; 
	height:114px; 
	border-left:5px dashed red;
}
#id_goalline::after {
	content:'GOAL';
	position: absolute;
	font-weight:bold;
	color:#ff0000;
	left:-20px;
	bottom:-24px;
}
.lane { 
	height: 80px; 
	font-size: 76px; 
	line-height: 80px; 
	position: relative; 
	border-bottom: 2px solid #ddd; 
}
.lane:last-child { border-bottom: none; }

/* ランナーの配置：leftではなくrightを基準にして右から左へ進める */
.runner { position: absolute; right: 0px; transition: right 0.05s linear; white-space: nowrap; }

/* ラベル（逆走に合わせて文字順を調整しやすいよう配置） */
.label { font-size: 11px; color: #fff; background: #fa8072; padding: 2px 5px; border-radius: 3px; vertical-align: middle; margin-right: 5px; }
.cpu-label { background: #6495ed; }

#message { 
	font-size: 16px; 
	font-weight: bold; 
	color: #333; 
	margin: 5px 0; 
	min-height: 30px; 
	font-family: 'Hachi Maru Pop', cursive; 
	text-align: center; 
	user-select: none;
}

/* 操作ボタンエリア */
.btn-container { display: flex; justify-content: center; gap: 15px; max-width: 300px; margin: 0 auto; }

/* ボタン共通スタイル */
.buttonCls {
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	user-select: none;
}

/* 連打ボタン */
#tap-zone {
	flex: 2;
	background: #ff5722;
	box-shadow: 0 6px #d84315;
}
#tap-zone:active {
	box-shadow: 0 2px #d84315;
	transform: translateY(4px);
}

/* リトライボタン */
#retry-btn {
	flex: 1;
	background: #2196f3;
	box-shadow: 0 6px #0b7dda;
	//display: none; /* ゲーム中・開始前は非表示 */
	display: block;
}
#retry-btn:active {
	box-shadow: 0 2px #0b7dda;
	transform: translateY(4px);
}
#id_flags1 {
	position:absolute; 
	left:0; 
	top:10px; 
	width:45%; 
	height:60px; 
	background:url(../images/kenminsai_2026/illust2107.png) no-repeat center center; 
	background-size:100% 100%;
	transform:rotate(-13deg);
}
#id_flags2 {
	position:absolute; 
	left:55%; 
	top:10px; 
	width:45%; 
	height:55px; 
	background:url(../images/kenminsai_2026/illust2107.png) no-repeat center center; 
	background-size:100% 100%;
	transform:rotate(12deg) scale(-1, 1);
}
#id_resuleMessage {
	position:absolute; 
	top:50%; 
	left:50%; 
	transform: translateY(10%) translateX(-50%); 
	font-size:30px; 
	font-weight:bold; 
	font-family: 'Hachi Maru Pop', cursive;
	padding: 0 9px;
	background: #e4fcff;
	border-radius: 30px;
	white-space: nowrap;
}