https://kurebeer.jp/beer/gift.html

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>クラフトビールを贈答品として | ギフトに最適な選び方とおすすめ | kurebeer</title>
7  <meta name="description" content="クラフトビールを贈答品として贈る際のギフト選びのポイントやおすすめ商品を紹介します。お中元やお歳暮、誕生日や記念日のプレゼントとして喜ばれるクラフトビールの選び方と人気のギフトセットをご提案。">
8  <meta name="keywords" content="クラフトビール, 贈答品, ギフト, お中元, お歳暮, プレゼント, ギフトセット, ビールの選び方, 誕生日ギフト, 記念日ギフト">
9  <link rel="stylesheet" href="mobile-category.css">
10  <link rel="stylesheet" href="pc-category.css">
11
12  <!-- Google Analytics -->

12
13  <script async src="https://www.googletagmanager.com/gtag/js?id=

13G-YK4FKHEBT7

13"></script>
14  

14<script>
15    

15window.dataLayer = window.dataLayer || [];
16    function gtag(){dataLayer.push(arguments);}
17    gtag('js', new Date());
18
19    gtag('config', '

19G-YK4FKHEBT7

19');
20  

20</script>

20
21</head>
22<body>
23  <header>
24    <a href="https://kurebeer.jp/" target="_blank">
25      <img src="sozai/KureBeer＿logo.png" alt="kurebeer（クラフトビール）" />
26    </a>
27
28      <div class="header-menu">
29        <nav>
30          <div class="header-menu-outer">
31          <div class="header-menu-inner">
32            <ul>
33              <li>
34              <a href="gift.html" class="header-menu-item">
35                <img alt="" aria-hidden="true" src="sozai/gift.png">
36              <span>ギフト</span>
37              </a>
38              </li>
39              <li>
40              <a href="furusato.html" class="header-menu-item">
41                <img alt="" aria-hidden="true" src="sozai/furusato.png">
42              <span>ふるさと納税</span>
43              </a>
44              </li>
45              <li>
46              <a href="tasting.html" class="header-menu-item">
47                <img alt="" aria-hidden="true" src="sozai/tasting.png">
48              <span>飲み比べ</span>
49              </a>
50              </li>
51            </ul>
52          </div>
53          </div>
54        </nav>
55      </div>
56    <!-- 右上に家のロゴを追加 -->
57    <a href="https://kurebeer.jp/" class="home-icon">
58        <img src="sozai/home.png" alt="ホーム" />
59        <span>HOME</span> <!-- ロゴ下にテキストを追加 -->
60    </a>
61  </header>
62
63  <!-- Ranking Section -->
64  <div class="heading-rank">
65  <img src="sozai/ranking.png" alt="" /><h1>クラフトビールギフトランキング</h1>
66  </div>
67
68  <!-- セレクトボックスでランキングを切り替え -->
69  <label class="ranking-filter">
70    <select id="ranking-select">
71        <option value="review">レビュー件数順</option>
72        <option value="luxury">高単価順</option>
73        <option value="lowprice">安い順</option>
74        <option value="like">レビュー評価順</option>
75    </select>
76  </label>
77  
78  <!-- Ranking Section -->
79  <section id="review">
80    <div class="scroll-container"></div>
81  </section>
82  <section id="luxury">
83    <div class="scroll-container"></div>
84  </section>
85  <section id="lowprice">
86    <div class="scroll-container"></div>
87  </section>
88  <section id="like">
89    <div class="scroll-container"></div>
90  </section>
91  

91<script src="gift.js"></script>

91
92</body>
93</html>