
<html>
	<head>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/loginpage.css?20211211-0757">
	<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
	</head>
	<body style="position:relative ;height: 100%;margin: 0 auto!important;max-width:1024px ;width:100% ;">







	<img  class="login_main_img" src="img/1/main/main.jpg" alt="">
	<div class="login_main_title">
		店舗名:<span>カラオケスタジオQ</span><br>
<!--	</div><br>
	<div class="login_main_title">-->
		ルーム:<span>テーブル1</span>
	</div>


	<div id="msg_jp" class="top_msg">
		ご来店ありがとうございます。	</div>
	<div id="msg_en" class="top_msg">
		Thank you for visiting us.	</div>
	<div id="msg_ch" class="top_msg">
		感????我?。	</div>
	<div id="msg_kr" class="top_msg">
		?? ?????.	</div>



<form action="select_page_pattern.php" method="POST">
	
		<div class="lng_btn">
			<span>日本語</span>
			<input type="radio" name="language" value="jp" id="no" onclick="formSwitch()" checked>
			<label class="lng_btn_label" for="no"></label>
		</div>


		<div class="input_area">

		<input type="hidden" name="store_id" value="1">
		<input type="hidden" name="page_pattern" value ="1">
		<input type="hidden" name="type" value="login"><br>
		<input type="submit" value="→" style="font-size: 1em;width: 4em;">
	</div>
</form>




<script>
	function formSwitch() {
		lang = document.getElementsByName('language')
			if (lang[0].checked) {
				// jp選択時
				document.getElementById('msg_jp').style.display = "";
				document.getElementById('msg_en').style.display = "none";
				document.getElementById('msg_ch').style.display = "none";
				document.getElementById('msg_kr').style.display = "none";
			} else if (lang[1].checked) {
				//en選択時
				document.getElementById('msg_jp').style.display = "none";
				document.getElementById('msg_en').style.display = "";
				document.getElementById('msg_ch').style.display = "none";
				document.getElementById('msg_kr').style.display = "none";
			} else {
				if (lang[2].checked && lang[2].value === "ch") {
					//ch選択時
					document.getElementById('msg_jp').style.display = "none";
					document.getElementById('msg_en').style.display = "none";
					document.getElementById('msg_ch').style.display = "";
					document.getElementById('msg_kr').style.display = "none";
				} else if(lang[2].checked && lang[2].value === "kr") {
					document.getElementById('msg_jp').style.display = "none";
					document.getElementById('msg_en').style.display = "none";
					document.getElementById('msg_ch').style.display = "none";
					document.getElementById('msg_kr').style.display = "";
				} else {
					if(lang[3].checked) {
						//kr選択時
						document.getElementById('msg_jp').style.display = "none";
						document.getElementById('msg_en').style.display = "none";
						document.getElementById('msg_ch').style.display = "none";
						document.getElementById('msg_kr').style.display = "";
					} else {
						document.getElementById('msg_jp').style.display = "";
						document.getElementById('msg_en').style.display = "none";
						document.getElementById('msg_ch').style.display = "none";
						document.getElementById('msg_kr').style.display = "none";
					}
				}
			}
		}
	window.addEventListener('load', formSwitch());
</script>

<script type="text/javascript">
window.onorientationchange = function () {
 switch ( window.orientation ) {
  case 0:
   break;
  case 90:
   alert('画面は縦向きでご利用下さい');
   break;
  case -90:
   alert('画面は縦向きでご利用下さい');
   break;
 }
}
</script>



</body>
</html>