<!doctype html>
<html lang="ja-JP">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no, email=no, address=no">
<title>鈴木達央ノベルティサイト｜グラム公式通販 - glamb Online Store</title>
<meta name="keywords" content="glamb,鈴木達央" />
<meta name="description" content="glamb 鈴木達央ノベルティサイト" />

<meta name="robots" content="noindex">

<link rel="apple-touch-icon" href="https://glamb.itembox.design/item/_assets/img/favicons/webclip.png">
<link rel="shortcut icon" href="https://glamb.itembox.design/item/_assets/img/favicons/favicon.ico">
<link rel="icon" type="image/vnd.microsoft.icon" href="https://glamb.itembox.design/item/_assets/img/favicons/favicon.ico">

<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
	
<body>
<div id="wrapper">
	<header>
		<h1 class="header-name"><img src="img/top/logo_ts.svg" alt="Tatsuhisa Suzuki"></h1>
		<h2 class="header-logo"><img src="img/common/logo_glamb-white.svg" alt="glamb"></h2>
	</header>
	<main class="top-main">
		<div class="top-wave-wrap">
			<div id="wave1" class="top-wave top-wave--1"><img src="img/top/img_wave-01.png" alt="wave1"></div>
			<div id="wave2" class="top-wave top-wave--2"><img src="img/top/img_wave-02.png" alt="wave2"></div>
			<div id="wave3" class="top-wave top-wave--3"><img src="img/top/img_wave-03.png" alt="wave3"></div>
			<div id="wave4" class="top-wave top-wave--4"><img src="img/top/img_wave-04.png" alt="wave4"></div>
		</div>
		<div class="top-contents">
			<section class="top-contents-area">
				<h3 class="c-title-en">ENTER THE PASSWORD</h3>
				<p class="top-contents-text">パスワードを入れて<span class="u-inlineBlock">「PLAY」を押してください。</span></p>
				<label class="top-pass-input--label">
					<input type="password" id="pass" class="top-pass-input">
					<button id="showPasswordButton" class="top-pass-show js-pass-show"></button>
				</label>
				<label class="c-btn-enter--label">
					<input type="button" onclick='checkPassWorrd()' value="PLAY" class="c-btn-enter">
				</label>
			</section>
		</div>
		<div id="modal1" class="modal active">
			<div class="modal-box modal-box--voice">
				<div class="modal-header">
					<p class="header-name"><img src="img/top/logo_ts.svg" alt="Tatsuhisa Suzuki"></p>
					<p class="header-logo"><img src="img/common/logo_glamb-white.svg" alt="glamb"></p>
				</div>
				<figure class="modal-image modal-image--01"><img src="img/top/img_voice-01.png" alt=""></figure>
				<h2 class="c-title-voice">Michrophone1</h2>
				<p class="c-title-voice--kana">マイク1</p>
				<div class="audio-player">
					<audio controlslist="nodownload" src="audio/audio1.mp3"></audio>
					<div class="controls">
						<button class="play" type="button">Play</button>
						<button class="pause" type="button">Pause</button>
						<button class="stop" type="button">Stop</button>
					</div>
				</div>
				<div class="modal-bottom">
					<button class="modalClose">CLOSE</button>
				</div>
			</div>
		</div>
		<div id="modal2" class="modal">
			<div class="modal-box">
				<p>ここにモーダル2のコンテンツが入ります</p>
				<button class="modalClose">閉じる</button>
			</div>
		</div>
		<div id="modal3" class="modal">
			<div class="modal-box">
				<p>ここにモーダル3のコンテンツが入ります</p>
				<button class="modalClose">閉じる</button>
			</div>
		</div>
		<div id="modal4" class="modal">
			<div class="modal-box">
				<p>ここにモーダル4のコンテンツが入ります</p>
				<button class="modalClose">閉じる</button>
			</div>
		</div>
		<div id="modal_else" class="modal">
			<div class="modal-box">
				<p>パスワードが違います</p>
				<div class="modal-btn">
					<button class="modalClose">CLOSE</button>
				</div>
			</div>
		</div>
	</main>
	<footer>
		<div class="footer-copy">
			<aside>Copyright&copy; Laugh Valley All rights reserved.</aside>
		</div>
	</footer>
</div><!--wrapper-->

<!--<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>-->
<script src="js/common/common.js" type="text/javascript"></script>

</body>
</html>