57 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			57 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html>
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						|
  <title>二四家(にしのや)</title>
 | 
						|
  <link href="static/css/default.css" rel="stylesheet">
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
  <header>
 | 
						|
    <div id="logo-container">
 | 
						|
      <a href="index.html"><img id="logo" src="static/images/1686296908880.jpg" alt="二四家ロゴ" width="200px"></a>
 | 
						|
    </div>
 | 
						|
    <nav>
 | 
						|
      <input type="checkbox" id="menu-toggle" class="menu-toggle">
 | 
						|
      <label for="menu-toggle" class="menu-toggle-label">☰</label>
 | 
						|
      <ul id="menu" class="menu">
 | 
						|
        <li><a href="menu_details.html">メニューの詳細</a></li>
 | 
						|
        <li><a href="specialty.html">御来店の際のご注意</a></li>
 | 
						|
        <li><a href="class.html">2年4組について</a></li>
 | 
						|
        <li><a href="photo_booth.html">フォトブース</a></li>
 | 
						|
      </ul>
 | 
						|
    </nav>
 | 
						|
  </header>
 | 
						|
  <div id="content">
 | 
						|
    <h2>御来店の際のご注意</h2>
 | 
						|
    <p>お客様のご来店に際しましていくつかご注意がありますので是非ともご確認下さい。</p>
 | 
						|
 | 
						|
    <ul>
 | 
						|
      <li>商品の受け取りから2時間以内にはお召し上がりいただきますよう、お願い致します。</li>
 | 
						|
      <li>衛生上食べ残しは極力お控え下さい。万が一食べ残しが発生した場合は、ザル付きのゴミ箱に食べ残しを入れ、器や割り箸などは別のゴミ箱に分別していただきますようお願い致します。</li>
 | 
						|
      <li>屋外でお召し上がりいただく場合も、ゴミは必ず店内に設置してあるゴミ箱に捨てていただきますようお願い致します。</li>
 | 
						|
      <li>みたらし団子についてくる爪楊枝は、お召し上がりいただいた後、店内の発泡スチロールに刺していただきますようお願い致します。</li>
 | 
						|
    </ul>
 | 
						|
  </div>
 | 
						|
 | 
						|
  <footer>
 | 
						|
    © 2023 二四家 All rights reserved.
 | 
						|
  </footer>
 | 
						|
 | 
						|
 <script>
 | 
						|
  document.addEventListener('DOMContentLoaded', function() {
 | 
						|
      const menuToggle = document.getElementById('menu-toggle');
 | 
						|
      const menu = document.getElementById('menu');
 | 
						|
 | 
						|
      menuToggle.addEventListener('change', function() {
 | 
						|
        if (menuToggle.checked) {
 | 
						|
          menu.style.display = 'block';
 | 
						|
        } else {
 | 
						|
          menu.style.display = 'none';
 | 
						|
        }
 | 
						|
      });
 | 
						|
    });
 | 
						|
  </script>
 | 
						|
</body>
 | 
						|
</html>
 |